@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&display=swap');
/* Glitter · Holo on Black
   ground #0B0B0F · surface #15151C · outline #26262F · text #F4F2F7 · muted #9A98A6
   holo: magenta #FF3DBF → gold #FFC24D → cyan #5CF0FF → violet #B98CFF
   gold = sparkled/money · coral #FF6B6B = glitch · cyan = glitter detected */
:root{--ground:#0B0B0F;--surface:#15151C;--surface2:#1C1C25;--line:#26262F;--text:#F4F2F7;--muted:#9A98A6;--gold:#FFC24D;--cyan:#5CF0FF;--magenta:#FF3DBF;--violet:#B98CFF;--glitch:#FF6B6B;--holo:linear-gradient(115deg,#FF3DBF 0%,#FFC24D 38%,#5CF0FF 70%,#B98CFF 100%);--holo-ring:conic-gradient(from 200deg,#FF3DBF,#FFC24D,#5CF0FF,#B98CFF,#FF3DBF);--r:20px;font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
/* legacy token names used by older rules */
:root{--canvas:#0B0B0F;--ink:#F4F2F7;--surface-legacy:#0B0B0F;--white:#15151C;--mint:#FFC24D;--red:#FF6B6B;--sand:#15151C}
*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}
body{margin:0;color:var(--text);background:var(--ground);-webkit-font-smoothing:antialiased}
svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.holo-text{background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- desktop studio frame ---------- */
.studio-layout{min-height:100vh;max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(330px,1fr) 550px;gap:54px;align-items:center;padding:42px 60px}
.studio-panel{color:var(--text);padding-top:10px}
.studio-brand{display:flex;gap:13px;align-items:center;font-size:15px;font-weight:700;letter-spacing:.16em}
.studio-star{font-size:28px;line-height:1;background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent}
.studio-tag{font-size:10px;color:var(--muted);letter-spacing:.12em;border:1px solid var(--line);padding:7px 9px;border-radius:24px;margin-left:8px}
.studio-panel h1{font-weight:700;font-size:clamp(42px,5vw,75px);line-height:1.08;letter-spacing:-.05em;margin:44px 0 22px}
.studio-panel h1 em{font-style:normal;background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent}
.studio-panel>p{color:var(--muted);font-size:16px;line-height:1.75;max-width:435px;margin:0 0 36px}
.panel-section-label{font-size:10px;color:var(--muted);letter-spacing:.2em;font-weight:700;margin-bottom:12px}
.screen-picks{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:425px}
.screen-pick{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 12px;text-align:left;font-size:13px;display:flex;align-items:center;gap:10px}
.screen-pick .pick-num{color:var(--muted);font-size:11px}
.screen-pick.active{background:var(--text);border-color:var(--text);color:var(--ground);font-weight:700}
.screen-pick.active .pick-num{color:#5E5C68}
.studio-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.studio-button{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:11px 13px;font-size:12px;font-weight:700}
.studio-button.secondary{background:none;border:1px solid var(--line);width:auto;color:var(--muted);min-height:0;display:inline-flex;font-size:12px;padding:11px 13px}
.studio-panel .prototype-note{font-size:12px;line-height:1.6;margin:24px 0 0;max-width:425px;color:var(--muted)}
.prototype-note b{color:var(--text)}
.studio-caption{font-size:10px;letter-spacing:.06em;color:#5E5C68;margin-top:20px}
.preview-region{display:flex;flex-direction:column;align-items:center;gap:19px}
.phone-label,.under-phone{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:11px}
.preview-divider{height:12px;width:1px;background:var(--line)}
.online-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%}
.under-phone{font-size:9px;opacity:.7}

/* ---------- phone shell ---------- */
.phone{position:relative;width:393px;height:844px;background:var(--ground);border:8px solid #1C1C25;border-radius:52px;box-shadow:0 40px 95px #000c,0 0 0 1px #26262F;overflow:hidden}
.phone-camera{position:absolute;z-index:12;top:11px;width:114px;height:28px;background:#000;left:50%;transform:translateX(-50%);border-radius:18px}
.ios-status{height:53px;padding:14px 25px 0 29px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14px;z-index:10;position:relative;color:var(--text)}
.ios-signal{display:flex;align-items:center;gap:7px}
.battery{width:22px;height:11px;border:1.5px solid currentColor;border-radius:3px;position:relative}
.battery:before{content:'';position:absolute;left:2px;top:2px;bottom:2px;width:14px;background:currentColor;border-radius:1px}
.battery:after{content:'';width:2px;height:4px;position:absolute;right:-4px;top:2px;border-radius:1px;background:currentColor}
.app-content{height:calc(100% - 53px);position:relative;overflow:hidden}
.home-indicator{width:120px;height:5px;background:#3A3A45;border-radius:5px;bottom:7px;left:50%;transform:translateX(-50%);position:absolute;z-index:14}

/* ---------- app chrome ---------- */
.top{height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 25px}
.wordmark{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700;letter-spacing:-.03em;color:var(--text)}
.mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ground);border:1px solid var(--line);border-radius:50%;position:relative;flex-shrink:0}
.mark img{width:26px;height:26px;display:block}
.setup-logo{display:flex;align-items:center;gap:8px}
@media (hover:hover) and (pointer:fine){.mark:hover{border-color:transparent;background:linear-gradient(var(--ground),var(--ground)) padding-box,var(--holo-ring) border-box}}
.top-actions{display:flex;align-items:center;gap:12px}
.small-icon-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text)}
.view{height:calc(100% - 74px);overflow-y:auto;padding:3px 20px 104px;scrollbar-width:none}
.view::-webkit-scrollbar{display:none}
.no-nav .view{height:100%;padding-bottom:40px}
.section-eyebrow{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.page-title{font-size:32px;letter-spacing:-.04em;font-weight:700;line-height:1.12;margin:8px 0 10px;color:var(--text)}
.subcopy{font-size:13px;line-height:1.55;color:var(--muted);margin:0}

/* bottom nav: floating pill */
.bottom-nav{position:absolute;bottom:14px;left:20px;right:20px;height:64px;border-radius:32px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;padding:0 6px;z-index:9}
.tab{flex:1;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;font-size:9px;font-weight:700;min-height:44px}
.tab .icon{width:21px;height:21px}
.tab.active{color:var(--text)}
.tab.active .tab-icon{background:var(--surface2);border-radius:12px}
.tab-icon{height:32px;width:43px;display:flex;align-items:center;justify-content:center}
.tab.plus-tab .tab-icon{position:relative;background:var(--ground);border:1px solid var(--line);border-radius:50%;width:48px;height:48px;margin-top:-18px;box-sizing:border-box;box-shadow:0 8px 20px #0008;transition:transform .15s}
.tab.plus-tab .tab-icon img.flurry{width:40px;height:40px;display:block}
.tab.plus-tab.active .tab-icon{background:var(--surface2);border-color:#3A3A45}
.tab.plus-tab:active .tab-icon{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){.tab.plus-tab .tab-icon:before{content:'';position:absolute;inset:-2px;border-radius:50%;padding:2px;background:var(--holo-ring);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .2s}.tab.plus-tab:hover .tab-icon:before{opacity:1}}

/* ---------- Glif hero ---------- */
.stat-card{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:24px;padding:22px 22px 18px;margin:14px 0 24px;min-height:187px;position:relative;overflow:hidden}
.stat-card:before{content:'';position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:var(--holo-ring);opacity:.14;filter:blur(2px)}
.stat-number{font-size:72px;letter-spacing:-.05em;line-height:1.05;font-weight:700;font-variant-numeric:tabular-nums;background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}
.stat-label{font-size:13px;font-weight:500;margin-bottom:16px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);position:relative}
.stat-footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;position:relative}
.stat-dots{display:flex;gap:6px}
.stat-dots i{width:7px;height:7px;border-radius:50%;background:#3A3A45}
.stat-dots i.on{background:var(--text);width:17px;border-radius:6px}
.panel-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}
.panel-heading h2{font-size:16px;letter-spacing:-.02em;margin:0;font-weight:700}
.panel-heading button{border:0;background:transparent;font-size:13px;color:var(--muted);font-weight:500}

/* rows + statuses */
.item-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px;margin-bottom:8px;cursor:pointer;color:var(--text)}
.item-row img{width:56px;height:56px;object-fit:cover;border-radius:12px}
.item-main{flex:1;min-width:0}
.item-title{font-size:14px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.item-meta{font-size:12px;color:var(--muted);margin-top:4px}
.status{font-size:11px;font-weight:700;padding:6px 9px;border-radius:9px;white-space:nowrap;text-transform:capitalize}
.status.glistening{background:#1A2A2E;color:var(--cyan)}
.status.seen{background:#2A2418;color:var(--gold)}
.status.glitch{background:#2E1A1A;color:var(--glitch)}
.quiet{font-size:12px;line-height:1.5;color:var(--muted)}
.empty-state{text-align:center;background:var(--surface);border:1px dashed #3A3A45;border-radius:var(--r);padding:33px 20px;margin-top:5px}
.empty-icon{height:72px;width:72px;margin:auto auto 15px;display:flex;align-items:center;justify-content:center;border-radius:36px;background:var(--surface2);border:1px solid var(--line);color:var(--cyan)}
.empty-icon .icon{width:32px;height:32px}
.empty-state h3{font-size:18px;margin:0 0 10px;color:var(--text)}
.empty-state .subcopy{margin-bottom:18px}

/* buttons */
.primary{background:var(--text);color:var(--ground);border:0;border-radius:28px;min-height:56px;padding:14px 18px;display:flex;justify-content:center;align-items:center;gap:9px;font-weight:700;font-size:15px;width:100%}
.primary.lime{background:var(--gold);color:var(--ground)}
.secondary{background:transparent;color:var(--text);border:1px solid var(--line);border-radius:26px;min-height:50px;padding:12px 17px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:500;font-size:14px;width:100%}
.primary .icon,.secondary .icon{height:17px;width:17px}
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tips{margin-top:15px;display:flex;gap:10px;color:var(--muted);font-size:12px;line-height:1.5}
.tips .icon{width:15px;height:15px}
.tiny-pill{display:inline-flex;gap:6px;align-items:center;border-radius:9px;font-size:11px;font-weight:700;color:var(--cyan);background:#1A2A2E;padding:6px 9px}

/* media canvas (Sprinkle / Shine) */
.canvas-card{margin:19px 0 17px;border-radius:24px;overflow:hidden;min-height:204px;background:#1B1424;position:relative;border:1px solid var(--line)}
.canvas-card:before,.canvas-card:after{content:'';position:absolute;left:0;right:0;height:3px;z-index:2;background:linear-gradient(90deg,#FF3DBF,#FFC24D,#5CF0FF,#B98CFF)}
.canvas-card:before{top:0}.canvas-card:after{bottom:0;background:linear-gradient(90deg,#B98CFF,#5CF0FF,#FFC24D,#FF3DBF)}
.canvas-card>img{width:100%;height:225px;object-fit:cover;display:block;filter:saturate(.55) brightness(.75)}
.canvas-caption{position:absolute;left:12px;bottom:14px;background:#0B0B0Fc0;color:var(--cyan);border-radius:10px;padding:8px 11px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;display:flex;gap:7px;align-items:center;z-index:3}
.corner-chip{position:absolute;right:12px;top:14px;background:#0B0B0Fc0;color:var(--gold);font-size:11px;font-weight:700;padding:7px 9px;border-radius:10px;z-index:3}
.import-actions{display:flex;gap:9px}
.import-actions button{width:50%}
.control-header{font-size:13px;font-weight:700;margin:19px 0 10px}
.segments{background:var(--surface);border:1px solid var(--line);display:flex;padding:4px;border-radius:14px;gap:3px}
.segment{border:0;background:transparent;border-radius:10px;flex:1;padding:10px 4px;font-size:13px;color:var(--muted);font-weight:500;min-height:40px}
.segment.active{color:var(--ground);background:var(--text)}
.setting-line{display:flex;align-items:center;justify-content:space-between;gap:9px;background:var(--surface);border:1px solid var(--line);padding:15px;border-radius:var(--r);margin-top:12px}
.setting-line .l1{font-size:14px;font-weight:700}
.setting-line .l2{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.4}
.setting-line .right{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--muted)}
.setting-line .right .icon{width:14px;height:14px}
.fixed-action{position:absolute;bottom:85px;left:20px;right:20px;z-index:8;background:linear-gradient(to bottom,#0B0B0F00,#0B0B0F 20%,#0B0B0F);padding:13px 0 0}
.success-card{background:#2A2418;border:1px solid #4A3C1E;padding:15px;border-radius:var(--r);display:flex;gap:12px;align-items:center;margin:14px 0}
.success-card .icon{width:22px;height:22px;color:var(--gold)}
.success-card .l1{font-weight:700;font-size:14px}
.success-card .l2{color:var(--muted);font-size:12px;line-height:1.5;margin-top:3px}
.form-field{display:flex;gap:8px;align-items:center;padding:12px 13px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:17px 0 10px}
.form-field .icon{color:var(--muted)}
.form-field input{border:0;min-width:0;outline:none;flex:1;background:none;font-size:14px;color:var(--text)}
.form-field input::placeholder{color:#5E5C68}

/* gliport */
.report-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:17px 16px;margin-top:17px}
.report-badge{display:flex;gap:7px;align-items:center;color:var(--cyan);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:500}
.report-title{font-weight:700;font-size:22px;letter-spacing:-.03em;margin:7px 0 8px}
.report-list{margin-top:12px}
.report-line{display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid var(--line);padding:11px 0;gap:9px;font-size:13px}
.report-line span:first-child{color:var(--muted)}
.report-line strong{font-weight:700;text-align:right;max-width:66%}
.comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.comparison .media{height:104px;position:relative}
.comparison img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.comparison .comparison-label{margin-top:4px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:500}

/* alerts */
.alert-card{border:1px solid #4A2A2A;background:var(--surface);border-radius:var(--r);padding:15px;margin:13px 0}
.alert-head{display:flex;align-items:center;justify-content:space-between;gap:9px}
.alert-top{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:700;color:var(--glitch);letter-spacing:.04em}
.alert-date{font-size:11px;color:var(--muted)}
.alert-card h3{font-size:16px;line-height:1.4;letter-spacing:-.01em;margin:12px 0 7px}
.alert-card .mini-media{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:14px;padding:8px;margin:13px 0}
.mini-media img{width:75px;height:63px;border-radius:9px;object-fit:cover}
.mini-media b{font-size:12px}
.mini-media p{font-size:11px;color:var(--muted);margin:5px 0}
.action-choices{display:flex;gap:6px;margin-top:12px}
.action-choices button{border:1px solid var(--line);background:transparent;border-radius:12px;padding:11px 7px;flex:1;font-size:11px;font-weight:700;color:var(--text);min-height:44px}
.action-choices button.strong{background:var(--text);color:var(--ground);border-color:var(--text)}
.activity{margin-top:15px}
.activity-row{display:flex;align-items:flex-start;gap:11px;border-bottom:1px solid var(--line);padding:11px 0}
.activity-symbol{background:#2A2418;color:var(--gold);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}
.activity-symbol .icon{width:15px;height:15px}
.activity-row b{font-size:12px}
.activity-row p{margin:5px 0;color:var(--muted);font-size:11px;line-height:1.5}

/* settings */
.settings-header{display:flex;align-items:center;gap:13px;background:var(--surface);border-radius:var(--r);padding:17px;margin:15px 0 23px;border:1px solid var(--line)}
.settings-header .key-icon{width:45px;height:45px;border-radius:23px;background:var(--holo-ring);color:var(--ground);display:flex;align-items:center;justify-content:center}
.settings-header strong{font-size:14px}
.settings-header p{margin:5px 0 0;color:var(--muted);font-size:12px}
.group-name{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.14em;margin:20px 0 9px;text-transform:uppercase}
.group{background:var(--surface);border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.group-row{width:100%;border:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;background:var(--surface);text-align:left;padding:14px;font-size:13px;font-weight:700;color:var(--text);min-height:48px}
.group-row:last-child{border:0}
.group-row .icon{color:var(--muted)}
.group-row .value{margin-left:auto;color:var(--muted);font-size:12px;font-weight:500}
.group-row .value .icon{width:15px;height:15px}
.group-row.danger{color:var(--glitch)}
.group-row.danger .icon{color:var(--glitch)}
.switch{appearance:none;display:inline-flex;width:40px;height:24px;border:0;background:#3A3A45;border-radius:20px;position:relative;flex-shrink:0;cursor:pointer}
.switch:before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;background:var(--text);top:2px;left:2px;transition:transform .15s}
.switch:checked{background:var(--gold)}
.switch:checked:before{transform:translateX(16px);background:var(--ground)}
.recovery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:16px 0}
.word{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:12px 6px;font-size:12px;font-weight:700;text-align:center}
.word b{font-size:10px;color:var(--muted);margin-right:3px}

/* onboarding */
.setup{height:100%;display:flex;flex-direction:column}
.setup-top{display:flex;justify-content:space-between;align-items:center;padding:15px 26px 8px}
.setup-logo{font-size:22px;letter-spacing:-.03em;font-weight:700}
.step-counter{font-size:12px;color:var(--muted);font-weight:500}
.progress-rail{margin:10px 26px 0;background:var(--line);border-radius:7px;height:4px;overflow:hidden}
.progress-rail>i{display:block;height:100%;background:linear-gradient(90deg,#FF3DBF,#FFC24D,#5CF0FF,#B98CFF);transition:width .22s}
.setup-body{flex:1;overflow:auto;padding:18px 26px 0;scrollbar-width:none}
.setup-art{height:170px;display:flex;align-items:center;justify-content:center;position:relative;margin:7px auto 16px}
.orbit{position:absolute;width:177px;height:177px;border-radius:50%;border:1px solid var(--line)}
.orbit.two{width:126px;height:126px;border-color:#3A3A45}
.art-mark{display:flex;justify-content:center;align-items:center;width:96px;height:96px;border-radius:48px;background:var(--ground);border:1px solid var(--line);position:relative}
.art-mark img{width:76px;height:76px;display:block}
.flurry-anim{animation:flurryTwinkle 3.2s ease-in-out infinite}
@keyframes flurryTwinkle{0%,100%{transform:scale(1) rotate(0deg);filter:brightness(1)}35%{transform:scale(1.09) rotate(-5deg);filter:brightness(1.25)}70%{transform:scale(.96) rotate(4deg);filter:brightness(.95)}}
@media(prefers-reduced-motion:reduce){.flurry-anim{animation:none}}
.setup h2{font-size:30px;letter-spacing:-.04em;line-height:1.13;margin:0 0 13px}
.setup p{font-size:13px;line-height:1.6;color:var(--muted)}
.setup-bottom{padding:12px 26px 37px}
.setup-note{font-size:11px;color:var(--muted);text-align:center;margin-top:12px}
.choice-card{display:flex;gap:11px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:15px;margin:8px 0;min-height:44px}
.choice-card.on{border-color:var(--text);background:var(--surface2)}
.choice-card input{accent-color:#FFC24D;margin-top:2px}
.choice-card strong{font-size:14px}
.choice-card p{margin:5px 0 0;font-size:12px}
.alert-inline{border:1px solid #4A3C1E;background:#2A2418;border-radius:12px;padding:11px;font-size:12px;color:var(--gold);margin-top:12px;line-height:1.45}
.upload-box{border:1px dashed #3A3A45;background:var(--surface);border-radius:12px;padding:12px;text-align:center;margin:9px 0}
.upload-box small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.notification-chip{display:inline-flex;align-items:center;gap:6px;background:#2E1A1A;color:var(--glitch);border-radius:10px;padding:7px 10px;font-size:11px;font-weight:700;margin-top:4px}

/* overlays */
.native-modal{position:absolute;inset:0;background:#000000a8;z-index:30;display:flex;align-items:flex-end}
.sheet{background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:28px 28px 0 0;padding:15px 22px 48px;width:100%}
.sheet-handle{width:34px;height:4px;border-radius:4px;background:#3A3A45;margin:0 auto 18px}
.sheet h3{font-size:20px;margin:0 0 11px}
.sheet p{font-size:13px;color:var(--muted);line-height:1.6}
.sheet button{margin-top:9px}
.toast{position:absolute;left:20px;right:20px;bottom:95px;border-radius:14px;background:var(--text);color:var(--ground);padding:13px 15px;z-index:33;font-size:13px;font-weight:500}
.license-chip{font-size:12px;font-weight:700;color:var(--gold);background:#2A2418;padding:8px 11px;border-radius:12px}
.no-photo{height:204px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#1B1424;color:var(--muted)}
.no-photo .icon{width:37px;height:37px}
.right-arrow{margin-left:auto;color:var(--muted)}
.right-arrow .icon{width:16px;height:16px}

.sticky-primary{position:absolute;left:20px;right:20px;bottom:85px;z-index:8;padding-top:11px;background:linear-gradient(to bottom,#0B0B0F00,#0B0B0F 15%,#0B0B0F 100%)}
.view.has-sticky{padding-bottom:190px}
.sticky-primary.row-2{display:grid}
.sticky-primary .primary,.sticky-primary .secondary{min-height:52px}

@media(max-width:970px){.studio-layout{display:flex;align-items:center;flex-direction:column;gap:25px;padding:24px}.studio-panel{max-width:570px}.studio-panel h1{font-size:48px;margin:24px 0 14px}.studio-panel>p{margin-bottom:21px}.studio-caption{display:none}.phone-label{display:none}}
@media(max-width:550px){body{background:var(--ground)}.studio-layout{padding:0;gap:0;display:block}.studio-panel{display:none}.preview-region{display:block}.phone{width:100%;height:100dvh;min-height:650px;border:0;border-radius:0;box-shadow:none}.phone-camera{display:none}.ios-status{height:47px;padding-top:8px}.app-content{height:calc(100% - 47px)}.under-phone{display:none}.home-indicator{bottom:5px}}