@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600;700&display=swap";:root{--darkNavy: #001B2E;--slateBlue: #294C60;--lightGrey: #ADB6C4;--cream: #FFEFD3;--white: #FFFFFF;--stylaOrange: #E67E22;--stylaOrangeText: #7A3E07;--stylaOrangeLight: #FFF2E6;--stylaOrangeMid: #FFD8B3;--stylaYellow: #ECFF7A}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:#fafafa;color:#111}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--white);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:50}.headerGrid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.title{font-weight:700;font-size:18px;color:var(--darkNavy)}.brandHeadline{font-family:"Bauhaus 93",ITC Bauhaus,Josefin Sans,Futura,Trebuchet MS,Arial,sans-serif;font-weight:700}.container{max-width:920px;margin:0 auto;padding:16px}.tabs{display:flex;gap:12px;justify-content:center;padding:12px;background:#f6f6f6}.tab{padding:10px 18px;border-radius:20px;background:#efefef;color:#6e6e6e;font-weight:600;font-size:15px;cursor:pointer;border:none}.tab.active{background:var(--stylaOrangeLight);color:var(--darkNavy)}.card{background:#fff;border:1px solid #EEE;border-radius:12px;padding:12px}.card.compact{padding:10px}.sectionTitle{font-size:18px;font-weight:700;color:var(--darkNavy);margin:12px 0}.field{margin-bottom:12px}.label{font-size:14px;font-weight:600;color:#5a3b4e;margin-bottom:6px}.input,.textarea,.select{width:100%;background:#fff;border:1px solid #E5E5E5;border-radius:12px;padding:12px 14px;color:#111;font-size:14px}.input::placeholder,.textarea::placeholder{color:#888;font-style:normal;font-family:inherit}.textarea{min-height:90px;resize:vertical}.row{display:flex;gap:12px}.mediaRow{align-items:flex-start}.pillBtn{display:inline-flex;align-items:center;gap:8px;background:var(--stylaOrange);padding:10px 16px;border-radius:24px;color:#fff;font-weight:700;border:none;cursor:pointer}.actions{display:flex;gap:10px;margin-top:16px;justify-content:flex-end}.btn{padding:12px 16px;border-radius:12px;border:none;cursor:pointer;font-weight:700}.btn.primary{background:var(--stylaOrange);color:#fff}.btn.secondary{background:#ececec;color:#333}.btn.outline{background:#fff;color:var(--stylaOrange);border:1px solid var(--stylaOrange)}.btn.pill{border-radius:24px}.error{color:#c62828;font-size:13px;margin-top:4px}.helper{color:#999;font-size:12px}.badge{display:inline-block;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:700;vertical-align:middle;margin-left:6px}.badgeOptional{background:var(--stylaOrangeLight);color:var(--stylaOrangeText);border:1px solid var(--stylaOrangeMid)}.banner{position:relative;width:100%;height:200px;border-top-left-radius:16px;overflow:hidden;background:#ddd}.avatarRing{width:120px;height:120px;border-radius:60px;border:4px solid #d8cfe0;background:#fff;display:flex;align-items:center;justify-content:center;margin:-80px auto 10px;position:relative;z-index:2}.avatar{width:112px;height:112px;border-radius:56px;object-fit:cover}.contentCard{background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;margin-top:-70px;padding:44px 20px 12px;position:relative;z-index:1}.socialStack{display:flex;align-items:center;justify-content:center;gap:0;margin:18px 0}.socialBtn{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-left:-14px;box-shadow:0 2px 6px #00000014}.bgTikTok{background:#efd6f5}.bgInsta{background:#d9ccff}.bgLink{background:#c6b09b}.bgShare{background:#f2a78a}.serviceCard{width:228px;background:#ece2dd;border-radius:16px;padding:16px;margin-right:16px}.servicesRow{display:flex;overflow-x:auto;padding:12px 20px;gap:12px}.optionGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.bannerOption{position:relative;width:100%;padding-top:38%;border-radius:12px;overflow:hidden;border:2px solid transparent;background:#fff;cursor:pointer}.bannerOption.selected{border-color:var(--stylaOrangeMid)}.bannerOptionInner{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center}.uploadRow{display:flex;gap:12px;align-items:center}.fileInputHidden{display:none}.tooltipWrap{position:relative;display:inline-block}.tooltipIcon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#000;color:#aaa;font-size:12px;cursor:pointer;margin-left:6px}.tooltipBubble{position:absolute;top:24px;right:0;background:#111;color:#fff;padding:8px 10px;border-radius:8px;font-size:12px;width:220px;z-index:100;box-shadow:0 8px 24px #0000002e}.segmented{display:inline-flex;border:1px solid #E5E5E5;border-radius:12px;overflow:hidden;background:#fff}.segBtn{padding:8px 12px;font-weight:600;font-size:13px;color:#555;border:none;background:transparent;cursor:pointer}.segBtn.active{background:var(--stylaOrangeLight);color:var(--darkNavy)}.inputGroup{display:flex;align-items:center;border:1px solid #E5E5E5;border-radius:12px;background:#fff;overflow:hidden}.inputPrefix{padding:12px;color:#666;font-weight:600;background:#f7f7f7}.inputGroup input{border:none;outline:none;flex:1;padding:12px 14px;font-size:14px}.paletteScroller{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.paletteScroller .card{min-width:170px}
