/* Approved modern appearance; existing body scrolling and application handlers stay intact. */
@font-face{font-family:Manrope;src:url('/ui-assets/manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root,html[data-theme=light]{--bg:#E9DFF7;--bg2:#E9DFF7;--surface:#F6F0FC;--surface-soft:#DED1F0;--surface2:#DED1F0;--surface3:#D0BFE6;--text:#2A2235;--muted:#665775;--soft:#665775;--line:#D0BFE6;--accent:#DFA3BA;--accent-text:#2B1E25;--error:#A12445;--pink:#7652A3;--rose:#7652A3;--violet:#7652A3;--blue:#7652A3;--green:#27664E;--dark:#17162B;--backdrop:#332B35B8;--nav-h:74px;color-scheme:light}
html[data-theme=dark]{--bg:#17162B;--bg2:#17162B;--surface:#232139;--surface-soft:#1D1B32;--surface2:#1D1B32;--surface3:#3F3753;--text:#F4F0FA;--muted:#BEB5D1;--soft:#BEB5D1;--line:#3F3753;--accent:#DFA3BA;--accent-text:#2B1E25;--error:#FFB7C9;--pink:#DFA3BA;--rose:#DFA3BA;--violet:#B69AD7;--blue:#B69AD7;--green:#9FD8BE;--backdrop:#121014D9;color-scheme:dark}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}
.phone-shell{background:var(--bg);box-shadow:none}.phone-shell:before{display:none}
.app-main{padding:26px 20px calc(var(--nav-h) + var(--safe-bottom) + 30px);color:var(--text)}
.app-header{height:78px;min-height:78px;background:linear-gradient(180deg,#120D1FF5,#120D1FE8);color:#fff;gap:8px;padding:12px;border-bottom:1px solid #ffffff17}
.brand-block{gap:10px;min-width:0;flex:0 1 auto}.brand-block>div{min-width:0}.brand-logo{flex:0 0 48px;width:48px;height:48px;border-radius:17px}.brand-title{font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:21px;font-weight:650;letter-spacing:-.55px;line-height:1.1;white-space:nowrap;color:#fff}.brand-subtitle{font-size:11px;color:#fff;margin-top:3px;white-space:nowrap}.profile-avatar{background:#7652A3;color:#fff}
.bottom-nav{height:calc(74px + var(--safe-bottom));min-height:74px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px 8px calc(6px + var(--safe-bottom));background:linear-gradient(180deg,#140C23F7,#0D0817FA);border-top:1px solid #ffffff1f;align-items:stretch}
.nav-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:54px;color:#BEB5D1;padding:2px 0;border-radius:15px;background:none;border:0;min-width:0}.nav-btn svg{display:block;width:24px;height:24px;flex:0 0 24px}.nav-btn b{font-size:11px;line-height:1;font-weight:650}.nav-btn.active{color:#fff;background:#ffffff0f;box-shadow:none}.nav-create{gap:3px;padding:0}.nav-create-icon{width:48px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:15px;background:#5D447E;color:inherit}.nav-create.active{background:none}.nav-create.active .nav-create-icon{background:#7652A3}.nav-btn .nav-create-icon svg{color:inherit}.nav-btn span.nav-create-icon{font-size:inherit}
button{font-family:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--text);outline-offset:3px}a{color:var(--text)}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:650}.hidden,[hidden]{display:none!important}
.page-heading{margin:0 0 22px}.page-heading .eyebrow{display:block;color:var(--muted);margin-bottom:8px}.page-heading h1{font-size:32px;line-height:1.12;letter-spacing:-1.15px;font-weight:560;margin:0}.page-heading p{font-size:14px;line-height:1.5;color:var(--muted);margin:11px 0 0}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 13px}.section-heading h2{font-size:19px;line-height:1.25;letter-spacing:-.45px;font-weight:600;margin:0}.text-link{color:var(--muted);background:none;padding:4px 0;min-height:44px;display:inline-flex;align-items:center;font-size:12px;gap:7px;white-space:nowrap}.lead-story{display:block;position:relative;overflow:hidden;border-radius:18px;isolation:isolate;min-height:282px;color:#fff;background:#77716e;text-align:left;padding:0;width:100%}.lead-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 47%;z-index:-2}.lead-story:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#18131be8 0%,#18131b4d 49%,transparent 80%);z-index:-1}.lead-kicker{position:absolute;top:18px;left:18px;font-size:10px;font-weight:650;letter-spacing:.15em;display:flex;align-items:center;gap:7px;text-shadow:0 1px 8px #0008}.lead-kicker i{width:5px;height:5px;border-radius:50%;background:#dfa3ba}.lead-content{display:block;padding:132px 18px 20px}.lead-content strong{font-size:27px;line-height:1.1;font-weight:560;letter-spacing:-.6px;display:block}.lead-content small{display:block;margin:8px 0 16px;color:#ffffffd1;font-size:13px;line-height:1.4}.story-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:43px;padding:0 15px;background:var(--accent);color:var(--accent-text);font-size:12px;font-weight:650;border-radius:12px}.story-cta b{font-size:18px;font-weight:400}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-tile{min-height:113px;position:relative;padding:16px 14px 14px;border-radius:17px;border:1px solid var(--line);color:var(--text);background:var(--surface);display:grid;justify-items:start;align-content:space-between;text-align:left;gap:12px}.service-symbol{width:24px;height:24px;color:var(--muted);stroke-width:1.5;fill:none;stroke:currentColor}.service-tile strong{font-size:14px;line-height:1.25;font-weight:560;letter-spacing:-.1px}.service-tile .tile-arrow{position:absolute;top:15px;right:13px;color:var(--muted);font-size:16px}.soon-label{position:absolute;top:18px;right:13px;font-size:10px;color:var(--muted)}.service-tile.is-soon{background:transparent}.recent-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.recent-item{padding:0;background:none;color:var(--text);min-width:0;text-align:left}.recent-item .media-preview{aspect-ratio:4/5;border-radius:12px}.recent-item span:last-child{display:block;font-size:10px;color:var(--muted);padding-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.works-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:20px}.works-heading h1{font-size:30px;line-height:1.12;letter-spacing:-.9px;font-weight:560;margin:0}.work-count{color:var(--muted);font-size:12px}.media-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:0 0 18px}.media-tabs button{min-height:44px;color:var(--muted);font-size:14px;font-weight:500;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:0 2px 12px}.media-tabs button[aria-pressed=true]{color:var(--text);border-color:var(--accent)}.filter-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:22px}.filter-row label{display:grid;gap:7px;color:var(--muted);font-size:11px}.filter-row select{width:100%;min-width:0;min-height:44px;appearance:auto;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:11px;font-size:12px;padding:0 8px}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:22px}.work-card{min-width:0}.work-open{width:100%;min-width:0;background:none;color:inherit;text-align:left;padding:0}.media-preview{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:15px;background-color:var(--surface-soft);background-size:auto 112%;background-position:97% 44%;background-repeat:no-repeat}.media-preview.product{background-image:url('/ui-assets/product-card.jpg')}.media-preview.fitting{background-image:url('/ui-assets/virtual-fitting.jpg')}.media-preview.doc{background-image:url('/ui-assets/doc-photo.jpg')}.media-preview.car{background-image:url('/ui-assets/car.png');background-size:cover;background-position:50% 50%}.media-preview.video:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#19131d80);pointer-events:none}.play-mark{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#18151b80;color:#fff;backdrop-filter:blur(8px);font-size:10px;padding-left:2px;z-index:1}.duration{position:absolute;bottom:10px;right:10px;color:#fff;font-size:10px;letter-spacing:.03em;z-index:1}.work-title{display:block;font-size:13px;font-weight:550;line-height:1.3;margin-top:10px;letter-spacing:-.12px}.work-date{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:4px}.empty-state{padding:48px 8px;text-align:center}.empty-state h2{font-size:19px;font-weight:560}.empty-state p{font-size:14px;line-height:1.6;color:var(--muted)}.primary-button,.secondary-button{min-height:47px;padding:12px 18px;border-radius:13px;font-weight:600;font-size:14px;line-height:1.4}.primary-button{background:var(--accent);color:var(--accent-text)}.secondary-button{background:var(--surface);border:1px solid var(--line);color:var(--text)}.wide-button{width:100%}.back-link{min-height:44px;padding:0;background:none;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:8px;margin:-10px 0 14px}.scene-preview{height:290px;border-radius:18px;background:var(--surface);overflow:hidden;margin:0 0 22px}.scene-preview img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}.scene-meta{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:14px 0 22px}.scene-meta span{padding-right:9px;border-right:1px solid var(--line)}.scene-meta span:last-child{border:0}.muted-copy{font-size:14px;color:var(--muted);line-height:1.65}.simple-panel{padding:22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);margin-top:22px}.simple-panel h2{font-size:18px;font-weight:550;margin:0 0 10px}.simple-panel p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.simple-panel+.secondary-button{margin-top:18px}.help-list{display:grid;gap:0;margin-top:24px}.help-list details{padding:17px 0;border-bottom:1px solid var(--line)}.help-list summary{font-size:15px;line-height:1.4;cursor:pointer;min-height:28px}.help-list p{font-size:14px;color:var(--muted);line-height:1.65;margin:13px 0 0}.detail-layer{position:absolute;inset:78px 0 68px;background:var(--backdrop);z-index:5;overflow:auto;overscroll-behavior:contain;padding:12px}.detail-layer[hidden]{display:none}.detail-sheet{min-height:100%;background:var(--bg);color:var(--text);border-radius:18px;padding:16px;box-shadow:0 8px 38px #0003}.detail-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.detail-head .eyebrow{color:var(--muted)}.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--text);background:var(--surface);font-size:25px;font-weight:300;line-height:1}.detail-media{width:100%;aspect-ratio:4/5;border-radius:13px;max-height:410px}.detail-copy{padding:18px 2px 4px}.detail-copy h2{font-size:24px;line-height:1.2;font-weight:550;letter-spacing:-.5px;margin:0}.detail-copy>p:first-of-type{font-size:12px;color:var(--muted);margin:9px 0 16px}.detail-note{font-size:13px;line-height:1.6;color:var(--muted)}.detail-actions{display:grid;gap:9px;grid-template-columns:1fr 1fr;margin-top:20px}.detail-actions>button:only-child{grid-column:1/-1}.action-notice{font-size:13px;line-height:1.5;color:var(--muted);min-height:20px;margin:14px 0 0}.prototype-label{display:block;font-size:10px;line-height:1.5;letter-spacing:.06em;color:var(--muted);margin-top:12px}.device.modal-open .app-main{overflow:hidden}.device.modal-open .app-header,.device.modal-open .bottom-nav{visibility:hidden}.device.modal-open .detail-layer{inset:0}.modal-open .detail-sheet{padding-top:8px}.service-hero{margin-bottom:20px}.service-hero .media-preview{max-height:300px;aspect-ratio:4/3}
.media-preview.product,.media-preview.fitting{background-size:auto 155%;background-position:95% 15%}
.media-preview.doc{background-size:auto 155%;background-position:95% 30%}
.service-hero .media-preview{width:min(100%,280px);max-height:none;aspect-ratio:4/5;margin-inline:auto}
.service-example-grid{column-gap:12px;row-gap:22px}
.service-example{min-width:0;display:block;width:100%;padding:0;background:none;color:var(--text);text-align:left}
.service-example .service-example-image{aspect-ratio:4/5;border-radius:15px}
.service-example-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:8px;row-gap:6px;padding:11px 2px 0;min-height:50px}
.service-example-caption strong{font-size:14px;line-height:1.3;font-weight:550;letter-spacing:-.15px}
.service-example-arrow{font-size:17px;color:var(--muted);line-height:1.15}
.service-example-soon{grid-column:1/-1;font-size:10px;line-height:1.4;color:var(--muted)}
.creation-catalog{display:grid;gap:22px}
.creation-card{display:block;width:100%;min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);text-align:left}
.creation-card:disabled{opacity:1}
.catalog-media{width:100%;aspect-ratio:4/3;position:relative;display:block;overflow:hidden;background:var(--surface-soft)}
.catalog-media>img{display:block;width:100%;height:100%;object-fit:contain}
.catalog-video>img{object-fit:cover;object-position:50% 43%}
.catalog-media-label{position:absolute;bottom:13px;right:13px;padding:6px 9px;border-radius:8px;background:#1a161bc9;color:#fff;font-size:11px;line-height:1.3}
.catalog-portrait-panel{display:flex;justify-content:center;align-items:center;padding:12px}
.catalog-portrait-panel .catalog-portrait{width:50%;height:auto;aspect-ratio:4/5;border-radius:10px}
.catalog-copy{display:grid;gap:10px;padding:19px 18px 12px}
.catalog-copy>strong{font-size:21px;line-height:1.2;letter-spacing:-.55px;font-weight:550}
.catalog-description{font-size:14px;line-height:1.6;color:var(--muted)}
.catalog-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:3px;padding-top:11px;border-top:1px solid var(--line);font-size:13px;font-weight:600;line-height:1.3}
.catalog-cta>span{font-size:18px;font-weight:400;color:var(--muted)}
.catalog-future-label{font-size:10px;line-height:1.4;color:var(--muted);letter-spacing:.04em}
.is-upcoming .catalog-cta{color:var(--muted)}

.media-preview.studio{background-image:url('/ui-assets/neuro-studio.png');background-size:cover;background-position:center}
.catalog-studio>img{object-fit:cover;object-position:center}
.service-hero .media-preview.studio{width:100%;max-height:300px;aspect-ratio:4/3}
.create-heading-row,.template-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.create-heading-row{flex-wrap:wrap}
.template-heading-row{align-items:flex-start}
.template-heading-row h1{min-width:0;flex:1}
.favorites-entry{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;padding:8px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:12px;font-weight:550}
.heart-icon{display:block;width:22px;height:22px;flex:0 0 auto}
.favorites-entry .heart-icon{width:18px;height:18px}
.favorite-toggle{width:44px;height:44px;flex:0 0 44px;padding:0;display:grid;place-items:center;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:50%}
.favorite-toggle[aria-pressed=true] .heart-icon{fill:var(--accent)}
.favorites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
.favorite-card{position:relative;min-width:0}
.favorite-open{display:block;width:100%;padding:0;background:none;color:var(--text);text-align:left}
.favorite-open>.media-preview{display:block}
.favorite-remove{position:absolute;top:9px;right:9px;box-shadow:0 2px 8px #17162b12}
.favorites-empty{padding:35px 8px}
.favorites-empty>.heart-icon{width:40px;height:40px;margin:0 auto 22px;color:var(--muted)}
.favorites-empty p{margin-bottom:24px}
.header-right{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;flex:0 1 auto}
.header-right .profile-mini{max-width:112px;min-width:84px;gap:6px;padding:6px;flex:1 1 112px}
.header-right .profile-avatar{width:32px;height:32px;flex:0 0 32px}
.header-right .profile-text{min-width:0}
.header-right .profile-name,.header-right .profile-id{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-theme-switch{display:grid;place-items:center;width:44px;height:44px;min-width:44px;flex:0 0 44px;padding:0;border:0;background:transparent;color:#fff}
.theme-switch-track{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;position:relative;width:36px;height:22px;border:1px solid #fff3;border-radius:11px;background:#ffffff0a}
.theme-switch-thumb{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background:rgba(216,204,232,.25)}
.theme-switch-track svg{display:block;width:13px;height:13px;position:relative;z-index:1}
.switch-sun{opacity:.85}
.switch-moon{opacity:.4}
.header-theme-switch[aria-checked=true] .theme-switch-thumb{transform:translateX(14px)}
.header-theme-switch[aria-checked=true] .switch-sun{opacity:.4}
.header-theme-switch[aria-checked=true] .switch-moon{opacity:.85}

.neuro-preview-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;margin-bottom:20px}.favorite-toggle:disabled{opacity:.55}.favorite-toggle[aria-pressed=true]{color:var(--text)}.recent-item>img,.recent-video-placeholder{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;background:var(--surface-soft)}.recent-video-placeholder{display:grid;place-items:center;font-size:26px;color:var(--text)}.catalog-doc{padding:12px}.catalog-doc>img{width:50%;margin:auto;object-fit:cover;object-position:97% 30%}.lead-story:disabled{opacity:1}.creation-card:disabled{opacity:.8}.screen-head h1{font-size:30px;font-weight:560;letter-spacing:-.9px}.screen-head{margin:0 0 22px}.service-example-image{display:block}.gallery-card,#galleryResults{background:none!important;border:0!important;padding:0;box-shadow:none;margin-top:0}.gallery-grid{gap:22px 12px}.gallery-item{border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;min-width:0}.gallery-item>div{padding:10px 0 0;background:none}.gallery-item strong{font-size:13px;font-weight:550;color:var(--text)}.gallery-item span,.gallery-meta-date{color:var(--muted);font-size:11px}.gallery-item .gallery-image-button,.gallery-item>img,.gallery-item .gallery-video-button{width:100%;aspect-ratio:4/5;border-radius:15px;overflow:hidden;background:var(--surface-soft);border:0;color:var(--text)}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item .gallery-actions{display:none}.works-controls{margin-bottom:22px}.works-filters{gap:7px}.works-filter{background:transparent;border-color:var(--line);color:var(--muted);font-weight:550;border-radius:12px}.works-filter.active{background:var(--surface);color:var(--text);border-color:var(--line)}.works-sort select{background:var(--surface);color:var(--text)}
.gallery-preview-modal{background:var(--backdrop);color:var(--text)}.gallery-preview-caption{background:var(--surface);color:var(--text);padding:16px;border-radius:16px}.gallery-preview-caption>span{color:var(--muted)}.gallery-preview-close{background:var(--surface);color:var(--text);border:1px solid var(--line);width:44px;height:44px}.gallery-preview-actions{display:flex;gap:10px;justify-content:center;margin-top:14px}.gallery-preview-stage{background:transparent}.gallery-preview-actions .danger{color:var(--error)}
/* Existing controls, payments, agreements and information screens use both palettes. */
.panel-card,.wizard-card,.faq-card,.balance-card,.contacts-card,.doc-card,.requisites-card,.danger-card,.scenario-card,.package-card,.upload-box,.summary-card,.checkout-card,.info-card{background:var(--surface);border:1px solid var(--line);box-shadow:none;color:var(--text)}
.option-chip,.ghost-btn,.gallery-action,.balance-tab,.balance-payment-row,.payment-row{background:var(--surface-soft);border:1px solid var(--line);color:var(--text);box-shadow:none}.option-chip.active,.package-card.active{background:var(--accent);color:var(--accent-text);border-color:var(--muted);box-shadow:none}.package-card.active .package-desc,.package-card.active .package-price{color:var(--accent-text)}.primary-btn{background:var(--accent);color:var(--accent-text);box-shadow:none;font-weight:650}.text-btn,.step-kicker,.option-group-label,.package-price,.balance-value,.balance-number,.contacts-card a,.doc-card a,.requisites-card a{color:var(--text)}.progress-dot{background:var(--line)}.progress-dot.active{background:var(--accent)}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea,.email-input{background:var(--surface-soft);color:var(--text);border-color:var(--line);font-family:inherit}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=file]::file-selector-button{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface);color:var(--text)}input[type=checkbox],input[type=radio]{accent-color:var(--violet)}.agreement,.agreement span,.save-email,.save-email span,.form-label,.field-label{color:var(--muted)}.agreement a,.save-email a{color:var(--text);text-decoration:underline}.status.error,.error-text,.danger-text,.danger-btn{color:var(--error)}.status-box,.notice-box,.receipt-note,.checkout-summary{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}.balance-tab.active{background:var(--surface);color:var(--text);border-color:var(--line)}.balance-tabs{background:var(--surface-soft);border-color:var(--line)}.balance-note,.hint,.muted,.fine-print,.faq-card p{color:var(--muted)}.promo-form input,.receipt-field input{background:var(--surface-soft);color:var(--text)}
@media(max-width:400px){.app-main{padding-left:18px;padding-right:18px}.page-heading h1{font-size:31px}.lead-story{min-height:265px}.lead-content{padding-top:119px}}
@media(max-width:370px){.brand-title{font-size:20px}.brand-block{gap:8px}.brand-subtitle{font-size:11px}.app-header{gap:5px}.app-main{padding-left:16px;padding-right:16px}.page-heading h1{font-size:29px}.lead-story{min-height:253px}.lead-content{padding-top:107px}.service-example-caption strong{font-size:13px}}

.summary-box{background:var(--surface-soft);border-color:var(--line)}.summary-row.price b,.field span,.card-headline{color:var(--text)}.status-line.error{color:var(--error)}.gallery-item:has(.gallery-placeholder) .gallery-actions{display:grid}.purchase-item,.history-item{background:var(--surface-soft);border-color:var(--line);color:var(--text)}

.text-link,.lead-story,.service-example,.recent-item,.favorite-open,.back-link{border:0}.field input,.field select,.field textarea{background:var(--surface-soft);color:var(--text);border-color:var(--line)}.field input:focus{border-color:var(--muted);box-shadow:0 0 0 2px var(--line)}.gallery-preview-close{top:max(14px,env(safe-area-inset-top));bottom:auto}.gallery-preview-caption{padding-right:16px}

.app-header .profile-id{color:#ffffff8f}.app-header .profile-name{color:#fff}

button{border:0}

/* Approved home/account mirror presentation, integrated with the existing body scroll. */
:root{--header-h:64px;--nav-h:64px;--card:var(--surface);--purple:#7652A3;--success:#27664E}html[data-theme=dark]{--success:#A1D6BD}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button .icon{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-header{height:64px;min-height:64px;padding:10px 13px;background:#120D1F;gap:6px}.app-header .brand-logo{width:40px;height:40px;flex:0 0 40px;border-radius:14px}.app-header .brand-block{gap:9px;min-height:44px}.app-header .brand-subtitle{font-size:10px;line-height:1.3}.header-right{gap:3px}.header-right .compact-profile-button{display:grid;place-items:center;max-width:44px;min-width:44px;width:44px;height:44px;flex:0 0 44px;padding:0;border:0;background:none;cursor:pointer}.compact-profile-button .profile-avatar{width:34px;height:34px;border-radius:50%;flex:0 0 34px;border:1px solid #ffffff38;font-size:14px}.compact-profile-button .profile-avatar img{border-radius:50%}
.bottom-nav{height:calc(64px + var(--safe-bottom));min-height:64px;padding:4px 8px calc(4px + var(--safe-bottom));background:#140C23}.nav-btn{min-height:52px;gap:5px;border-radius:13px}.nav-btn b{font-size:10px}.nav-create{gap:3px}.nav-create-icon{width:44px;height:36px;flex:0 0 36px;border-radius:12px}.nav-create.active .nav-create-icon{background:#7652A3}
.home-account-home,.account-profile,.home-example-page{font-family:Manrope,ui-sans-serif,system-ui,sans-serif}.home-account-home .section-heading{align-items:center;gap:10px;margin:29px 0 15px}.home-account-home .section-heading h2{font-size:19px;font-weight:650;line-height:1.3}.home-account-home .hero{position:relative;isolation:isolate;overflow:hidden;padding:0;margin:-9px -4px 0;border-radius:22px;background:var(--surface);border:1px solid var(--surface)}.home-account-home .hero-art{height:196px;overflow:hidden;background:#19102E}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:80% 0}.home-account-home .hero-content{position:relative;z-index:1;margin-top:-22px;padding:0 20px 7px;background:var(--surface)}.hero-content:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px;background:linear-gradient(180deg,transparent,var(--surface));pointer-events:none}.home-account-home .hero h1{font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:clamp(54px,15vw,64px);font-weight:800;line-height:1.02;letter-spacing:-2.2px;color:#7652A3;white-space:nowrap;margin:0}.home-account-home .hero-content>p{font-size:13px;line-height:1.6;color:var(--muted);margin:5px 0 10px;max-width:330px}.home-account-home .hero-primary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:12px 17px;border-radius:13px;background:#7652A3;color:#fff;font-size:14px;line-height:1.45;font-weight:650}.hero-primary .icon{width:19px;height:19px}.home-account-home .hero-secondary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;width:100%;padding:9px 0;background:none;color:var(--muted);font-size:12px;font-weight:600;margin:0}.hero-secondary>span{font-size:17px}html[data-theme=dark] .home-account-home .hero h1{color:#D7C0EE}
.home-examples{scroll-margin-top:calc(var(--header-h) + 15px)}.examples-intro{font-size:13px;line-height:1.65;color:var(--muted);margin:-5px 0 16px}.home-media-filters{display:flex;align-items:center;gap:7px;margin:0 0 17px;flex-wrap:wrap}.home-media-filters button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:9px 15px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--muted);font-size:12px;font-weight:650}.home-media-filters button[aria-pressed=true]{background:var(--surface);border-color:var(--surface);color:var(--text)}.home-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;align-items:start}.home-example-card{position:relative;min-width:0}.home-example-open{display:block;min-width:0;padding:0;text-align:left;background:none;color:var(--text);width:100%}.home-example-open:disabled{opacity:1}.home-example-media{display:block;position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:15px;background:var(--surface-soft)}.home-example-media.video-example{aspect-ratio:3/4.6;display:grid;place-items:center;align-content:center;gap:14px;background:linear-gradient(150deg,#4C395F,#232139);color:#F4F0FA}.video-example>.icon{width:42px;height:42px}.video-example>span:not(.home-type-badge){font-size:12px;text-align:center;padding:0 14px}.home-example-media .photo-crop{background-size:cover;background-position:center}.photo-crop{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:auto 112%;background-position:97% 44%;position:absolute;inset:0}.photo-product{background-image:url('/ui-assets/product-card.jpg')}.photo-fitting{background-image:url('/ui-assets/virtual-fitting.jpg')}.photo-document{background-image:url('/ui-assets/doc-photo.jpg');background-position:97% 34%}.photo-studio{background-image:url('/ui-assets/neuro-studio.png');background-size:cover;background-position:center}.home-type-badge{position:absolute;top:8px;left:8px;z-index:1;display:grid;place-items:center;width:28px;height:28px;padding:5px;color:#fff;background:#21182BD9;border:1px solid #ffffff25;border-radius:8px}.home-type-badge .icon{width:16px;height:16px}.home-example-heart{display:grid;place-items:center;position:absolute;top:2px;right:2px;z-index:2;width:44px;height:44px;border:0;background:transparent;color:#fff;isolation:isolate;padding:0}.home-example-heart:before{content:"";position:absolute;inset:6px;border:1px solid #ffffff55;border-radius:50%;background:#21182BD9;z-index:-1;backdrop-filter:blur(8px)}.home-example-heart .heart-icon{width:18px;height:18px;stroke-width:2}.home-example-heart[aria-pressed=true] .heart-icon{fill:var(--accent);stroke:var(--accent)}.home-example-title{display:block;font-size:13px;font-weight:650;line-height:1.4;letter-spacing:-.15px;margin-top:9px}.home-example-detail{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:4px}.home-soon-overlay{display:block;position:absolute;bottom:9px;left:9px;right:9px;padding:6px 8px;color:#fff;background:#21182BD9;border-radius:8px;font-size:10px;text-align:center}.home-all-examples{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;font-size:13px}.home-all-examples .icon{width:18px;height:18px}
.home-service-list{display:grid;gap:12px}.home-service-card{display:grid;grid-template-columns:94px minmax(0,1fr);gap:14px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.home-service-art{width:94px;height:112px;border-radius:10px;overflow:hidden;position:relative;background:var(--surface-soft)}.home-service-copy{min-width:0}.home-service-copy h3{font-size:14px;line-height:1.4;font-weight:650;letter-spacing:-.2px;margin:0 0 5px}.home-service-copy p{font-size:11px;line-height:1.55;color:var(--muted);margin:0}.home-service-cta{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 0 2px;background:none;color:var(--text);font-size:12px;font-weight:650}.home-service-cta .icon{width:15px;height:15px}.home-service-cta:disabled{color:var(--muted)}.home-service-video{display:grid;place-items:center;align-content:center;gap:8px;background:#302741;color:#F4F0FA}.home-service-video span{font-size:10px;text-align:center;padding:0 5px}.how-it-works ol{padding:0;margin:0;list-style:none;display:grid;gap:18px}.how-it-works li{display:flex;align-items:flex-start;gap:13px}.how-it-works li>span{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border:1px solid var(--line);background:var(--surface);border-radius:50%;font-size:12px;font-weight:600}.how-it-works strong{display:block;font-size:14px;line-height:1.4;font-weight:650;margin-top:2px}.how-it-works p{font-size:12px;color:var(--muted);line-height:1.6;margin:4px 0 0}.recent-works .section-heading h2{font-size:17px;max-width:230px}.recent-works .text-link{font-size:11px}.recent-works .recent-item>img,.recent-works .recent-video-placeholder{aspect-ratio:4/3}.recent-works .recent-strip{gap:12px}
.account-profile>h1{font-size:32px;line-height:1.15;font-weight:600;letter-spacing:-1px}.account-profile .identity-card{text-align:center;padding:21px 10px 4px}.account-profile .account-avatar{display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#7652A3;color:#fff;font-size:28px;font-weight:650}.account-profile .avatar-large{width:82px;height:82px;margin:auto;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line)}.account-profile .account-avatar img{width:100%;height:100%;object-fit:cover}.account-profile .identity-card h2{font-size:23px;margin:15px 0 4px;letter-spacing:-.6px;line-height:1.3}.account-profile .copy-id{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:6px;background:none;color:var(--muted);font-size:12px}.account-profile .copy-id .icon{width:16px;height:16px}.small-status{font-size:12px;line-height:1.5;color:var(--muted);min-height:18px;margin-top:7px}.small-status.error{color:var(--error)}.small-status.success{color:var(--success)}.account-profile .section-heading{margin:29px 0 15px;align-items:center}.account-profile .section-heading h2{font-size:19px;line-height:1.3;font-weight:650}.account-balance-list{display:grid;gap:9px;margin-bottom:14px}.account-balance-row{display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.account-balance-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--surface-soft);color:var(--text);flex-shrink:0}.account-balance-row>div{flex:1;min-width:0}.account-balance-row strong{display:block;font-size:13px;line-height:1.4;font-weight:650}.account-balance-row small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:3px}.account-balance-amount{text-align:right;min-width:42px}.account-balance-amount b{display:block;font-size:21px;line-height:1.2;font-weight:650;letter-spacing:-.5px}.account-balance-amount span{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:3px}.account-profile .receipt-section .section-heading{margin-bottom:9px}.account-profile .muted-copy{font-size:13px;line-height:1.65}.account-profile #profileReceiptForm{margin-top:16px}.account-profile .field-label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}.account-profile input[type=email]{display:block;width:100%;height:49px;padding:0 13px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:15px}.account-profile input[aria-invalid=true]{border-color:var(--error)}.account-profile #profileReceiptForm .secondary-button{margin-top:10px}.account-profile .secondary-button{border-radius:13px;font-size:14px;line-height:1.45;font-weight:650;min-height:48px}.account-payment-list{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.account-payment-list article{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:15px 13px;border-bottom:1px solid var(--line)}.account-payment-list article:last-child{border:0}.account-payment-list strong{display:block;font-size:12px;line-height:1.5;font-weight:650}.account-payment-list span{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:5px}.account-payment-list small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:5px}.account-payment-list b{font-size:15px;line-height:1.5;font-weight:650;white-space:nowrap}.account-payment-list>p{padding:15px;margin:0;font-size:13px}.account-support-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:19px;margin-top:27px}.account-support-card>.icon{color:var(--muted);margin-bottom:13px}.account-support-card h2{font-size:19px}.account-support-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:9px 0 17px}.account-support-card .secondary-button{font-size:12px}.account-delete-zone{border-top:1px solid var(--line);margin-top:36px;padding-top:20px}.account-delete-zone>p{font-size:11px;color:var(--muted);margin-bottom:7px}.account-delete-button{display:block;padding:8px 0;min-height:44px;background:none;color:var(--error);font-size:13px;text-decoration:underline}
@media(max-width:370px){.home-account-home .hero-content{padding-left:18px;padding-right:18px}.home-account-home .hero-content>p{font-size:12.5px}.home-account-home .section-heading h2{font-size:18px}.home-service-card{grid-template-columns:86px minmax(0,1fr);gap:12px}.home-service-art{width:86px;height:110px}.home-service-copy h3{font-size:13px}.app-header{padding-left:12px;padding-right:10px}.recent-works .section-heading h2{font-size:16px;max-width:185px}.account-balance-row{padding:12px 10px;gap:9px}}

/* Published birthday example, shared with the video-template gallery. */
.home-example-media.video-example>video,.home-example-media.video-example>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.home-example-media.video-example>video{pointer-events:none}

/* Focused readability and navigation alignment; icon artwork remains unchanged. */
.bottom-nav .nav-btn{display:grid;grid-template-rows:36px 16px;align-content:center;justify-items:center;gap:3px;padding:0;min-height:55px}
.bottom-nav .nav-btn>svg{align-self:center}
.bottom-nav .nav-btn b{font-size:12px;line-height:16px;white-space:nowrap;align-self:start}
.bottom-nav .nav-create-icon{height:36px;width:44px;min-height:36px;align-self:center}
.home-example-title{font-size:15px;line-height:1.45}.home-example-detail{font-size:14px;line-height:1.45}
.home-all-examples{font-size:15px;line-height:1.4}.back-link{font-size:14px}
.home-account-home .hero-content>p,.home-account-home .hero-secondary,.home-service-copy p,.home-service-cta,.how-it-works p,.recent-works .text-link,.recent-item span:last-child{font-size:14px;line-height:1.5}
.gallery-item strong{font-size:14px;line-height:1.45}.gallery-item .gallery-date,.gallery-item .gallery-status{font-size:13px;line-height:1.45}
.gallery-video-button,.recent-video-placeholder{position:relative;overflow:hidden}
.gallery-video-button>img,.recent-video-placeholder>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gallery-video-button>span,.recent-video-placeholder{isolation:isolate}
.gallery-video-button.has-video-poster>span{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#140c23b8;color:#fff;margin:auto}
.gallery-video-button.has-video-poster>b{display:none}
.recent-video-placeholder.has-video-poster:after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#140c23b8;color:#fff;font-size:18px}