:root{--bg:#eef2ef;--surface:#fbfcfa;--surface-strong:#ffffff;--subtle:#e6ece8;--ink:#111817;--ink-soft:#293532;--muted:#66736f;--line:#d7dfda;--accent:#0f766e;--accent-strong:#0b5e57;--accent-soft:rgba(15,118,110,0.1);--amber:#b7791f;--shadow-soft:0 12px 28px rgba(18,27,25,0.07);--shadow-lift:0 22px 54px rgba(18,27,25,0.12)}html[data-theme=dark]{--bg:#0c1110;--surface:#121918;--surface-strong:#17211f;--control:#0e1514;--subtle:#1b2724;--ink:#eef5f1;--ink-soft:#d7e2de;--muted:#9fb0aa;--line:#2a3935;--accent:#2dd4bf;--accent-strong:#5eead4;--accent-soft:rgba(45,212,191,0.13);--shadow-soft:0 14px 30px rgba(0,0,0,0.25);--shadow-lift:0 24px 58px rgba(0,0,0,0.38)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--control);color:var(--ink);padding:11px 12px;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input[type=checkbox],input[type=radio]{width:16px;min-width:16px;height:16px;padding:0;margin:0;border-radius:4px;accent-color:var(--accent);flex:0 0 auto}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px;font-weight:750}.landing-shell{min-height:100svh;overflow-x:hidden;background:var(--bg);color:var(--ink);color-scheme:light}html[data-theme=dark] .landing-shell{color-scheme:dark}.landing-door{background:#08080a;color:#f8f8f8}.landing-cards{background:#f7f8fa}.landing-hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:clamp(22px,4vw,54px);isolation:isolate}.landing-scrim,.landing-visual{position:absolute;inset:0}.landing-visual{z-index:0;overflow:hidden;transition:filter .22s ease,transform .22s ease}.landing-scrim{z-index:1;background:linear-gradient(108deg,rgba(255,255,255,.78),rgba(255,255,255,.42) 34%,rgba(255,255,255,.18)),radial-gradient(circle at 78% 48%,rgba(10,132,255,.2),transparent 45%),radial-gradient(circle at 34% 18%,rgba(201,20,46,.14),transparent 34%),rgba(246,247,249,.62);transition:background .22s ease,-webkit-backdrop-filter .22s ease;transition:backdrop-filter .22s ease,background .22s ease;transition:backdrop-filter .22s ease,background .22s ease,-webkit-backdrop-filter .22s ease}.landing-cards .landing-scrim{background:linear-gradient(90deg,rgba(247,248,250,.92),rgba(247,248,250,.74) 20%,rgba(247,248,250,.34) 42%,rgba(247,248,250,.06) 62%,transparent 84%),radial-gradient(circle at 78% 48%,rgba(10,132,255,.05),transparent 45%),radial-gradient(circle at 34% 18%,rgba(201,20,46,.05),transparent 34%);-webkit-backdrop-filter:none;backdrop-filter:none}.landing-door .landing-scrim{background:radial-gradient(circle at 64% 48%,rgba(255,255,255,.2),transparent 19%),linear-gradient(90deg,rgba(8,8,10,.92),rgba(8,8,10,.68) 40%,rgba(8,8,10,.16) 78%,rgba(8,8,10,.04))}.landing-header{position:absolute;inset-block-start:clamp(18px,3vw,34px);inset-inline:clamp(18px,4vw,54px);display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:2}.landing-header img{width:54px;height:54px;border-radius:12px;object-fit:contain;box-shadow:0 10px 24px rgba(20,20,24,.08)}.landing-header span{color:rgba(17,17,20,.62);font-size:12px;font-weight:850}.landing-door .landing-header span{color:rgba(248,248,248,.62)}.landing-copy{position:relative;z-index:3;width:min(660px,100%);display:grid;justify-items:center;grid-gap:20px;gap:20px;padding-top:0;transition:opacity .18s ease,transform .18s ease,filter .18s ease}.landing-shell.login-is-open .landing-copy{opacity:0;transform:translateY(8px) scale(.985);filter:blur(8px);pointer-events:none}.landing-cards .landing-copy:before{content:none}.landing-copy p{width:-moz-fit-content;width:fit-content;margin:0;color:rgba(17,17,20,.68);font-size:clamp(19px,2vw,28px);font-weight:780;line-height:1.2}.landing-copy h1{margin:0;color:#111114;font-size:clamp(58px,8vw,118px);line-height:.9;letter-spacing:0}.theme-logo{display:inline-grid;place-items:center;line-height:0}.theme-logo>img{grid-area:1/1;width:100%;height:100%;object-fit:contain}.theme-logo-dark,html[data-theme=dark] .theme-logo-light{display:none}html[data-theme=dark] .theme-logo-dark{display:block}.landing-title-logo{width:min(520px,74vw);aspect-ratio:1;opacity:.95;filter:drop-shadow(0 28px 54px rgba(17,17,20,.16))}.landing-parent-brand{position:absolute;z-index:3;inset-block-start:clamp(18px,3vw,34px);inset-inline-start:clamp(18px,4vw,54px);display:flex;justify-content:flex-start;pointer-events:none;opacity:.95;transition:opacity .18s ease,transform .18s ease,filter .18s ease}.landing-parent-brand .theme-logo{width:min(150px,28vw);aspect-ratio:16/9;filter:drop-shadow(0 12px 24px rgba(17,17,20,.12))}.landing-shell.login-is-open .landing-parent-brand{opacity:0;transform:translateY(8px);filter:blur(8px)}.landing-door .landing-copy h1{color:#fff}.landing-door .landing-copy p{color:rgba(255,255,255,.72)}.landing-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:2px}.landing-primary{border:0;min-height:48px;display:inline-flex;align-items:center;gap:10px;border-radius:999px;background:#111114;color:white;padding:0 19px;font-size:14px;font-weight:900;text-decoration:none;box-shadow:0 18px 36px rgba(17,17,20,.18);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.landing-primary:hover{transform:translateY(-2px);background:#c9142e;box-shadow:0 20px 40px rgba(201,20,46,.22)}.landing-door .landing-primary{background:#fff;color:#111114;box-shadow:0 20px 46px rgba(0,0,0,.34)}.landing-door .landing-primary:hover{background:#c9142e;color:#fff}.landing-actions>span{display:inline-flex;align-items:center;gap:7px;color:rgba(17,17,20,.58);font-size:13px;font-weight:850}.landing-door .landing-actions>span{color:rgba(255,255,255,.58)}.landing-cards-visual{perspective:1200px;background:radial-gradient(circle at 78% 48%,rgba(10,132,255,.22),transparent 42%),radial-gradient(circle at 34% 18%,rgba(201,20,46,.16),transparent 34%),linear-gradient(145deg,#fbfbfd,#eef0f4 58%,#f8f8fb)}.cards-orbit{position:absolute;inset:0;width:100%;height:100%;transform-style:preserve-3d;pointer-events:none}.cards-orbit-front{opacity:1}.cards-orbit-back{opacity:.64;filter:blur(.25px)}.studio-card{position:absolute;display:grid;align-content:flex-start;grid-gap:11px;gap:11px;border:1px solid rgba(255,255,255,.58);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.38));box-shadow:0 34px 96px rgba(31,35,42,.18),inset 0 1px 0 rgba(255,255,255,.82);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);color:#111114;padding:20px;overflow:hidden;transform-style:preserve-3d;will-change:transform}.studio-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.62),transparent 38%,rgba(255,255,255,.16));opacity:.84;pointer-events:none}.image-studio-card{padding:0}.image-studio-card img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}.image-studio-card:before{z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 35%),linear-gradient(0deg,rgba(17,17,20,.54),rgba(17,17,20,.04) 58%);opacity:1}.card-glass-caption{position:absolute;z-index:2;inset-inline:14px;inset-block-end:14px;display:grid;grid-gap:3px;gap:3px;padding:9px 11px;border:1px solid rgba(255,255,255,.36);border-radius:16px;background:rgba(255,255,255,.18);color:white;box-shadow:0 12px 30px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(16px) saturate(1.22);backdrop-filter:blur(16px) saturate(1.22)}.card-glass-caption small,.card-glass-caption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-glass-caption span{font-size:13px;font-weight:950}.card-glass-caption small{color:rgba(255,255,255,.76);font-size:10px;font-weight:800}.card-dot,.card-kicker,.card-line,.card-preview,.card-strip,.card-swatches,.card-title{position:relative;z-index:1}.card-kicker{color:rgba(17,17,20,.52);font-size:12px;font-weight:900}.card-title{color:#111114;font-size:32px;font-weight:900;line-height:.94}.card-line{width:54%;height:9px;border-radius:999px;background:rgba(17,17,20,.09)}.card-line.long{width:78%}.card-dot{width:34px;height:34px;border-radius:50%;background:#c9142e;box-shadow:0 12px 28px rgba(201,20,46,.24)}.card-preview{display:block;min-height:96px;border-radius:18px;background:rgba(17,17,20,.06)}.preview-grid{background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.82) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.82) 50%,transparent 51%),linear-gradient(145deg,rgba(201,20,46,.14),rgba(10,132,255,.16))}.preview-frame{background:radial-gradient(circle at 68% 34%,rgba(255,255,255,.78),transparent 14%),linear-gradient(145deg,rgba(17,17,20,.9),rgba(17,17,20,.38) 54%,rgba(201,20,46,.32))}.card-strip{width:100%;height:52px;border-radius:16px;border:2px solid rgba(17,17,20,.16);background:rgba(255,255,255,.5)}.card-strip.small{width:68%;height:38px}.card-swatches{display:flex;gap:9px}.card-swatches span{width:34px;height:72px;border-radius:999px}.card-swatches span:first-child{background:#c9142e}.card-swatches span:nth-child(2){background:#111114}.card-swatches span:nth-child(3){background:#d7dbe2}.card-main{width:300px;height:210px;inset-block-start:32%;animation:card-flight-main 28s linear infinite}.card-a,.card-main{inset-inline-start:0}.card-a{width:230px;height:190px;inset-block-start:12%;animation:card-flight-a 33s linear infinite}.card-b{width:245px;height:184px;inset-block-start:59%;animation:card-flight-b 30s linear infinite}.card-b,.card-c{inset-inline-start:0}.card-c{width:188px;height:170px;inset-block-start:22%;animation:card-flight-c 25s linear infinite}.card-d{width:160px;height:142px;inset-block-start:70%;animation:card-flight-d 36s linear infinite}.card-d,.card-e{inset-inline-start:0}.card-e{width:218px;height:172px;inset-block-start:5%;opacity:.84;animation:card-flight-e 31s linear infinite}.card-f{width:252px;height:176px;inset-block-start:43%;opacity:.92;animation:card-flight-f 38s linear infinite}.card-f,.card-g{inset-inline-start:0}.card-g{width:184px;height:214px;inset-block-start:67%;opacity:.88;animation:card-flight-g 34s linear infinite}.cards-orbit-front .card-main{animation-delay:-4s}.cards-orbit-front .card-a{animation-delay:-18s}.cards-orbit-front .card-b{animation-delay:-10s}.cards-orbit-front .card-c{animation-delay:-23s}.cards-orbit-front .card-d{animation-delay:-28s}.cards-orbit-front .card-e{animation-delay:-2s}.cards-orbit-front .card-f{animation-delay:-15s}.cards-orbit-front .card-g{animation-delay:-31s}.cards-orbit-back .card-main{inset-block-start:42%;animation-delay:-20s}.cards-orbit-back .card-a{inset-block-start:4%;animation-delay:-8s}.cards-orbit-back .card-b{inset-block-start:52%;animation-delay:-26s}.cards-orbit-back .card-c{inset-block-start:31%;animation-delay:-14s}.cards-orbit-back .card-d{inset-block-start:76%;animation-delay:-6s}.cards-orbit-back .card-e{inset-block-start:16%;animation-delay:-32s}.cards-orbit-back .card-f{inset-block-start:37%;animation-delay:-4s}.cards-orbit-back .card-g{inset-block-start:64%;animation-delay:-22s}.landing-canvas-visual{background:radial-gradient(circle at 70% 45%,rgba(10,132,255,.12),transparent 34%),radial-gradient(circle at 78% 30%,rgba(201,20,46,.08),transparent 26%),linear-gradient(135deg,#fbfbfd,#eff0f4)}.canvas-stage{position:absolute;inset-block:13%;inset-inline-start:min(48vw,620px);width:min(48vw,720px);transform:rotate(-4deg)}.canvas-sheet{position:absolute;border:1px solid rgba(17,17,20,.08);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 34px 90px rgba(31,35,42,.16);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.canvas-sheet-back{inset:5% 9% 18% -5%;transform:rotate(-9deg);opacity:.52}.canvas-sheet-main{inset:0 0 11% 0;overflow:hidden;animation:canvas-float 8s ease-in-out infinite}.canvas-sheet-front{inset:58% 28% 0 10%;transform:rotate(8deg);opacity:.58}.canvas-final,.canvas-frame-line,.canvas-sketch,.canvas-wash{position:absolute;display:block}.canvas-sketch{height:2px;border-radius:999px;background:rgba(17,17,20,.24);transform-origin:left center}.sketch-a{--angle:-8deg;width:46%;inset-block-start:23%;inset-inline-start:14%;transform:rotate(-8deg);animation:sketch-draw 5s ease-in-out infinite}.sketch-b{--angle:9deg;width:34%;inset-block-start:35%;inset-inline-start:18%;transform:rotate(9deg);animation:sketch-draw 5s ease-in-out .4s infinite}.sketch-c{--angle:-2deg;width:58%;inset-block-start:49%;inset-inline-start:12%;transform:rotate(-2deg);animation:sketch-draw 5s ease-in-out .8s infinite}.canvas-wash{border-radius:999px;filter:blur(1px)}.wash-a{width:210px;height:210px;inset-block-start:14%;inset-inline-end:18%;background:rgba(201,20,46,.16);animation:wash-breathe 6s ease-in-out infinite}.wash-b{width:270px;height:190px;inset-block-end:18%;inset-inline-end:10%;background:rgba(10,132,255,.18);animation:wash-breathe 6s ease-in-out 1s infinite}.frame-a,.frame-b{border:2px solid rgba(17,17,20,.34);background:transparent}.frame-a{width:28%;aspect-ratio:16/9;inset-block-start:18%;inset-inline-start:15%}.frame-b{width:24%;aspect-ratio:1/1;inset-block-end:19%;inset-inline-start:18%}.canvas-final{width:42%;aspect-ratio:16/10;inset-block:31% auto;inset-inline-end:13%;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 34%),linear-gradient(145deg,#111114,#444a53 46%,#c9142e 47%,#f4d7dd);box-shadow:0 24px 58px rgba(17,17,20,.2);animation:final-reveal 6s ease-in-out infinite}.landing-door-visual{background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.14),transparent 34%),linear-gradient(120deg,#050506,#151518 54%,#050506)}.door-halo{position:absolute;inset-block-start:12%;inset-inline-start:48%;width:min(40vw,620px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),rgba(255,255,255,.2) 24%,transparent 66%);filter:blur(20px);animation:door-glow 5s ease-in-out infinite}.door-frame{position:absolute;inset-block-start:19%;inset-inline-start:57%;width:min(24vw,330px);height:min(60vh,560px);border:1px solid rgba(255,255,255,.16);border-radius:26px 26px 8px 8px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.01));box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 40px 120px rgba(0,0,0,.5);overflow:hidden}.door-opening{position:absolute;inset-block:4% 0;inset-inline:20% 18%;border-radius:20px 20px 0 0;background:linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,.14) 52%,transparent 53%);filter:blur(.2px);animation:door-open 5.6s ease-in-out infinite}.door-edge{position:absolute;inset-block:7% 0;width:1px;background:rgba(255,255,255,.38)}.door-edge-left{inset-inline-start:20%}.door-edge-right{inset-inline-end:18%}.door-floor{position:absolute;inset-inline:36% -12%;inset-block-end:0;height:42%;background:linear-gradient(100deg,rgba(255,255,255,.26),rgba(255,255,255,.05) 48%,transparent 72%);-webkit-clip-path:polygon(32% 0,60% 0,100% 100%,0 100%);clip-path:polygon(32% 0,60% 0,100% 100%,0 100%);filter:blur(2px)}.door-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform-origin:center;animation:door-lines 8s linear infinite}.door-line-a{width:26vw;inset-block-start:34%;inset-inline-start:52%;transform:rotate(-18deg)}.door-line-b{width:34vw;inset-block-start:53%;inset-inline-start:48%;transform:rotate(10deg);animation-delay:1.5s}.door-line-c{width:30vw;inset-block-start:69%;inset-inline-start:56%;transform:rotate(21deg);animation-delay:3s}.landing-shell.login-is-open .landing-visual{filter:blur(7px) saturate(.9);transform:scale(1.015)}.landing-shell.login-is-open .landing-scrim{background:rgba(245,245,247,.58);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html[data-theme=dark] .landing-shell.login-is-open .landing-scrim{background:rgba(7,7,10,.58)}.landing-modal-layer{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:22px;background:color-mix(in srgb,var(--bg),transparent 68%)}.landing-login-modal{position:relative;width:min(440px,100%);display:grid;grid-gap:24px;gap:24px;border:1px solid var(--line);border-radius:28px;background:color-mix(in srgb,var(--surface),transparent 14%);color:var(--ink);padding:28px;box-shadow:0 34px 90px rgba(17,17,20,.22);-webkit-backdrop-filter:blur(28px) saturate(1.12);backdrop-filter:blur(28px) saturate(1.12);animation:landing-modal-in .22s ease both}html[data-theme=dark] .landing-login-modal{box-shadow:0 34px 90px rgba(0,0,0,.46)}.landing-modal-close{position:absolute;inset-block-start:14px;inset-inline-end:14px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:999px;background:var(--subtle);color:var(--ink);transition:transform .15s ease,background .15s ease}.landing-modal-close:hover{background:color-mix(in srgb,var(--subtle),var(--ink) 8%);transform:scale(1.04)}.landing-login-brand{display:flex;align-items:center;gap:14px;-webkit-padding-end:32px;padding-inline-end:32px}.landing-login-logo{width:58px;height:58px;border-radius:14px;box-shadow:0 14px 30px rgba(17,17,20,.1)}.landing-login-logo img{border-radius:inherit}.landing-login-brand span{display:block;margin-bottom:5px;color:#c9142e;font-size:12px;font-weight:900}.landing-login-brand h2{margin:0;color:var(--ink);font-size:25px;line-height:1.04}.landing-login-form{display:grid;grid-gap:15px;gap:15px}.landing-login-form label{color:var(--muted);font-size:12px;font-weight:850}.landing-login-field{min-height:48px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--control),var(--surface) 18%);padding:0 13px;color:var(--muted);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.landing-login-field:focus-within{border-color:color-mix(in srgb,var(--brand-red),transparent 42%);background:var(--control);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-red),transparent 88%)}.landing-login-field input{flex:1 1 auto;width:100%;min-width:0;min-height:46px;border:0;border-radius:0;background:transparent;color:var(--ink);-webkit-text-fill-color:var(--ink);caret-color:var(--brand-red);padding:0;box-shadow:none}.landing-login-field svg{flex:0 0 auto;pointer-events:none}.landing-login-field.auth-code-field{cursor:text}.landing-login-field.auth-code-field input{letter-spacing:.08em}.landing-login-field input::placeholder{color:var(--muted);-webkit-text-fill-color:var(--muted)}.landing-login-field input:focus{box-shadow:none}.auth-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.landing-login-submit{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;background:#111114;color:#fff;font-weight:900;box-shadow:0 18px 36px rgba(17,17,20,.18);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.landing-login-submit:hover{transform:translateY(-1px);background:#c9142e;box-shadow:0 20px 40px rgba(201,20,46,.2)}.landing-login-submit:disabled{cursor:not-allowed;opacity:.66;transform:none;box-shadow:none}.two-factor-setup-box{display:grid;grid-gap:10px;gap:10px;justify-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface-strong);padding:12px}.two-factor-setup-box img{width:180px;height:180px;border-radius:8px;background:#fff}.recovery-code-grid code,.two-factor-setup-box code{overflow-wrap:anywhere;font-size:.78rem}.recovery-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.recovery-code-grid code{border:1px solid var(--line);border-radius:8px;background:var(--control);color:var(--ink);padding:8px;text-align:center;font-weight:800}.landing-text-button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:850}.landing-text-button:hover{background:var(--subtle);color:var(--ink)}.landing-link-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.landing-form-note{margin:0;color:var(--muted);font-size:13px;font-weight:650;line-height:1.5}.signup-trust-notes,.verify-next-steps{display:grid;grid-gap:7px;gap:7px;margin:2px 0 4px}.signup-trust-notes span,.verify-next-steps span{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:var(--ink);font-size:12px;font-weight:800}.verify-email-icon{inline-size:44px;block-size:44px;display:grid;place-items:center;margin:0 auto 8px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft);color:var(--muted)}.verify-email-icon.active{color:var(--success)}.verify-email-icon.pending{color:var(--warning)}.form-success{display:inline-flex;align-items:center;gap:7px;margin:0;color:#16803f;font-size:12px;font-weight:850}@keyframes landing-modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-flight-main{0%{transform:translate3d(118vw,10px,130px) rotateX(58deg) rotateY(-13deg) rotate(3deg)}28%{transform:translate3d(64vw,-18px,172px) rotateX(55deg) rotateY(7deg) rotate(-2deg)}57%{transform:translate3d(9vw,13px,150px) rotateX(61deg) rotateY(-8deg) rotate(5deg)}to{transform:translate3d(-44vw,-8px,122px) rotateX(56deg) rotateY(10deg) rotate(-4deg)}}@keyframes card-flight-a{0%{transform:translate3d(122vw,-10px,70px) rotateX(61deg) rotateY(11deg) rotate(-8deg)}33%{transform:translate3d(72vw,12px,104px) rotateX(57deg) rotateY(-7deg) rotate(-4deg)}66%{transform:translate3d(18vw,-16px,90px) rotateX(63deg) rotateY(12deg) rotate(-10deg)}to{transform:translate3d(-38vw,8px,68px) rotateX(59deg) rotateY(-9deg) rotate(-5deg)}}@keyframes card-flight-b{0%{transform:translate3d(126vw,18px,112px) rotateX(57deg) rotateY(-9deg) rotate(11deg)}24%{transform:translate3d(78vw,-6px,146px) rotateX(60deg) rotateY(8deg) rotate(8deg)}61%{transform:translate3d(22vw,15px,128px) rotateX(55deg) rotateY(-12deg) rotate(13deg)}to{transform:translate3d(-42vw,-12px,98px) rotateX(62deg) rotateY(7deg) rotate(9deg)}}@keyframes card-flight-c{0%{transform:translate3d(116vw,-16px,190px) rotateX(56deg) rotateY(9deg) rotate(8deg)}30%{transform:translate3d(68vw,10px,230px) rotateX(61deg) rotateY(-10deg) rotate(12deg)}70%{transform:translate3d(4vw,-14px,210px) rotateX(58deg) rotateY(13deg) rotate(6deg)}to{transform:translate3d(-46vw,5px,180px) rotateX(60deg) rotateY(-8deg) rotate(11deg)}}@keyframes card-flight-d{0%{transform:translate3d(130vw,4px,210px) rotateX(62deg) rotateY(-8deg) rotate(-12deg)}38%{transform:translate3d(74vw,-18px,246px) rotateX(58deg) rotateY(12deg) rotate(-9deg)}72%{transform:translate3d(14vw,9px,222px) rotateX(55deg) rotateY(-10deg) rotate(-14deg)}to{transform:translate3d(-34vw,-4px,198px) rotateX(61deg) rotateY(7deg) rotate(-10deg)}}@keyframes card-flight-e{0%{transform:translate3d(120vw,14px,42px) rotateX(55deg) rotateY(7deg) rotate(13deg)}26%{transform:translate3d(82vw,-12px,80px) rotateX(60deg) rotateY(-11deg) rotate(9deg)}64%{transform:translate3d(28vw,18px,58px) rotateX(57deg) rotateY(8deg) rotate(15deg)}to{transform:translate3d(-40vw,-9px,36px) rotateX(63deg) rotateY(-9deg) rotate(10deg)}}@keyframes card-flight-f{0%{transform:translate3d(134vw,-8px,158px) rotateX(59deg) rotateY(-14deg) rotate(7deg)}29%{transform:translate3d(84vw,18px,196px) rotateX(55deg) rotateY(10deg) rotate(4deg)}62%{transform:translate3d(30vw,-12px,174px) rotateX(62deg) rotateY(-8deg) rotate(10deg)}to{transform:translate3d(-48vw,10px,142px) rotateX(57deg) rotateY(12deg) rotate(5deg)}}@keyframes card-flight-g{0%{transform:translate3d(124vw,16px,238px) rotateX(58deg) rotateY(13deg) rotate(-15deg)}31%{transform:translate3d(70vw,-10px,270px) rotateX(63deg) rotateY(-9deg) rotate(-11deg)}68%{transform:translate3d(12vw,14px,248px) rotateX(56deg) rotateY(11deg) rotate(-17deg)}to{transform:translate3d(-36vw,-6px,214px) rotateX(61deg) rotateY(-8deg) rotate(-12deg)}}@keyframes canvas-float{0%,to{transform:translateZ(0) rotate(0deg)}50%{transform:translate3d(-10px,-14px,0) rotate(1deg)}}@keyframes sketch-draw{0%,18%{transform:scaleX(0) rotate(var(--angle,0deg));opacity:0}36%,to{transform:scaleX(1) rotate(var(--angle,0deg));opacity:1}}@keyframes wash-breathe{0%,to{transform:scale(.94);opacity:.62}50%{transform:scale(1.08);opacity:.92}}@keyframes final-reveal{0%,22%{opacity:.2;transform:translateY(10px) scale(.96)}42%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes door-glow{0%,to{opacity:.66;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}@keyframes door-open{0%,to{-webkit-clip-path:inset(0 42% 0 0);clip-path:inset(0 42% 0 0)}50%{-webkit-clip-path:inset(0 18% 0 0);clip-path:inset(0 18% 0 0)}}@keyframes door-lines{0%{opacity:0;translate:-20px 0}18%,72%{opacity:1}to{opacity:0;translate:42px 0}}@media (max-width:760px){.landing-hero{min-height:100svh;place-items:center;padding-block:92px 48px}.landing-scrim{background:linear-gradient(180deg,rgba(245,245,247,.06),rgba(245,245,247,.62) 42%,rgba(245,245,247,.98))}.landing-door .landing-scrim{background:linear-gradient(180deg,rgba(8,8,10,.06),rgba(8,8,10,.46) 38%,rgba(8,8,10,.98))}.landing-cards .landing-scrim{background:linear-gradient(180deg,rgba(247,248,250,.04),rgba(247,248,250,.34) 46%,rgba(247,248,250,.92));-webkit-backdrop-filter:none;backdrop-filter:none}.cards-orbit{inset:0;width:100%;height:100%}.studio-card{border-radius:22px;scale:.78}.card-main{width:260px;height:188px}.canvas-stage{inset-block:10% 38%;inset-inline-start:2%;width:112vw;opacity:.82}.door-halo{inset-inline-start:12%;width:84vw}.door-frame{inset-block-start:13%;inset-inline-start:39%;width:45vw;height:48vh}.door-floor{inset-inline:8% -28%;height:44%}.landing-header span{display:none}.landing-copy{gap:14px}.landing-copy h1{font-size:clamp(54px,17vw,76px)}.landing-title-logo{width:min(78vw,360px)}.landing-parent-brand{inset-block-start:18px;inset-inline-start:18px}.landing-parent-brand .theme-logo{width:min(128px,34vw)}.landing-login-modal{padding:24px;border-radius:24px}}.auth-shell{min-height:100svh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(201,20,46,.08),transparent 34%),linear-gradient(315deg,rgba(15,118,110,.12),transparent 38%),var(--bg)}.auth-panel{width:min(460px,100%);padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lift)}.access-notice-page{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--surface-strong),transparent 18%),transparent 42%),var(--bg)}.access-notice-card{width:min(440px,100%);display:grid;justify-items:center;grid-gap:13px;gap:13px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface),var(--bg) 4%);box-shadow:0 22px 60px rgba(18,27,25,.12);padding:30px;text-align:center}.access-notice-logo{width:82px;height:82px}.access-notice-logo img{width:100%;height:100%;object-fit:contain}.access-notice-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);color:var(--accent)}.access-notice-card .eyebrow{margin:0;color:var(--muted)}.access-notice-card h1{margin:0;color:var(--ink);font-size:26px;line-height:1.05}.access-notice-copy,.access-notice-footnote{margin:0;color:var(--muted);line-height:1.5}.access-notice-copy{max-width:34rem;font-size:.96rem}.access-notice-footnote{font-size:.82rem}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-mark{width:72px;height:72px;display:grid;place-items:center;border-radius:var(--radius);background:transparent;overflow:hidden}.brand-mark .theme-logo,.logo-mark img{width:100%;height:100%}.logo-mark img{object-fit:contain}.brand-copy{display:grid;grid-gap:3px;gap:3px;text-align:center}.brand-copy span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.auth-panel h1,.sidebar h1{margin:0;color:var(--ink);font-size:24px;line-height:1.05}.eyebrow{margin:0 0 6px;color:var(--brand-red);font-size:11px;font-weight:850;letter-spacing:0;text-transform:uppercase}.auth-form,.creator-form{display:grid;grid-gap:16px;gap:16px;margin-top:24px}.filter-button,.icon-button,.nav-button,.preference-button,.primary-action,.secondary-action{border:0;border-radius:var(--radius);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease,color .14s ease}.icon-button,.nav-button,.primary-action,.secondary-action{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 14px}.primary-action{width:100%;background:var(--accent);color:white;font-weight:850;box-shadow:0 10px 22px rgba(15,118,110,.16)}.primary-action:hover{background:var(--accent-strong);transform:translateY(-1px)}.primary-action:disabled{background:#a9b5b0;color:rgba(255,255,255,.85);box-shadow:none;cursor:not-allowed;transform:none}.secondary-action{width:-moz-fit-content;width:fit-content;background:var(--ink);color:var(--surface);font-weight:800}.icon-button{width:40px;height:40px;padding:0;background:var(--subtle);color:var(--ink)}.icon-button.dark{background:var(--ink);color:var(--surface)}.filter-button:hover,.icon-button:hover,.preference-button:hover,.secondary-action:hover{transform:translateY(-1px)}.form-error,.form-info,.form-success{margin:0;padding:10px 12px;border-radius:var(--radius);font-size:13px;font-weight:800}.form-error{background:rgba(180,35,24,.1);color:var(--danger)}.form-success{background:rgba(22,163,74,.12);color:#15803d}.form-info{background:rgba(183,121,31,.12);color:var(--amber)}html[data-theme=dark] .form-success{background:rgba(34,197,94,.14);color:#86efac}html[data-theme=dark] .form-info{background:rgba(242,184,75,.14);color:#facc15}.app-shell{min-height:100svh;display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{min-height:100svh;position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;gap:22px;padding:22px;background:var(--surface);border-right:1px solid var(--line)}html[dir=rtl] .sidebar{border-right:0;border-left:1px solid var(--line)}.sidebar-brand{display:grid;justify-items:center;grid-gap:9px;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--line)}.sidebar .brand-mark{width:82px;height:82px}.nav-list{display:grid;grid-gap:6px;gap:6px}.nav-button{justify-content:flex-start;min-height:44px;background:transparent;color:var(--muted);font-weight:850}.nav-button.active,.nav-button:hover{background:var(--subtle);color:var(--ink)}.preference-toggles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.auth-panel .preference-toggles{margin-top:18px}.preference-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--control);color:var(--muted);font-weight:850}.preference-button:hover{color:var(--ink);border-color:var(--accent)}.preference-button.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent),transparent 40%);background:color-mix(in srgb,var(--accent),transparent 90%)}.sidebar-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line)}.sidebar-footer div{min-width:0;display:grid;grid-gap:3px;gap:3px}.sidebar-footer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer span{color:var(--muted);font-size:12px;font-weight:800}.workspace{min-width:0;padding:26px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.command-bar{padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.topbar-title{min-width:0}.topbar h2{margin:0;color:var(--ink);font-size:28px;line-height:1.05}.topbar-stats{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.stat-pill{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:var(--control);color:var(--muted);font-size:12px;font-weight:850}.stat-pill strong{color:var(--ink)}.create-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.58fr);grid-gap:18px;gap:18px;align-items:start}.composer-panel,.preview-panel,.workspace-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.composer-panel{padding:22px}.composer-header{display:grid;grid-gap:2px;gap:2px;padding-bottom:18px;border-bottom:1px solid var(--line)}.section-header h2{margin:0;color:var(--ink);font-size:24px;line-height:1.12}.section-copy{margin:8px 0 0;max-width:680px;color:var(--muted);line-height:1.45}.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.42fr);grid-gap:10px;gap:10px;align-items:end}.quick-project{display:grid;grid-template-columns:minmax(0,1fr) 40px;grid-gap:8px;gap:8px}.template-picker{padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong)}.field-heading{display:grid;grid-gap:4px;gap:4px}.field-heading span{color:var(--muted);font-size:13px;font-weight:850}.field-heading small{color:var(--muted);font-size:12px;font-weight:750;line-height:1.35}.template-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));grid-gap:9px;gap:9px;margin-top:12px}.template-card{min-height:112px;display:grid;align-content:start;grid-gap:7px;gap:7px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control);color:var(--ink);padding:12px;text-align:start;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.template-card strong{font-size:14px;line-height:1.2}.template-card span{color:var(--muted);font-size:12px;font-weight:750;line-height:1.35}.template-card.active,.template-card:hover{border-color:color-mix(in srgb,var(--accent),transparent 45%);background:var(--accent-soft);transform:translateY(-1px)}.brand-presets,.prompt-builder{display:grid;grid-gap:14px;gap:14px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong)}.prompt-builder .small-header h2{color:var(--muted);font-size:13px;font-weight:800;line-height:1.35}.builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.builder-field.wide{grid-column:span 3}.batch-review-header,.builder-actions,.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.brand-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.brand-preset{min-height:92px;display:grid;align-content:start;grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control);color:var(--ink);padding:11px;text-align:start}.brand-preset:hover{border-color:var(--accent);background:var(--accent-soft)}.brand-preset strong{font-size:13px}.brand-preset span{color:var(--muted);font-size:12px;font-weight:750;line-height:1.35}.field-hint,.prompt-footer,.template-note{margin:-7px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.template-note{margin-top:-4px;padding-inline:2px}.prompt-shell{gap:9px}.prompt-shell textarea{min-height:220px;border-color:color-mix(in srgb,var(--line),var(--accent) 18%);background:var(--surface-strong);line-height:1.45}.prompt-footer{display:flex;justify-content:space-between;gap:14px}.reference-upload{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.reference-upload.has-file{grid-template-columns:1fr 40px;align-items:stretch}.file-drop{min-height:124px;display:grid;grid-template-columns:88px 1fr;align-items:center;grid-gap:14px;gap:14px;padding:14px;border:1px dashed var(--accent);border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);cursor:pointer}.file-drop small,.file-drop strong{display:block}.file-drop strong{color:var(--ink);font-size:14px}.file-drop small{margin-top:4px;color:var(--muted);font-size:12px;font-weight:800}.file-drop>img{width:88px;height:88px;object-fit:cover;border-radius:var(--radius);background:var(--control)}.file-drop input{display:none}.settings-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;align-items:start}.generation-settings{grid-template-columns:repeat(3,minmax(0,1fr))}.variation-control{display:grid;grid-gap:10px;gap:10px;min-height:100%;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong)}.variation-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px}.variation-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control);color:var(--muted);font-weight:850}.variation-button.active{border-color:var(--accent);background:var(--accent);color:white}.field-hint{display:block;margin-top:7px;font-weight:750}.preview-rail{position:-webkit-sticky;position:sticky;top:26px;display:grid;grid-gap:14px;gap:14px}.preview-panel{padding:18px}.preview-panel .section-header{margin-bottom:14px}.small-header h2{font-size:20px}.recent-list{display:grid;grid-gap:10px;gap:10px}.current-batch{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:10px;gap:10px}.batch-review{display:grid;grid-gap:12px;gap:12px}.batch-review-header{justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control)}.batch-review-header strong{color:var(--ink);font-size:14px}.workspace-panel{padding:22px}.section-header.with-actions,.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.search-shell{width:min(420px,100%);min-height:42px;display:grid;grid-template-columns:18px 1fr;align-items:center;grid-gap:8px;gap:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control);padding:0 12px;color:var(--muted)}.search-shell input{border:0;box-shadow:none;padding-left:0}html[dir=rtl] .search-shell input{padding-right:0}.search-shell input:focus{border:0;box-shadow:none}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.filter-button{min-height:34px;border:1px solid var(--line);border-radius:999px;background:var(--control);color:var(--muted);padding:0 12px;font-weight:850}.filter-button.active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent),transparent 68%)}.project-list{display:grid;grid-gap:28px;gap:28px;margin-top:24px}.project-focus-layout{display:grid;grid-template-columns:minmax(180px,.24fr) minmax(0,1fr);grid-gap:18px;gap:18px;margin-top:22px}.project-rail{display:grid;align-content:start;grid-gap:8px;gap:8px}.project-tab{display:grid;grid-gap:5px;gap:5px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control);color:var(--ink);padding:12px;text-align:start}.project-tab.active,.project-tab:hover{border-color:color-mix(in srgb,var(--accent),transparent 48%);background:var(--accent-soft)}.project-tab strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.project-tab span{color:var(--muted);font-size:12px;font-weight:800}.focused-project{min-width:0}.project-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}.project-heading h3{margin:0;font-size:19px}.project-heading span{color:var(--muted);font-size:12px;font-weight:850}.gallery-grid,.generation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:14px;gap:14px}.gallery-grid{margin-top:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.gallery-item,.generation-item{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--control);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.gallery-item:hover,.generation-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent),transparent 62%);box-shadow:var(--shadow-lift)}.generation-item.compact{display:grid;grid-template-columns:82px 1fr}.generation-item.compact .image-frame{height:100%;min-height:102px;aspect-ratio:auto}.generation-item.compact .generation-meta{padding:12px}.image-frame{aspect-ratio:1;background:var(--subtle)}.image-open{position:relative;width:100%;height:100%;display:block;border:0;background:transparent;padding:0;color:white}.image-open span{position:absolute;inset-inline-end:10px;inset-block-start:10px;width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius);background:rgba(17,24,23,.72);opacity:0;transform:translateY(-3px);transition:opacity .15s ease,transform .15s ease}.generation-item:hover .image-open span{opacity:1;transform:translateY(0)}.gallery-item>img{aspect-ratio:16/10}.gallery-item img,.image-frame img{width:100%;height:100%;object-fit:cover}.gallery-item div,.generation-meta{display:grid;grid-gap:8px;gap:8px;padding:14px}.gallery-item h3,.generation-meta strong{margin:0;color:var(--ink);font-size:14px}.gallery-item p,.generation-meta p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.gallery-item a,.generation-meta a{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:12px;font-weight:850;text-decoration:none}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.status-pill{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:var(--subtle);color:var(--muted);font-size:11px;font-weight:850;text-transform:capitalize}.status-pill.completed{background:var(--accent-soft);color:var(--accent)}.status-pill.cancelled,.status-pill.failed{background:rgba(180,35,24,.12);color:var(--danger)}.status-pill.queued,.status-pill.running{background:rgba(183,121,31,.14);color:var(--amber)}.variant-pill{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:var(--control);color:var(--muted);font-size:11px;font-weight:850}.empty-state,.status-block{min-height:180px;display:grid;place-items:center;grid-gap:8px;gap:8px;padding:22px;color:var(--muted);text-align:center}.item-actions{position:absolute;top:10px;right:10px;display:flex;gap:8px}html[dir=rtl] .item-actions{right:auto;left:10px}.gallery-message{margin-top:14px}.gallery-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.gallery-actions button{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--accent);padding:0;font-size:12px;font-weight:850}.detail-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:22px;background:rgba(7,11,10,.62)}.detail-panel{position:relative;width:min(1080px,100%);max-height:min(820px,calc(100svh - 44px));display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lift)}.detail-close{position:absolute;inset-block-start:14px;inset-inline-end:14px;z-index:2}.detail-media{min-height:420px;display:grid;place-items:center;background:var(--subtle)}.detail-media img{width:100%;height:100%;max-height:min(820px,calc(100svh - 44px));object-fit:contain}.detail-body{display:grid;align-content:start;grid-gap:16px;gap:16px;overflow:auto;padding:24px}.detail-body h3{margin:0;font-size:24px;line-height:1.15}.detail-list{display:grid;grid-gap:13px;gap:13px;margin:0}.detail-list div{display:grid;grid-gap:5px;gap:5px}.detail-list dt{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.detail-list dd{margin:0;color:var(--ink);font-size:14px;line-height:1.45}.detail-list a{color:var(--accent);font-weight:850;text-decoration:none}.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.secondary-action.quiet{border:1px solid var(--line);background:var(--control);color:var(--ink)}.admin-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,.7fr);grid-gap:18px;gap:18px;align-items:start}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:10px;gap:10px;margin-top:18px}.metric{display:grid;grid-gap:8px;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control)}.metric span{color:var(--muted);font-size:12px;font-weight:800}.metric strong{font-size:23px}.ops-section{display:grid;grid-gap:12px;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.ops-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.largest-files h4,.ops-heading h3,.storage-bucket h4{margin:0}.ops-heading h3{font-size:17px}.ops-heading>svg{color:var(--accent)}.backup-list,.largest-files,.ops-list,.storage-bucket{display:grid;grid-gap:8px;gap:8px}.backup-row,.file-row,.queue-row,.storage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control)}.backup-row>div:first-child,.file-row>div:first-child,.queue-row>div:first-child,.storage-row>div:first-child{min-width:0;display:grid;grid-gap:5px;gap:5px}.backup-row strong,.file-row strong,.queue-row strong,.storage-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.backup-row span,.file-row span,.queue-row p,.storage-row span{margin:0;color:var(--muted);font-size:12px;font-weight:750;line-height:1.35}.managed-template-actions,.queue-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.managed-template-actions button,.queue-actions button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--accent);padding:0;font-size:12px;font-weight:850}.storage-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.backup-row b,.file-row b,.storage-row b{font-size:13px;white-space:nowrap}.retention-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.retention-actions{grid-column:span 3;display:flex;flex-wrap:wrap;gap:10px}.user-admin-list{display:grid;grid-gap:10px;gap:10px}.user-admin-row{display:grid;grid-gap:12px;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control)}.password-reset-row,.user-admin-main,.user-admin-stats{display:grid;grid-gap:6px;gap:6px}.user-admin-main strong{font-size:14px}.user-admin-main span,.user-admin-stats span{color:var(--muted);font-size:12px;font-weight:750}.user-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.user-admin-actions{display:flex;flex-wrap:wrap;gap:10px}.user-admin-actions button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--accent);padding:0;font-size:12px;font-weight:850}.password-reset-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.health-page{min-height:100svh;display:grid;place-items:center;padding:24px;background:var(--bg)}.health-panel{width:min(860px,100%);display:grid;grid-gap:18px;gap:18px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.health-header{display:grid;grid-gap:8px;gap:8px}.health-header h1{margin:0;font-size:30px;line-height:1.1}.health-badge{width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:850}.health-badge.ok{background:var(--accent-soft);color:var(--accent)}.health-badge.warn{background:rgba(180,35,24,.12);color:var(--danger)}.health-list{display:grid;grid-gap:10px;gap:10px}.health-row{display:grid;grid-template-columns:12px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control)}.health-dot{width:10px;height:10px;margin-top:5px;border-radius:999px}.health-dot.ok{background:var(--accent)}.health-dot.warn{background:var(--danger)}.health-row h2{margin:0 0 4px;font-size:15px}.health-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.audit-panel{display:grid;grid-gap:10px;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.audit-panel h3{margin:0;font-size:17px}.audit-row{display:grid;grid-gap:4px;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control)}.audit-row strong{font-size:13px}.audit-row span{color:var(--muted);font-size:12px;font-weight:750}.compact-form{gap:10px}.template-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.template-list span{padding:7px 9px;border-radius:999px;background:var(--subtle);color:var(--muted);font-size:12px;font-weight:850}.managed-template-list{display:grid}.managed-template{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control)}.managed-template>div:first-child{min-width:0;display:grid;grid-gap:4px;gap:4px}.managed-template strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.managed-template-actions{display:flex;gap:8px}.managed-template-actions button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--accent);padding:0;font-size:12px;font-weight:850}.admin-divider{height:1px;background:var(--line);margin:22px 0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scan-shimmer{0%{transform:translateX(-160%) skewX(-14deg)}to{transform:translateX(220%) skewX(-14deg)}}@media (max-width:1120px){.admin-layout,.create-workspace{grid-template-columns:1fr}.brand-preset-grid,.builder-grid,.generation-settings,.project-focus-layout{grid-template-columns:1fr 1fr}.builder-field.wide{grid-column:span 2}.preview-rail{position:static}}@media (max-width:920px){.app-shell,.sidebar{grid-template-columns:1fr}.sidebar{min-height:auto;position:static;display:grid}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-button{justify-content:center}.workspace{padding:16px}.command-bar,.field-row,.reference-upload.has-file,.section-header.with-actions,.settings-row,.work-toolbar{grid-template-columns:1fr;display:grid}.backup-row,.detail-panel,.file-row,.password-reset-row,.queue-row,.retention-form,.storage-layout,.storage-row,.user-admin-stats{grid-template-columns:1fr}.retention-actions{grid-column:span 1}.queue-actions{justify-content:flex-start}.detail-media{min-height:300px}.topbar{align-items:stretch}.topbar-stats{justify-content:flex-start}.search-shell{width:100%}}@media (max-width:640px){.sidebar{padding:16px}.sidebar .brand-mark{width:72px;height:72px}.nav-list{grid-template-columns:1fr 1fr}.topbar h2{font-size:24px}.composer-panel,.preview-panel,.workspace-panel{padding:16px}.prompt-shell textarea{min-height:180px}.file-drop{grid-template-columns:1fr;text-align:center}.file-drop>img{margin:0 auto}.generation-item.compact{grid-template-columns:72px 1fr}.brand-preset-grid,.builder-grid,.current-batch,.project-focus-layout,.template-card-grid{grid-template-columns:1fr}.builder-field.wide{grid-column:span 1}.managed-template{grid-template-columns:1fr}.detail-overlay{padding:10px}.detail-panel{max-height:calc(100svh - 20px)}}:root{--bg:#f5f5f7;--surface:#ffffff;--surface-strong:#fbfbfd;--control:#ffffff;--subtle:#f0f1f3;--ink:#111114;--ink-soft:#303036;--muted:#6b6f76;--line:#dedfe3;--accent:#c9142e;--accent-strong:#a90f25;--accent-soft:rgba(201,20,46,0.08);--brand-red:#c9142e;--amber:#a66a00;--danger:#b42318;--shadow-soft:0 16px 44px rgba(20,20,24,0.07);--shadow-lift:0 28px 70px rgba(20,20,24,0.14);--radius:8px}html[data-theme=dark]{--bg:#0d0d10;--surface:#151519;--surface-strong:#1c1c22;--control:#111115;--subtle:#222228;--ink:#f4f4f5;--ink-soft:#dedee3;--muted:#a2a3aa;--line:#2e2f36;--accent:#ff5268;--accent-strong:#ff7587;--accent-soft:rgba(255,82,104,0.13);--brand-red:#ff5268;--amber:#f2b84b;--danger:#fb7185;--shadow-soft:0 16px 44px rgba(0,0,0,0.28);--shadow-lift:0 28px 70px rgba(0,0,0,0.42)}.studio-shell{height:100svh;min-height:100svh;display:grid;grid-template-columns:74px minmax(0,1fr);overflow:hidden;background:var(--bg);transition:grid-template-columns .18s ease}.studio-shell.sidebar-open{grid-template-columns:195px minmax(0,1fr)}.studio-sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:140;height:100dvh;min-height:0;display:flex;flex-direction:column;gap:14px;padding:14px 10px;-webkit-border-end:0;border-inline-end:0;background:color-mix(in srgb,var(--surface),var(--bg) 18%);overflow:visible}.sidebar-open .studio-sidebar{gap:14px;padding-block:14px}.sidebar-collapsed .studio-sidebar{align-items:center}.danger-action,.density-toggle button,.department-tabs button,.header-toggle,.icon-action,.inline-actions button,.send-button,.studio-sidebar button,.tool-button,.variation-picker button{border:0;font:inherit}.studio-brand{position:relative;display:grid;justify-items:center;grid-gap:7px;border-bottom:0}.sidebar-open .studio-brand,.studio-brand{gap:7px;padding:6px 0 12px}.studio-brand img{width:34px;height:34px;object-fit:contain;border-radius:10px}.studio-brand-logo{display:grid;place-items:center;padding:0;border-radius:18px;background:transparent;color:inherit;box-shadow:none;transition:transform .16s ease,filter .16s ease}.studio-brand-logo:hover{transform:translateY(-1px);filter:saturate(1.05) brightness(1.02)}.studio-brand-logo-compact{border-radius:14px}.studio-brand-logo-compact img{width:34px;height:34px}.studio-brand-logo:focus-visible{outline:2px solid color-mix(in srgb,var(--accent),transparent 42%);outline-offset:4px}.sidebar-open .studio-brand img{width:98px;height:98px}.sidebar-toggle{position:absolute;inset-block-start:2px;inset-inline-start:auto;inset-inline-end:-14px;margin-inline:0;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:var(--surface);color:var(--muted);border:1px solid color-mix(in srgb,var(--line),transparent 8%)!important;box-shadow:0 8px 20px rgba(18,27,25,.08);opacity:0;pointer-events:none;transform:translateX(0) scale(.96);transition:opacity .18s ease,transform .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease}.sidebar-toggle:before{display:none}.sidebar-toggle:focus-visible,.studio-brand:focus-within .sidebar-toggle,.studio-brand:hover .sidebar-toggle{opacity:.98;pointer-events:auto;transform:translateX(2px) scale(1.04)}.sidebar-open .sidebar-toggle{position:absolute;inset-block-start:8px;inset-inline-start:auto;inset-inline-end:-14px;margin-inline:0;width:28px;height:28px;opacity:0;transform:none}.sidebar-toggle:hover{background:var(--surface-strong);color:var(--accent);box-shadow:0 12px 26px rgba(20,20,24,.13)}.sidebar-toggle:focus-visible:before,.sidebar-toggle:hover:before{display:none}.sidebar-toggle-suppressed.sidebar-collapsed .sidebar-toggle{opacity:0!important;pointer-events:none;transform:scale(.92)}.sidebar-toggle-suppressed.sidebar-collapsed .studio-brand:focus-within .sidebar-toggle,.sidebar-toggle-suppressed.sidebar-collapsed .studio-brand:hover .sidebar-toggle{opacity:.98!important;pointer-events:auto;transform:translateX(2px) scale(1.04)}.studio-nav{display:grid;grid-gap:8px;gap:8px;justify-items:center}.sidebar-open .studio-nav{gap:10px}.sidebar-nav-kicker{width:100%;padding:0 10px;color:color-mix(in srgb,var(--muted),transparent 18%);font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase}.sidebar-nav-kicker-spaced{margin-top:8px}.sidebar-create-kicker{margin-top:22px}.sidebar-library-kicker{margin-top:18px}.sidebar-open .sidebar-nav-kicker-spaced{display:grid;grid-gap:10px;gap:10px;padding-top:4px}.sidebar-open .admin-nav:before,.sidebar-open .sidebar-nav-kicker-spaced:before{content:"";justify-self:center;width:84px;height:2px;margin-block:6px;border-radius:999px;background:transparent}.sidebar-nav-kicker-hidden-label{height:1px;margin-top:18px;padding:0;background:color-mix(in srgb,var(--line),transparent 14%);color:transparent;font-size:0;line-height:0}.sidebar-collapsed .sidebar-nav-kicker{display:none}.sidebar-collapsed .sidebar-nav-kicker-spaced{width:24px;height:1px;display:block;margin:7px auto;padding:0;border-radius:999px;background:color-mix(in srgb,var(--line),transparent 10%);color:transparent;font-size:0;line-height:0}.sidebar-primary-action{position:relative;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;background:transparent;color:var(--muted);font-weight:650;box-shadow:none}.sidebar-primary-action.active,.sidebar-primary-action:hover{background:var(--subtle);color:var(--ink)}.sidebar-open .sidebar-primary-action{width:100%;justify-content:flex-start;padding:0 12px}.sidebar-collapsed .sidebar-primary-action{margin-inline:auto}.sidebar-primary-icon{position:relative;width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 auto}.sidebar-primary-action.is-generating .sidebar-primary-icon:after,.sidebar-primary-action.is-generating .sidebar-primary-icon:before{content:"";position:absolute;inset:-5px;border-radius:999px;pointer-events:none}.sidebar-primary-action.is-generating .sidebar-primary-icon:before{border:1px solid color-mix(in srgb,#0a84ff,transparent 72%);background:color-mix(in srgb,#0a84ff,transparent 92%);animation:create-activity-pulse 1.9s ease-in-out infinite}.sidebar-primary-action.is-generating .sidebar-primary-icon:after{border:1.5px solid transparent;border-block-start-color:#0a84ff;border-inline-end-color:color-mix(in srgb,#0a84ff,transparent 34%);animation:create-activity-spin 1.8s linear infinite}.sidebar-primary-action .generation-count{background:color-mix(in srgb,#0a84ff,transparent 16%);color:#fff;box-shadow:0 4px 12px rgba(10,132,255,.18)}.sidebar-open .sidebar-primary-action .generation-count{-webkit-margin-start:auto;margin-inline-start:auto}@keyframes create-activity-spin{to{transform:rotate(1turn)}}@keyframes create-activity-pulse{0%,to{opacity:.62;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}.studio-nav-button{position:relative;min-height:36px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;background:transparent;color:var(--muted);font-weight:650;transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.studio-nav-button.workflow-step{isolation:isolate}.nav-step-marker{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 18px;border:1px solid color-mix(in srgb,var(--line),transparent 10%);border-radius:50%;background:color-mix(in srgb,var(--surface-strong),var(--control) 18%);color:var(--muted);font-size:10px;font-style:normal;font-weight:950;line-height:1}.sidebar-help-action>svg,.studio-nav-button>svg{width:31px;height:31px;flex:0 0 31px}.sidebar-collapsed .studio-nav-button{margin-inline:auto}.sidebar-collapsed .studio-nav-button.workflow-step.active{width:43px;height:43px;min-height:43px;border:1px solid color-mix(in srgb,var(--line),transparent 14%);background:color-mix(in srgb,var(--surface-strong),var(--control) 22%);box-shadow:0 8px 18px rgba(20,20,24,.08)}.sidebar-open .studio-nav-button{width:100%;justify-content:flex-start;min-height:36px;gap:10px;padding:0 12px;border-radius:14px}.sidebar-open .studio-nav-button>span{font-size:.85em}.sidebar-open .studio-nav-button.workflow-step{-webkit-padding-start:10px;padding-inline-start:10px}.sidebar-open .sidebar-help-action>svg,.sidebar-open .studio-nav-button>svg{width:34px;height:34px;flex-basis:34px}.sidebar-open .studio-nav{justify-items:stretch}.sidebar-open .admin-nav{width:100%}.studio-nav-button.active,.studio-nav-button:hover{background:color-mix(in srgb,var(--subtle),var(--surface-strong) 34%);color:var(--ink)}.studio-nav-button.workflow-step:has(+.workflow-step):after{content:"";position:absolute;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--line),transparent 18%)}.sidebar-open .studio-nav-button.workflow-step:has(+.workflow-step):after{inset-inline-start:18px;top:calc(50% + 10px);width:1px;height:18px}.sidebar-collapsed .studio-nav-button.workflow-step:has(+.workflow-step):after{inset-inline-start:50%;top:calc(50% + 15px);width:1px;height:12px;transform:translateX(-50%)}.studio-nav-button:hover{transform:translateY(-1px)}.sidebar-open .studio-nav-button.active:before{content:"";position:absolute;inset-inline-start:5px;width:3px;height:18px;border-radius:999px;background:var(--accent)}.sidebar-open .studio-nav-button.workflow-step.active:before{content:none}.sidebar-collapsed .sidebar-help-action:focus-visible:before,.sidebar-collapsed .sidebar-help-action:hover:before,.sidebar-collapsed .studio-nav-button:focus-visible:before,.sidebar-collapsed .studio-nav-button:hover:before{content:attr(data-label);position:absolute;inset-inline-start:calc(100% + 10px);inset-block-start:50%;z-index:260;min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid color-mix(in srgb,var(--line),transparent 10%);border-radius:999px;background:color-mix(in srgb,var(--surface),transparent 3%);color:var(--ink);box-shadow:0 14px 34px rgba(12,18,20,.16);font-size:12px;font-weight:850;line-height:1;white-space:nowrap;pointer-events:none;transform:translateY(-50%)}.sidebar-primary-action.active .sidebar-primary-icon,.studio-nav-button.active svg{color:var(--accent)}.studio-nav-button.workflow-step.active svg{color:var(--ink)}.studio-nav-button.active .nav-step-marker{border-color:var(--accent);background:var(--accent);color:white;box-shadow:0 5px 12px color-mix(in srgb,var(--accent),transparent 74%)}.studio-nav-button.active span{font-weight:850}.sidebar-collapsed .sidebar-primary-action,.sidebar-collapsed .studio-nav-button{width:43px}.sidebar-collapsed .nav-step-marker{position:absolute;inset-block-start:1px;left:2px;width:auto;height:auto;border:0;background:transparent;box-shadow:none;font-size:8px}.sidebar-collapsed .studio-nav-button.active .nav-step-marker{border:0;background:transparent;color:var(--accent);box-shadow:none}.admin-nav{order:32;margin-top:auto;padding-top:0;border-top:0}.nav-badge{min-width:18px;height:18px;display:inline-grid;place-items:center;border-radius:999px;background:var(--accent);color:white;padding:0 5px;font-size:10px;line-height:1}.sidebar-collapsed .nav-badge{position:absolute;inset-block-start:3px;inset-inline-end:3px}.sidebar-projects{flex:1 1 auto;display:grid;grid-gap:8px;gap:8px;min-height:0;align-content:start;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin-top:4px;-webkit-padding-end:2px;padding-inline-end:2px}.rail-heading,.section-row,.sidebar-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-project-group>span,.sidebar-section-title span{color:var(--muted);font-size:11px;font-weight:650;text-transform:uppercase}.mini-project-create button,.sidebar-section-title button{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--radius);background:var(--subtle);color:var(--muted)}.sidebar-current-project{min-width:0;min-height:44px;display:flex;align-items:center;gap:9px;padding:6px;border:1px solid color-mix(in srgb,var(--accent),transparent 72%)!important;border-radius:16px;background:color-mix(in srgb,var(--accent),transparent 92%);color:var(--ink);text-align:start}.sidebar-current-project:hover{background:color-mix(in srgb,var(--accent),transparent 88%)}.sidebar-current-project>span:last-child{min-width:0;display:grid;grid-gap:2px;gap:2px}.sidebar-current-project small,.sidebar-current-project strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-current-project small{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.sidebar-current-project strong{font-size:12px;font-weight:850}.mini-project-create,.mini-search{display:grid;align-items:center;grid-gap:8px;gap:8px}.mini-search{grid-template-columns:16px 1fr;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control);color:var(--muted)}.mini-project-create input,.mini-search input{height:34px;border:0;background:transparent;box-shadow:none;padding:0}.mini-project-create{grid-template-columns:1fr 30px}.sidebar-project-group{display:grid;grid-gap:4px;gap:4px;min-height:0}.sidebar-project{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;grid-gap:4px;gap:4px;min-height:40px;padding:4px;border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:14px;background:color-mix(in srgb,var(--surface-strong),transparent 34%);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.sidebar-project.active{background:color-mix(in srgb,var(--surface-strong),var(--subtle) 42%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line),var(--ink) 7%)}.sidebar-project:hover{border-color:color-mix(in srgb,var(--line),var(--ink) 8%);background:var(--surface-strong)}.sidebar-project>button:first-child{min-width:0;min-height:36px;display:flex;align-items:center;gap:9px;padding:0 4px;background:transparent;color:var(--ink);text-align:start}.sidebar-project>button:last-child{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:transparent;color:var(--muted)}.sidebar-project>button:last-child:hover{background:var(--subtle);color:var(--ink)}.sidebar-project-thumb{position:relative;width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:var(--subtle);color:var(--muted);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line),transparent 18%)}.sidebar-project-thumb img{width:100%;height:100%;object-fit:cover;object-position:center center}.sidebar-project>button:first-child>span:last-child{min-width:0;display:grid;grid-gap:2px;gap:2px}.sidebar-project small,.sidebar-project strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-project strong{font-size:12px;font-weight:650}.sidebar-project small{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;font-style:normal;font-weight:850}.project-status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:999px;background:var(--muted)}.project-status-dot.active{background:var(--accent)}.project-status-dot.review{background:var(--amber)}.project-status-dot.final{background:#2563eb}.project-status-dot.archived{background:var(--muted)}.sidebar-all-projects{min-height:36px;gap:7px;background:var(--subtle);color:var(--ink);font-weight:850}.sidebar-all-projects,.sidebar-help-action{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius)}.sidebar-help-action{position:relative;margin-top:0;min-height:38px;gap:9px;background:transparent;color:var(--muted);font-weight:650;order:31;margin-top:auto}.sidebar-open .sidebar-help-action{width:100%;justify-content:flex-start;padding:0 12px;border-radius:14px}.sidebar-help-action:hover{background:var(--subtle);color:var(--ink)}