:root{--studio-bg:#070b12;--studio-accent:#80d5ff;--studio-muted:#97a9bc}body{background:#070b12}.app{display:grid;grid-template-columns:minmax(0,1fr);height:100dvh}.sidebar{display:none}.app>.workspace{background:#070b12;grid-column:1;grid-row:1}.topbar{height:72px;padding:0 28px;border-bottom:1px solid #7fcaff12;background:#080c13e8;z-index:10;gap:24px}.topbar>#pageTitle{display:none}.premium-wordmark{margin:0;order:-1;font-size:20px;white-space:nowrap;letter-spacing:-.7px}.premium-wordmark span{color:#80d5ff}#refreshNav{display:flex;align-items:center;gap:5px;overflow:auto;scrollbar-width:none}#refreshNav button{border:1px solid transparent;background:transparent;color:#8d9db0;border-radius:100px;padding:10px 15px;font-size:14px;white-space:nowrap}#refreshNav button:hover{color:white;background:#172433}#refreshNav button.active{color:#b5e7ff;background:#152536;border-color:#74caff35}.premium-dock{display:none}.premium-wordmark{cursor:default}.flow-bg:before{opacity:.2}.flow-bg:after{opacity:.45}.workspace>#content{overflow:auto}.creative-composer{width:min(1080px,calc(100% - 48px));margin:0 auto 24px;border:1px solid #75caff25;background:#101823eb;box-shadow:0 20px 70px #0009;backdrop-filter:blur(22px);border-radius:24px;padding:16px 20px}.composer textarea{height:70px;min-height:70px;max-height:100px;background:transparent;font-size:16px}.attachments{min-height:42px}.avatar-trigger{height:40px}.composer-toolbar{padding-top:0;gap:7px}.composer-toolbar>.primary{border-radius:30px;background:linear-gradient(115deg,#93e2ff,#43acfa);border:0;min-height:45px;color:#06192b}.setting-toggle,.model-picker>button,.composer-options,.qty{border-radius:25px;height:36px;min-height:36px;background:#1a2432;border-color:#ffffff08;font-size:13px}.setting-toggle>span{color:#8796aa}.canvas{position:relative;display:block;padding:18px 24px 24px;overflow:auto;flex:1;min-height:180px}.image-gallery{columns:5 210px;column-gap:12px;min-height:100%}.gallery-tile{display:block;break-inside:avoid;width:100%;margin:0 0 12px;padding:0;position:relative;border:1px solid #ffffff0a;border-radius:17px;overflow:hidden;background:#101823;transition:transform .2s,border-color .2s}.gallery-tile:hover{transform:translateY(-3px);border-color:#80d5ff88}.gallery-tile img{display:block;width:100%;height:auto;max-height:550px;object-fit:cover}.gallery-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#04101ee8);color:white;text-align:left;padding:40px 14px 16px;font-size:14px;line-height:1.4;max-height:120px;overflow:hidden;opacity:0;transition:opacity .2s}.gallery-tile:hover .gallery-caption,.gallery-tile:focus-visible .gallery-caption{opacity:1}.gallery-empty{column-span:all;min-height:calc(100dvh - 325px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.empty-letter{font-size:90px;font-weight:900;line-height:1;color:#81d5ff;text-shadow:0 0 70px #3baaff66;animation:letter-shimmer 8s ease-in-out infinite}.gallery-empty h2{font-size:28px;margin:22px 0 9px;letter-spacing:-1px}.gallery-empty p{color:#8194ab;font-size:15px;line-height:1.7;margin:0}.gallery-preview{display:none!important}.gallery-preview.is-visible{display:flex!important;position:absolute;inset:16px;max-width:none;width:auto!important;max-height:none;height:auto!important;aspect-ratio:auto!important;background:#080e17ed!important;border:1px solid #7dcfff33;z-index:2;align-items:center;justify-content:center}.gallery-preview .result-grid{max-height:100%;width:100%;padding:15px}.gallery-preview .result-grid img{object-fit:contain}.welcome{min-height:calc(100dvh - 72px);display:flex;align-items:center;flex-direction:column;text-align:center;position:relative;overflow:hidden;padding:35px 24px 28px;background:radial-gradient(ellipse at 50% 30%,#10345055,transparent 58%)}.welcome:before,.welcome:after{content:'';position:absolute;pointer-events:none;width:80vw;height:70vw;border:1px solid #75d2ff44;border-radius:50%;box-shadow:0 0 60px #48b8ff22;top:25%;left:-48vw;transform:rotate(-25deg);animation:welcome-wave 12s ease-in-out infinite alternate}.welcome:after{left:auto;right:-48vw;animation-delay:-6s}.welcome-orbit{width:clamp(150px,25dvh,270px);aspect-ratio:1;display:grid;place-items:center;border:1px solid #8edcff44;border-radius:50%;position:relative;background:radial-gradient(#67ceff14,transparent 65%);box-shadow:0 0 90px #48baff17}.welcome-orbit:before{content:'';inset:-22px;position:absolute;border:1px dashed #80d5ff18;border-radius:50%;animation:orbit 50s linear infinite;pointer-events:none}.glass-letter{font-weight:900;font-size:clamp(125px,21dvh,220px);line-height:1;letter-spacing:-14px;padding-right:14px;background:linear-gradient(135deg,#effcff 10%,#81d5ff 27%,#175895 46%,#bdefff 50%,#66c9ff 68%,#183c68 87%);background-size:220% 220%;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:10px 12px 0 #4399dc10;filter:drop-shadow(0 0 26px #62bfff44);animation:letter-shimmer 7s ease-in-out infinite}.welcome-copy{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.2em;color:#9bb4c8;font-weight:600}.eyebrow span{color:#7ed3ff}.welcome-copy>.eyebrow{display:block;margin-top:28px}.welcome h1{font-size:clamp(36px,6dvh,68px);letter-spacing:-2.5px;line-height:1.05;margin:17px 0}.welcome p{color:#94a5b9;font-size:16px;line-height:1.7;margin:0 0 23px}.welcome .primary{border-radius:100px;background:linear-gradient(120deg,#c0f0ff,#52b5ff);border:0;padding:0 28px;color:#062238}.quiet-link{display:inline-block;background:none;border:0;color:#a8bdce;padding:14px 20px;font-size:14px}.quiet-link:hover{color:#80d5ff}.welcome-features{display:flex;justify-content:center;gap:32px;margin-top:30px;color:#688099;font-size:13px;position:relative;z-index:1}.utility-hub{max-width:1240px;margin:auto;padding:44px 32px 60px}.utility-hub>header{text-align:center;margin-bottom:40px}.utility-hub h1{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-1.8px;margin:14px 0}.utility-hub h1 span{color:#80d5ff}.utility-hub header p{color:#8b9db2;font-size:16px}.utility-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.utility-card{text-align:left;background:transparent;border:0;color:#e8f2ff;padding:0;border-radius:20px}.utility-art{height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;border:1px solid #85cfff24;border-radius:20px;background:radial-gradient(ellipse at 50% 20%,#20588066,transparent 80%),#101720;overflow:hidden;position:relative;transition:border-color .25s,transform .25s}.utility-card:hover .utility-art{border-color:#80d5ff88;transform:translateY(-4px)}.utility-art>span{font-size:74px;color:#9cdeff;text-shadow:0 0 30px #72ccff55;line-height:1}.utility-art small{font-family:monospace;letter-spacing:.1em;color:#659ec1;font-size:12px}.utility-card h2{font-size:23px;letter-spacing:-.5px;margin:22px 0 10px}.utility-card p{font-size:15px;color:#93a4b7;line-height:1.65;min-height:76px;margin:0 0 18px}.tool-tags{font:12px monospace;color:#6a9fbf;border:1px solid #80d5ff25;padding:6px 10px;border-radius:100px}.tool-open{display:block;margin-top:24px;color:#8bd8ff;font-size:14px}.media-panel{max-width:1400px;width:100%;margin:auto}.reference-frame-layout{max-width:1250px;margin:auto}.history-dialog,.avatar-dialog{z-index:100}.flow-bg,.flow-bg *, .flow-bg:before,.flow-bg:after{pointer-events:none!important}@keyframes letter-shimmer{0%,100%{background-position:0% 40%;filter:drop-shadow(0 0 20px #62bfff33)}50%{background-position:100% 70%;filter:drop-shadow(0 0 38px #62bfff66)}}@keyframes welcome-wave{to{transform:translateY(35px) rotate(-18deg);opacity:.5}}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:900px){.topbar{padding:0 16px;gap:16px;height:64px}.premium-wordmark{font-size:18px}#refreshNav button{padding:9px 12px}.utility-cards{gap:18px}.utility-art{height:170px}.utility-hub{padding:30px 22px}.welcome{min-height:calc(100dvh - 64px)}.creative-composer{width:calc(100% - 28px);margin-bottom:14px}.canvas{padding:14px}.welcome-features{gap:18px}.image-gallery{columns:3 180px}}@media(max-width:640px){.topbar{height:auto;min-height:88px;align-items:flex-start;flex-direction:column;padding:12px 14px 8px;gap:8px}#refreshNav{width:100%;flex:none}#refreshNav button{font-size:13px;padding:7px 11px}.utility-cards{grid-template-columns:1fr}.utility-art{height:190px}.utility-card p{min-height:0}.utility-card{margin-bottom:12px}.welcome{min-height:calc(100dvh - 98px);padding-top:25px}.welcome h1{letter-spacing:-1.5px}.welcome-copy .quiet-link{display:block;margin:auto}.welcome-features{gap:12px;font-size:11px;flex-wrap:wrap}.creative-composer{padding:12px;border-radius:18px}.composer-toolbar{gap:5px}.setting-toggle,.model-picker>button,.composer-options,.qty{font-size:12px;padding:0 9px}.composer-toolbar>.primary{min-width:105px;padding:0 14px}.attachments .upload{font-size:12px;padding:8px}.canvas{min-height:130px}.gallery-empty{min-height:calc(100dvh - 385px)}.gallery-empty h2{font-size:23px}.empty-letter{font-size:60px}.image-gallery{columns:2 120px}.utility-hub>header{margin-bottom:26px}}@media(prefers-reduced-motion:reduce){.glass-letter,.welcome-orbit:before,.welcome:before,.welcome:after,.empty-letter{animation:none}.gallery-tile,.utility-art{transition:none}}
.tool-with-settings{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-content:start}.tool-with-settings>.tabs{grid-column:1/-1}.tool-with-settings>.settings{display:block;position:relative;width:100%;min-width:0;max-height:calc(100dvh - 180px);overflow:auto;border:1px solid #80d5ff22;border-radius:18px;background:#101823;grid-column:2;grid-row:2}.tool-with-settings>.media-layout{grid-column:1;grid-row:2}.refresh-logout{margin-left:auto;white-space:nowrap;font-size:12px;text-decoration:none;color:#7794ad}.refresh-logout:hover{color:#9cdeff}@media(max-width:900px){.tool-with-settings{grid-template-columns:minmax(0,1fr) 250px}}@media(max-width:640px){.tool-with-settings{display:flex;flex-direction:column}.tool-with-settings>.settings{max-height:none}.refresh-logout{position:absolute;top:17px;right:16px}}
.tool-with-settings>.media-title{grid-column:1/-1}.refresh-tool-body{grid-column:1;grid-row:2;min-width:0;display:flex;flex-direction:column;gap:16px}.refresh-tool-body .media-stage{height:clamp(240px,45dvh,460px);min-height:200px;flex:none}.refresh-tool-body .media-footer{flex:none;flex-wrap:wrap}.refresh-tool-body .media-results{flex:none}@media(max-width:640px){.refresh-tool-body .media-stage{height:260px}}