.simulator-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s8);margin-bottom:var(--s12)}.simulator-heading>.tag{white-space:nowrap;margin-bottom:var(--s2)}.simulator-shell{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--canvas-alt)}.simulator-controls{padding:var(--s8);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:var(--s5);background:var(--canvas)}.control-heading{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s2)}.control-heading h3{font-size:20px}.step-index{color:var(--muted);font-size:var(--caption)}.upload-control{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:76px;border:1px dashed var(--line-bright);background:var(--canvas-alt);border-radius:var(--radius-sm);padding:var(--s4);color:var(--ink);transition:background var(--normal) var(--ease)}.upload-control:hover{background:var(--surface-high)}.upload-control>span{flex:1;text-align:left;font-size:var(--small)}.upload-control>img{max-width:64px;height:34px;-o-object-fit:contain;object-fit:contain}.upload-control:disabled{cursor:wait;opacity:.7}.remove-logo{background:none;border:0;text-decoration:underline;font-size:var(--caption);text-align:left;width:-moz-max-content;width:max-content;padding:var(--s1) 0;min-height:32px}.color-control{display:flex;flex-direction:column;gap:var(--s3)}.swatches{display:flex;gap:var(--s2)}.swatch{display:block;width:38px;height:38px;border-radius:50%;border:4px solid var(--canvas);background:var(--swatch);outline:1px solid transparent;transition:transform var(--normal) var(--ease)}.swatch:hover{transform:scale(1.1)}.swatch[aria-pressed=true]{outline-color:var(--ink)}.custom-color{display:flex;align-items:center;gap:var(--s3);font-size:var(--caption);color:var(--muted)}.custom-color input{width:38px;height:38px;border:1px solid var(--line);padding:4px;background:var(--canvas);border-radius:var(--radius-sm);cursor:pointer}.reset-control{background:none;border:0;padding:var(--s2) 0;display:flex;align-items:center;gap:var(--s2);font-size:var(--caption);color:var(--muted);min-height:40px;width:-moz-max-content;width:max-content}.reset-control:hover{color:var(--ink)}.simulator-preview{display:flex;flex-direction:column;background:radial-gradient(ellipse at 60% 60%,var(--color-accent-soft),transparent 70%),var(--canvas-alt);min-width:0;padding:var(--s6) var(--s8)}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap}.preview-caption{font-size:9px;letter-spacing:.15em;color:var(--muted)}.preview-tabs{display:flex;gap:var(--s1);border:1px solid var(--line);border-radius:var(--pill);padding:var(--s1);background:var(--canvas)}.preview-tab{display:flex;align-items:center;gap:var(--s2);background:none;border:0;border-radius:var(--pill);padding:var(--s2) var(--s3);font-size:var(--caption);min-height:36px;color:var(--muted)}.preview-tab[aria-pressed=true]{background:var(--color-btn-dark-bg);color:var(--color-btn-dark-text)}.preview-tab:hover{color:var(--color-accent)}.preview-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:500px;padding:var(--s8) var(--s4)}.preview-stage>.notebook{width:92%;transform:rotate(-3deg)}.preview-companion{position:absolute!important;right:-1%;bottom:17%;width:22%!important;transform:rotate(7deg);z-index:3}.preview-stage.view-mobile>.phone{width:208px;transform:rotate(2deg)}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);border-top:1px solid var(--line);padding-top:var(--s4);font-size:10px;color:var(--muted)}.preview-bottom>span:first-child{display:flex;align-items:center;gap:var(--s2)}.preview-bottom .tag-dot{background:var(--preview-accent)}.header-brand .device-brand{background:color-mix(in srgb,var(--preview-accent) 23%,#12141b)}.header-brand .preview-tint{opacity:.23}.login-brand{position:absolute;top:25%;left:55%;width:27%;height:12%;background:#131522;color:var(--preview-accent);display:flex;align-items:center;justify-content:center;gap:var(--s2);font-size:clamp(10px,1.3vw,20px);font-weight:650;overflow:hidden}.login-brand img{width:90%;-o-object-fit:contain;object-fit:contain}.login-brand svg{width:24px;height:28px}.login-brand span{overflow-wrap:anywhere;line-height:1.1}.simulator-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--s6);margin-top:var(--s6)}.simulator-footer p{display:flex;align-items:center;gap:var(--s2);font-size:var(--caption)}.lightbox{padding:0;border:1px solid var(--line);border-radius:var(--radius-lg);width:min(1160px,94vw);max-height:92dvh;background:var(--canvas);color:var(--ink);overflow:auto}.lightbox::backdrop{background:rgba(10,12,20,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox-inner{padding:var(--s6)}.lightbox-header{display:flex;justify-content:space-between;gap:var(--s6);align-items:center;margin-bottom:var(--s5)}.lightbox-header .section-label{margin-bottom:var(--s2);font-size:10px}.lightbox-header h3{font-size:var(--title)}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);background:var(--canvas);border-radius:50%;flex-shrink:0}.icon-button:hover{background:var(--surface-high)}.lightbox-image{display:flex;justify-content:center;min-height:0;border-radius:var(--radius-sm);overflow:hidden;background:#12141b}.lightbox-image img{max-height:65dvh;width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.lightbox-phone img{width:auto;max-height:65dvh}.lightbox-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);margin-top:var(--s5)}.lightbox-footer p{font-size:var(--small)}.lightbox-arrows{display:flex;gap:var(--s2)}@media(max-width:1100px){.simulator-shell{grid-template-columns:300px minmax(0,1fr)}.simulator-controls,.simulator-preview{padding:var(--s6)}.preview-caption{display:none}.preview-top{justify-content:center}.preview-stage{min-height:470px}}@media(max-width:767px){.simulator-heading{display:block}.simulator-heading>.tag{margin-top:var(--s6)}.simulator-shell{grid-template-columns:1fr}.simulator-controls{border-right:0;border-bottom:1px solid var(--line);padding:var(--s6)}.simulator-preview{padding:var(--s5);min-height:380px}.preview-stage{min-height:310px;padding-inline:var(--s2)}.preview-stage.view-mobile{min-height:460px}.preview-stage.view-mobile>.phone{width:180px}.preview-companion{width:25%!important;bottom:15%;right:0}.preview-stage>.notebook{width:90%}.preview-tabs{gap:0}.preview-tab{font-size:12px;min-height:40px}.preview-bottom{font-size:9px;gap:var(--s2)}.simulator-footer{align-items:flex-start;flex-direction:column}.simulator-footer p{align-items:flex-start;font-size:12px;line-height:1.5}.simulator-footer p svg{margin-top:3px;flex-shrink:0}.lightbox-inner{padding:var(--s4)}.lightbox-header h3{font-size:20px}.lightbox-header .section-label{font-size:9px}.lightbox-footer{align-items:flex-start;gap:var(--s3)}.lightbox-footer p{font-size:12px}.lightbox-arrows{gap:var(--s1)}.lightbox-arrows .icon-button{width:40px;height:40px}.lightbox-image img{max-height:58dvh}.lightbox-phone img{max-height:62dvh}.custom-color input,.swatch{width:44px;height:44px}.login-brand{font-size:10px}.login-brand svg{width:16px;height:20px}}.login-brand-top{top:2.8%;left:40%;width:20%;height:5.8%;background:#161512;font-size:clamp(8px,1vw,15px)}.login-brand-bottom{top:69.9%;left:38.45%;width:23.1%;height:7.7%;background:#0d0e0c;font-size:clamp(10px,1.3vw,20px)}.login-brand img{width:88%;height:90%}.login-brand-top svg{display:none}.login-brand-bottom span{padding-inline:4px}.preview-stage.view-login>.device{transform:rotate(-2deg)}.preview-tabs{max-width:100%}.preview-tab{min-width:0;min-height:44px}.preview-bottom>span{min-width:0}.preview-bottom>span:last-child{text-align:right}.swatches{flex-wrap:wrap}.custom-color input,.swatch{width:44px;height:44px;flex-shrink:0}.field,.lightbox-footer>p,.lightbox-header>div,.simulator-controls{min-width:0}.lightbox-header h3{overflow-wrap:anywhere}.lightbox-arrows{flex-shrink:0}.login-brand{gap:1cqw;font-size:2.2cqw}.login-brand-top{font-size:1.8cqw}.login-brand span{min-width:0;text-align:center}.login-brand-bottom span{padding-inline:.5cqw}.device-brand{font-size:1.8cqw}@media(min-width:768px) and (max-width:1023px){.simulator-shell{grid-template-columns:1fr}.simulator-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-right:0;border-bottom:1px solid var(--line);gap:var(--s6)}.control-heading{grid-column:1/-1}.simulator-controls>.field:nth-child(3){grid-column:2;grid-row:2/4}.preview-stage{min-height:500px}.simulator-preview{padding:var(--s6) var(--s8)}}@media(max-width:767px){.simulator-heading>.tag{white-space:normal}.preview-tab{padding-inline:var(--s2);gap:var(--s1)}.preview-tabs{width:100%;justify-content:center}.preview-stage.view-mobile{min-height:500px}.lightbox-footer{flex-wrap:wrap}.lightbox-arrows{margin-left:auto}.lightbox-arrows .icon-button{width:44px;height:44px}}.preview-identity{display:flex;align-items:center;justify-content:center;gap:var(--s3);margin-top:var(--s5);padding:var(--s3);border-radius:var(--radius-sm);border:1px solid var(--line);font-size:var(--small);line-height:1.3;min-width:0}.preview-identity>svg{width:20px;height:24px;color:var(--preview-accent)}.preview-identity>img{width:auto;max-width:96px;height:32px;-o-object-fit:contain;object-fit:contain}.preview-identity>span{min-width:0;overflow-wrap:anywhere;font-weight:600}.preview-identity.header-brand{background:color-mix(in srgb,var(--preview-accent) 16%,var(--canvas-alt));border-color:var(--preview-accent)}.preview-stage.header-brand .device-brand{background:color-mix(in srgb,var(--preview-accent) 23%,#12141b)}.preview-tab[aria-pressed=true]:hover{color:var(--color-btn-dark-text)}.preview-companion{right:2%}.gallery-section{padding-block:var(--s20)}.gallery-heading .section-heading h2{font-size:clamp(36px,4.5vw,60px)}.gallery-heading .section-heading>p{max-width:60ch;margin-top:var(--s5);font-size:var(--body)}.gallery-filters{display:flex;flex-wrap:wrap;gap:var(--s2);margin-block:var(--s8) var(--s6)}.gallery-workspace{display:grid;grid-template-columns:208px minmax(0,1fr);gap:var(--s6);height:clamp(480px,43vw,620px)}.gallery-rail{display:flex;flex-direction:column;gap:var(--s2);min-width:0;min-height:0;overflow:auto;padding:var(--s1);scrollbar-width:thin;scrollbar-color:var(--line-bright) transparent;overscroll-behavior:contain}.gallery-thumbnail{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:var(--s3);padding:var(--s2);min-height:88px;flex-shrink:0;text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease)}.gallery-thumbnail:hover{background:var(--surface)}.gallery-thumbnail[aria-pressed=true]{background:var(--color-accent-soft);border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.gallery-thumbnail:focus-visible{outline-offset:1px}.gallery-thumbnail-image{height:54px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--s1);background:var(--color-btn-dark-bg)}.gallery-thumbnail-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.gallery-thumbnail-label{min-width:0;display:flex;flex-direction:column;gap:var(--s1)}.gallery-thumbnail-label small{font-size:9px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.gallery-thumbnail-label strong{font-size:var(--caption);line-height:1.35;font-weight:600}.gallery-feature{min-width:0;min-height:0;display:flex;flex-direction:column}.gallery-expand{position:relative;display:flex;flex:1;min-height:0;width:100%;padding:var(--s6) var(--s6) var(--s16);border:1px solid var(--line);border-radius:var(--radius);background:var(--color-accent-soft);overflow:hidden}.gallery-expand:focus-visible{outline-offset:3px}.gallery-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;container-type:size;animation:gallery-screen-enter var(--fast) var(--ease)}.gallery-screen>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--s1)}.gallery-screen>.device.phone{width:min(210px,36cqh)}.gallery-expand-label{position:absolute;right:var(--s4);bottom:var(--s3);display:inline-flex;align-items:center;gap:var(--s2);min-height:36px;padding-inline:var(--s4);border-radius:var(--pill);font-size:var(--caption);background:var(--color-btn-dark-bg);color:var(--color-btn-dark-text);transition:background var(--fast) var(--ease)}.gallery-expand:hover .gallery-expand-label{background:var(--color-accent);color:var(--color-bg)}.gallery-feature-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);padding-top:var(--s5);min-height:84px}.gallery-feature-caption{min-width:0}.gallery-feature-caption>small{display:block;margin-bottom:var(--s1);font-size:10px;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.gallery-feature-caption h3{font-size:var(--lead);overflow-wrap:anywhere}.gallery-navigation{display:flex;align-items:center;gap:var(--s4);flex-shrink:0}.gallery-navigation>div{display:flex;gap:var(--s2)}.gallery-position{font-size:var(--caption);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.gallery-note{margin-top:var(--s5)}@keyframes gallery-screen-enter{0%{opacity:.4}to{opacity:1}}@media (min-width:768px) and (max-width:1023px){.gallery-workspace{grid-template-columns:172px minmax(0,1fr);gap:var(--s4)}.gallery-thumbnail{grid-template-columns:56px minmax(0,1fr);gap:var(--s2)}.gallery-navigation{flex-direction:column;gap:var(--s1)}}@media (max-width:767px){.gallery-section{padding-block:var(--s12)}.gallery-heading .section-heading>p{margin-top:var(--s4);font-size:var(--small)}.gallery-heading .section-label{font-size:9px;margin-bottom:var(--s4)}.gallery-filters{flex-wrap:nowrap;overflow-x:auto;padding:var(--s1) 2px var(--s2);margin-block:var(--s6) var(--s3);scrollbar-width:thin}.gallery-filters .pill-control{flex-shrink:0;padding-inline:var(--s4);font-size:13px;white-space:nowrap}.gallery-workspace{display:flex;flex-direction:column;gap:var(--s4);height:auto}.gallery-rail{flex-direction:row;gap:var(--s2);padding:var(--s1) var(--s1) var(--s2)}.gallery-thumbnail{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--s2);width:124px;min-height:116px}.gallery-thumbnail-image{height:52px}.gallery-thumbnail-label{gap:2px}.gallery-thumbnail-label strong{font-size:11px}.gallery-feature{height:380px;flex-shrink:0}.gallery-expand{padding:var(--s4) var(--s4) var(--s16)}.gallery-feature-footer{gap:var(--s3);padding-top:var(--s4);min-height:88px}.gallery-feature-caption h3{font-size:16px;line-height:1.35}.gallery-navigation{flex-direction:column;gap:var(--s1)}.gallery-navigation>div{gap:var(--s1)}.gallery-note{font-size:11px;line-height:1.5;margin-top:var(--s4)}}