@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#edf1ef;font-synthesis:none;background:#080a0f;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#080a0f;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.studio-shell{background:#090b10;grid-template-columns:388px 1fr;min-height:100vh;display:grid}.studio-sidebar{background:linear-gradient(#0d1016,#090b10);border-right:1px solid #20242c;padding:28px;overflow-y:auto}.studio-header{border-bottom:1px solid #242831;align-items:center;gap:13px;padding-bottom:26px;display:flex}.studio-mark{color:#85f4c8;background:#15191f;border:1px solid #4d5a5b;border-radius:11px;place-items:center;width:43px;height:43px;font-weight:800;display:grid;box-shadow:inset 0 0 22px #85f4c811}.kicker{color:#6f7a7b;letter-spacing:.15em;margin:0 0 3px;font:500 9px DM Mono,monospace}.studio-header h1{letter-spacing:-.04em;margin:0;font-size:20px}.control-section{border-bottom:1px solid #20242c;gap:13px;padding:23px 0;display:grid}.section-heading{color:#e9efec;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.section-heading span{color:#62706f;font:500 9px DM Mono,monospace}.template-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.template-button{color:#8f9999;background:#11141a;border:1px solid #2b3039;border-radius:10px;padding:10px 6px 9px;font-size:9px;line-height:1.2;transition:all .2s}.template-button:hover{color:#dce4e1;border-color:#4b5858}.template-button.active{color:#bfffe6;background:#15221f;border-color:#5aa98d;box-shadow:inset 0 0 20px #85f4c80c}.template-icon{opacity:.65;border:1px solid;border-radius:4px;width:30px;height:22px;margin:0 auto 7px;display:block;position:relative}.icon-conversation:before,.icon-conversation:after{content:"";background:currentColor;border-radius:2px;height:2px;position:absolute;left:5px}.icon-conversation:before{width:17px;top:6px}.icon-conversation:after{width:11px;top:12px}.icon-product-hero:before{content:"";clip-path:polygon(0 100%,30% 45%,55% 70%,80% 20%,100% 100%);background:currentColor;position:absolute;inset:5px}.icon-feature-bento{border:0;grid-template-columns:1fr 1fr;gap:2px;display:grid}.icon-feature-bento:before,.icon-feature-bento:after{content:"";border:1px solid;border-radius:3px}.control-grid{grid-template-columns:1fr 1fr}label{color:#788281;letter-spacing:.08em;text-transform:uppercase;gap:7px;font:500 9px DM Mono,monospace;display:grid}input,textarea,select{color:#e9efec;text-transform:none;letter-spacing:0;resize:vertical;background:#11141a;border:1px solid #2a3039;border-radius:9px;outline:none;width:100%;padding:10px 11px;font:500 11px Manrope,sans-serif}input:focus,textarea:focus,select:focus{border-color:#5d8b7c;box-shadow:0 0 0 3px #85f4c80d}.export-button{color:#07120e;background:#85f4c8;border:0;border-radius:10px;justify-content:space-between;align-items:center;margin-top:2px;padding:12px 13px;font-size:11px;font-weight:800;display:flex}.export-button:hover{background:#a5fbd9}.export-button span{font-size:18px}.cli-hint{color:#697372;margin:-2px 0 0;font-size:9px}.cli-hint code{color:#a7b2af}.preview-panel{background:radial-gradient(circle at 70% 10%,#171c25 0,#0a0c11 45%);flex-direction:column;min-width:0;padding:24px 28px 32px;display:flex}.preview-toolbar{color:#697471;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 1px 18px;font:500 9px DM Mono,monospace;display:flex}.status-dot{background:#85f4c8;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #85f4c8}.preview-stage{background-color:#0d1015;background-image:linear-gradient(45deg,#11151b 25%,#0000 25%),linear-gradient(-45deg,#11151b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#11151b 75%),linear-gradient(-45deg,#0000 75%,#11151b 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;border:1px solid #20252d;border-radius:14px;flex:1;place-items:center;min-height:600px;padding:28px;display:grid;overflow:hidden}.preview-stage .scene-canvas{width:min(100%,1050px)}.preview-open-graph .scene-canvas{width:min(100%,960px)}.preview-square .scene-canvas{width:min(78vh,760px)}.preview-social-portrait .scene-canvas{width:min(65vh,610px)}.preview-story .scene-canvas{width:min(45vh,430px)}.scene-canvas{aspect-ratio:var(--scene-ratio);color:#f4f6f4;isolation:isolate;background:#0b0e12;position:relative;overflow:hidden;box-shadow:0 35px 90px #0009,0 0 0 1px #ffffff10;container-type:inline-size}.theme-light.scene-canvas{color:#111719;background:#e9eeeb}.scene-noise{z-index:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");position:absolute;inset:0}.scene-glow{filter:blur(9cqw);opacity:.17;z-index:0;border-radius:50%;width:45cqw;height:45cqw;position:absolute}.glow-one{background:var(--accent);top:-22cqw;left:-12cqw}.glow-two{background:var(--accent-2);opacity:.2;bottom:-25cqw;right:-12cqw}.scene-brand{z-index:2;letter-spacing:.12em;align-items:center;gap:1cqw;height:4cqw;font-size:1.25cqw;display:flex;position:absolute;top:4cqw;left:5cqw;right:5cqw}.brand-glyph{border:1px solid color-mix(in srgb,var(--accent),transparent 45%);width:2.5cqw;height:2.5cqw;color:var(--accent);border-radius:50%;place-items:center;display:grid}.scene-brand strong{font-size:1.15cqw}.scene-brand i{color:#82908c;margin-left:auto;font:500 .72cqw DM Mono,monospace}.scene-copy{z-index:2;width:42cqw;position:absolute;top:15cqw;left:6cqw}.scene-copy p{color:var(--accent);letter-spacing:.17em;margin:0 0 1.6cqw;font:500 .82cqw DM Mono,monospace}.scene-copy h2{letter-spacing:-.065em;max-width:44cqw;margin:0;font-size:4.7cqw;line-height:1.02}.scene-copy>span{color:#9ca6a3;max-width:33cqw;margin-top:1.7cqw;font-size:1.18cqw;line-height:1.5;display:block}.theme-light .scene-copy>span{color:#5e6966}.scene-art{z-index:2;position:absolute}.scene-art-conversation,.scene-art-product-hero{inset:15cqw 5cqw 9cqw 48cqw;transform:rotate(-1deg)}.scene-art-feature-bento{inset:13cqw 5cqw 8cqw 48cqw}.scene-footer{z-index:2;color:#616d69;letter-spacing:.12em;align-items:center;gap:1.3cqw;font:500 .62cqw DM Mono,monospace;display:flex;position:absolute;bottom:3.2cqw;left:5cqw;right:5cqw}.scene-footer i{background:#ffffff1c;flex:1;height:1px}.theme-light .scene-footer i{background:#1112}.product-window{-webkit-backdrop-filter:blur(2cqw);backdrop-filter:blur(2cqw);background:#101419e8;border:1px solid #ffffff21;border-radius:1.2cqw;height:100%;overflow:hidden;box-shadow:0 3cqw 8cqw #000a,0 0 0 .4cqw #0003}.theme-light .product-window{background:#f9fbfaee;border-color:#1c27271c;box-shadow:0 3cqw 8cqw #45534e44}.window-bar{color:#63706d;background:#151a20;border-bottom:1px solid #ffffff13;align-items:center;gap:1.3cqw;height:4.2cqw;padding:0 1.3cqw;font:.63cqw DM Mono,monospace;display:flex}.theme-light .window-bar{background:#eef2ef;border-bottom-color:#10181713}.window-dots{gap:.42cqw;display:flex}.window-dots i{background:#3e4848;border-radius:50%;width:.62cqw;height:.62cqw}.window-dots i:first-child{background:#ff756c}.window-dots i:nth-child(2){background:#f5cc65}.window-dots i:nth-child(3){background:#70d893}.window-address{background:#0c0f13;border:1px solid #ffffff0c;border-radius:.5cqw;margin:auto;padding:.5cqw 2.4cqw}.theme-light .window-address{background:#e1e7e3;border-color:#1111}.window-command{color:#93a09c}.conversation-ui{grid-template-columns:5.5cqw 1fr;height:calc(100% - 4.2cqw);display:grid}.agent-rail{background:#0d1115;border-right:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:1.2cqw;padding-top:1.8cqw;display:flex}.theme-light .agent-rail{background:#f0f4f1;border-color:#1111}.agent-avatar,.mini-logo{background:var(--accent);color:#07110d;width:2.8cqw;height:2.8cqw;box-shadow:0 0 2cqw color-mix(in srgb,var(--accent),transparent 65%);border-radius:.8cqw;place-items:center;font-size:1cqw;font-weight:800;display:grid}.rail-line{background:#40504c;border-radius:1cqw;width:2.4cqw;height:.22cqw;margin-top:.4cqw}.rail-dot{background:#66746f;border-radius:.25cqw;width:.8cqw;height:.8cqw}.rail-dot.dim{opacity:.4}.conversation-body{flex-direction:column;gap:1.25cqw;padding:1.7cqw 2cqw;display:flex}.agent-heading{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding-bottom:1.1cqw;display:flex}.theme-light .agent-heading{border-color:#1111}.agent-heading strong{font-size:1.05cqw;display:block}.agent-heading span{color:#707c78;margin-top:.2cqw;font-size:.68cqw;display:block}.agent-heading em{color:#80908a;font:.54cqw DM Mono,monospace}.agent-heading em i{background:var(--accent);width:.45cqw;height:.45cqw;box-shadow:0 0 .8cqw var(--accent);border-radius:50%;margin-right:.45cqw;display:inline-block}.user-bubble{color:#d7dedb;background:#252c33;border-radius:1cqw 1cqw .2cqw;align-self:flex-end;max-width:78%;padding:.8cqw 1cqw;font-size:.72cqw}.theme-light .user-bubble{color:#25302c;background:#dce3df}.agent-response{border:1px solid color-mix(in srgb,var(--accent),transparent 76%);background:color-mix(in srgb,var(--accent),transparent 94%);border-radius:1cqw;padding:1.2cqw}.response-top{align-items:center;gap:.65cqw;font-size:.85cqw;display:flex}.response-symbol{color:var(--accent)}.response-top time{color:#61706b;margin-left:auto;font:.56cqw DM Mono,monospace}.agent-response>p{color:#91a09b;margin:.65cqw 0 1cqw;font-size:.68cqw}.agent-response ul{gap:.52cqw;margin:0;padding:0;list-style:none;display:grid}.agent-response li{background:#ffffff08;border-radius:.55cqw;grid-template-columns:2.2cqw 1fr 1cqw;align-items:center;padding:.58cqw .7cqw;font-size:.68cqw;display:grid}.theme-light .agent-response li{background:#11111108}.agent-response li b{color:#5f6c68;font:.55cqw DM Mono,monospace}.agent-response li i{color:var(--accent);font-style:normal}.composer{color:#55615e;border:1px solid #ffffff13;border-radius:.7cqw;justify-content:space-between;align-items:center;margin-top:auto;padding:.75cqw .8cqw;font-size:.65cqw;display:flex}.theme-light .composer{border-color:#1112}.composer button{background:var(--accent);color:#07100d;border:0;border-radius:.55cqw;width:1.8cqw;height:1.8cqw;font-size:.9cqw}.dashboard-ui{grid-template-columns:5.8cqw 1fr;height:calc(100% - 4.2cqw);display:grid}.dashboard-nav{border-right:1px solid #ffffff0e;flex-direction:column;align-items:center;gap:1.2cqw;padding:1.4cqw;display:flex}.theme-light .dashboard-nav{border-color:#1111}.nav-pill{background:#3d4745;border-radius:1cqw;width:2.8cqw;height:.45cqw;display:block}.nav-pill.active{background:var(--accent);box-shadow:0 0 1cqw var(--accent)}.nav-pill.short{width:1.8cqw}.dashboard-main{padding:1.5cqw}.dash-top{justify-content:space-between;align-items:center;display:flex}.dash-top small,.card-label{color:var(--accent);letter-spacing:.14em;font:.55cqw DM Mono,monospace}.dash-top h3{margin:.25cqw 0;font-size:1.35cqw}.dash-top button{background:var(--accent);color:#07100d;border:0;border-radius:.55cqw;padding:.65cqw .8cqw;font-size:.65cqw;font-weight:800}.dash-top button b{margin-left:.5cqw}.metric-row{grid-template-columns:repeat(3,1fr);gap:.65cqw;margin-top:1cqw;display:grid}.metric-card{background:#ffffff05;border:1px solid #ffffff10;border-radius:.75cqw;padding:.85cqw;position:relative;overflow:hidden}.theme-light .metric-card{background:#11111104;border-color:#1111}.metric-card span{color:#71807b;font-size:.56cqw;display:block}.metric-card strong{font-size:1.8cqw}.spark{border-bottom:.18cqw solid var(--accent);opacity:.6;width:3.8cqw;height:1.8cqw;position:absolute;bottom:.5cqw;right:.5cqw;transform:skewY(-14deg)}.spark-1{transform:skewY(10deg)}.spark-2{border-color:var(--accent-2)}.activity-grid{grid-template-columns:.9fr 1.3fr;gap:.65cqw;height:calc(100% - 10.5cqw);margin-top:.65cqw;display:grid}.activity-card{background:#ffffff05;border:1px solid #ffffff10;border-radius:.75cqw;padding:.9cqw;position:relative;overflow:hidden}.theme-light .activity-card{background:#11111104;border-color:#1111}.chart{align-items:flex-end;gap:.45cqw;height:8cqw;display:flex;position:absolute;bottom:1cqw;left:1cqw;right:1cqw}.chart i{background:color-mix(in srgb,var(--accent),transparent 72%);border-radius:.2cqw .2cqw 0 0;flex:1;height:30%}.chart i:nth-child(2){height:48%}.chart i:nth-child(3){height:40%}.chart i:nth-child(4){height:67%}.chart i:nth-child(5){height:58%}.chart i:nth-child(6){height:82%}.chart i:nth-child(7){height:71%}.chart i:nth-child(8){background:var(--accent);height:95%}.chart-line{border-top:.15cqw solid var(--accent-2);position:absolute;bottom:4.2cqw;left:1cqw;right:1cqw;transform:skewY(-8deg)}.action-card p{background:#ffffff07;border-radius:.5cqw;grid-template-columns:1.3cqw 1fr auto;gap:.5cqw;margin:.65cqw 0;padding:.65cqw;font-size:.58cqw;display:grid}.action-card p i{color:var(--accent);font-style:normal}.action-card time{color:#65716e;font:.45cqw DM Mono,monospace}.bento-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:.9cqw;height:100%;display:grid}.bento-card{background:linear-gradient(145deg,#151a20e8,#0e1217f5);border:1px solid #ffffff17;border-radius:1.2cqw;padding:1.5cqw;position:relative;overflow:hidden;box-shadow:0 2cqw 4cqw #0004}.theme-light .bento-card{background:linear-gradient(145deg,#fffe,#e8eeea);border-color:#1112;box-shadow:0 2cqw 4cqw #4a58522e}.bento-card h3{margin:.6cqw 0 .3cqw;font-size:1.1cqw}.bento-card p{color:#788681;margin:0;font-size:.62cqw;line-height:1.4}.card-number{color:#58645f;font:.5cqw DM Mono,monospace;position:absolute;top:1cqw;right:1cqw}.orb{background:radial-gradient(circle,var(--accent) 0,color-mix(in srgb,var(--accent),transparent 72%) 25%,transparent 68%);width:5cqw;height:5cqw;box-shadow:0 0 2.5cqw color-mix(in srgb,var(--accent),transparent 50%);border-radius:50%;place-items:center;margin:.3cqw auto 1cqw;display:grid}.orb b{width:2.1cqw;height:2.1cqw;color:var(--accent);background:#101713;border-radius:.65cqw;place-items:center;font-size:.8cqw;display:grid}.flow-line{justify-content:space-between;align-items:center;height:6cqw;display:flex;position:relative}.flow-line:before{content:"";background:linear-gradient(90deg,var(--accent),var(--accent-2));height:1px;position:absolute;top:50%;left:2cqw;right:2cqw}.flow-line i,.flow-line b{z-index:1;font-style:normal;position:relative}.flow-line i{background:#20262b;border:1px solid #ffffff17;border-radius:.5cqw;padding:.6cqw;font-size:.55cqw}.theme-light .flow-line i{background:#f6f8f6;border-color:#1112}.flow-line b{background:var(--accent);color:#07100d;border-radius:50%;place-items:center;width:2.5cqw;height:2.5cqw;display:grid}.mini-report{gap:.4cqw;margin:.2cqw 0 .9cqw;display:grid}.mini-report p{background:#ffffff07;border-radius:.45cqw;grid-template-columns:1.5cqw 1fr 1cqw;align-items:center;padding:.48cqw;font-size:.5cqw;display:grid}.theme-light .mini-report p{background:#11111107}.mini-report p span{color:#5c6864;font:.45cqw DM Mono,monospace}.mini-report p b{color:var(--accent)}.signal-number{color:var(--accent);letter-spacing:-.08em;font-size:4.5cqw;font-weight:800;line-height:1}.signal-bars{align-items:flex-end;gap:.35cqw;height:2.2cqw;margin:.4cqw 0;display:flex}.signal-bars i{background:var(--accent-2);border-radius:.15cqw;width:.6cqw;height:30%}.signal-bars i:nth-child(2){height:55%}.signal-bars i:nth-child(3){height:42%}.signal-bars i:nth-child(4){height:82%}.signal-bars i:nth-child(5){background:var(--accent);height:100%}.brand-pra.scene-canvas{background-color:#080d70;background-image:linear-gradient(#080d70 0% 84%,#745cdc 84% 100%);font-family:Arial,sans-serif}.brand-pra.scene-canvas:before{content:"";z-index:0;clip-path:polygon(22% 0,52% 0,88% 50%,52% 100%,22% 100%,58% 50%);opacity:.94;background:linear-gradient(90deg,#192191,#2831a8);width:58cqw;height:112cqw;position:absolute;top:-12cqw;right:-10cqw}.brand-pra.scene-canvas:after{content:"";z-index:1;background:#0097e6;height:1.1cqw;position:absolute;bottom:0;left:0;right:0}.brand-pra .scene-noise{opacity:.025}.brand-pra .scene-glow{display:none}.brand-pra .scene-brand{color:#fff;justify-content:flex-end;width:42cqw;font-family:Arial,sans-serif;left:auto;right:5cqw}.brand-pra .scene-brand .brand-glyph{color:#fff;background:#0097e6;border-color:#0097e6}.brand-pra .scene-brand strong{letter-spacing:.08em;font-size:1.15cqw}.brand-pra .scene-brand i{color:#dee2e9;letter-spacing:.08em;margin-left:1.3cqw;font-family:Arial,sans-serif;font-weight:700}.brand-pra .scene-copy{top:17cqw}.brand-pra .scene-copy p{color:#0097e6;font-family:Arial,sans-serif;font-weight:700}.brand-pra .scene-copy h2{color:#fff;letter-spacing:-.045em;text-transform:uppercase;font-family:Arial,sans-serif;font-weight:700}.brand-pra .scene-copy>span{color:#dee2e9;font-family:Arial,sans-serif}.brand-pra .product-window{color:#182033;background:#f5f7fa;border-color:#fff9;box-shadow:0 3cqw 8cqw #02052f99,0 0 0 .3cqw #0097e633}.brand-pra .window-bar{color:#696e7a;background:#fff;border-bottom-color:#dee2e9;font-family:Arial,sans-serif}.brand-pra .window-address{color:#080d70;background:#f5f7fa;border-color:#dee2e9}.brand-pra .agent-rail,.brand-pra .dashboard-nav{background:#080d70;border-color:#192191}.brand-pra .rail-line,.brand-pra .rail-dot,.brand-pra .nav-pill{background:#696e7a}.brand-pra .nav-pill.active{background:#0097e6}.brand-pra .agent-heading{border-color:#dee2e9}.brand-pra .agent-heading span,.brand-pra .agent-response>p{color:#696e7a}.brand-pra .user-bubble{color:#fff;background:#080d70}.brand-pra .agent-response{background:#eaf7fd;border-color:#0097e655}.brand-pra .agent-response li,.brand-pra .metric-card,.brand-pra .activity-card{background:#fff;border-color:#dee2e9}.brand-pra .composer{color:#696e7a;background:#fff;border-color:#dee2e9}.brand-pra .bento-card{color:#182033;background:#f5f7fa;border-color:#fff;box-shadow:0 2cqw 5cqw #02052f66}.brand-pra .bento-card p{color:#696e7a}.brand-pra .flow-line i,.brand-pra .mini-report p{color:#182033;background:#fff;border-color:#dee2e9}.brand-pra .scene-footer{color:#fff}.brand-pra .scene-footer i{background:#fff5}.brand-pra .card-label,.brand-pra .dash-top small{color:#0097e6}.format-square .scene-copy,.format-social-portrait .scene-copy,.format-story .scene-copy{width:86cqw;top:14cqw;left:7cqw}.format-square .scene-copy h2,.format-social-portrait .scene-copy h2,.format-story .scene-copy h2{max-width:75cqw;font-size:6.8cqw}.format-square .scene-copy>span,.format-social-portrait .scene-copy>span,.format-story .scene-copy>span{max-width:60cqw;font-size:1.8cqw}.format-square .scene-art,.format-social-portrait .scene-art,.format-story .scene-art{inset:43cqw 7cqw 8cqw;transform:none}.format-social-portrait .scene-art{height:55cqw;top:50cqw;bottom:auto}.format-story .scene-copy{top:20cqw}.format-story .scene-copy h2{font-size:8.2cqw}.format-story .scene-art{height:82cqw;top:70cqw;bottom:auto}.format-story .scene-footer{bottom:5cqw}.format-square .scene-brand,.format-social-portrait .scene-brand,.format-story .scene-brand{top:5cqw}.format-social-portrait .bento-card h3,.format-story .bento-card h3{font-size:1.8cqw}.format-social-portrait .bento-card p,.format-story .bento-card p{font-size:1cqw}.render-mode{background:#000;width:100vw;height:100vh;overflow:hidden}.render-mode .scene-canvas{aspect-ratio:auto;width:100vw;height:100vh;box-shadow:none}@media (width<=980px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{border-bottom:1px solid #20242c;border-right:0}.preview-panel{min-height:780px}.preview-stage{min-height:650px}}.hub-shell{color:#f2f5f3;isolation:isolate;background:#090b0f;min-height:100vh;padding:0 clamp(24px,5vw,82px);position:relative;overflow:hidden}.hub-shell:before{content:"";z-index:-2;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 72%);mask-image:linear-gradient(#000 0%,#0000 72%)}.hub-aurora{z-index:-1;filter:blur(120px);opacity:.12;border-radius:50%;width:48vw;height:48vw;position:absolute}.aurora-a{background:#85f4c8;top:-28vw;left:-20vw}.aurora-b{background:#7889ff;top:5vw;right:-15vw}.hub-nav{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:92px;display:flex}.hub-logo{color:inherit;letter-spacing:.13em;align-items:center;gap:11px;font-size:13px;text-decoration:none;display:flex}.hub-logo span{color:#85f4c8;border:1px solid #85f4c866;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 18px #85f4c822}.hub-nav-meta{color:#68736f;letter-spacing:.13em;font:500 9px DM Mono,monospace}.hub-nav-meta i{background:#85f4c8;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #85f4c8}.hub-hero>p{color:#85f4c8;letter-spacing:.19em;margin:0 0 22px;font:500 10px DM Mono,monospace}.hub-hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(48px,6.5vw,94px);line-height:.98}.hub-hero h1 em{color:#818c88;font-style:normal}.hub-hero>span{color:#828d89;max-width:610px;margin-top:30px;font-size:15px;line-height:1.75;display:block}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:80px;display:grid}.hub-card{min-height:300px;color:inherit;background:linear-gradient(145deg,#14181ee8,#0d1015f2);border:1px solid #ffffff13;border-radius:18px;flex-direction:column;padding:26px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.hub-card:before{content:"";background:var(--card-accent);filter:blur(60px);opacity:.08;border-radius:50%;width:190px;height:190px;transition:opacity .25s;position:absolute;top:-100px;right:-100px}.hub-card:hover{border-color:color-mix(in srgb,var(--card-accent),transparent 45%);transform:translateY(-5px);box-shadow:0 26px 70px #0007}.hub-card:hover:before{opacity:.18}.hub-card-featured{background:linear-gradient(125deg,#13201c,#10141a);border-color:#85f4c840;grid-column:span 2}.hub-card-mint{--card-accent:#85f4c8}.hub-card-coral{--card-accent:#ff708d}.hub-card-green{--card-accent:#73d58f}.hub-card-red{--card-accent:#ff6e69}.hub-card-blue{--card-accent:#7bdcff}.hub-card-amber{--card-accent:#f5c963}.hub-card-orange{--card-accent:#ff9b54}.hub-card-violet{--card-accent:#a58bff}.hub-card-slate{--card-accent:#aab6b3}.hub-card-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.hub-card-icon{border:1px solid color-mix(in srgb,var(--card-accent),transparent 55%);background:color-mix(in srgb,var(--card-accent),transparent 91%);width:48px;height:48px;color:var(--card-accent);border-radius:14px;place-items:center;font-size:18px;font-weight:800;display:grid}.hub-badge{color:#8c9793;letter-spacing:.1em;text-transform:uppercase;background:#ffffff05;border:1px solid #ffffff12;border-radius:99px;align-items:center;gap:7px;padding:7px 9px;font:500 8px DM Mono,monospace;display:flex}.hub-badge i{background:#727d79;border-radius:50%;width:5px;height:5px}.badge-public i,.badge-application i{background:#85f4c8;box-shadow:0 0 8px #85f4c8}.badge-sso i{background:#8ba0ff;box-shadow:0 0 8px #8ba0ff}.badge-tailscale i{background:#aab6b3}.badge-protégé i,.badge-connexion i{background:#f5c963}.hub-card-copy{z-index:1;margin-top:auto;padding-top:38px;position:relative}.hub-card-copy>span{color:var(--card-accent);letter-spacing:.15em;text-transform:uppercase;font:500 8px DM Mono,monospace}.hub-card-copy h2{letter-spacing:-.045em;margin:8px 0 9px;font-size:25px}.hub-card-copy p{color:#7b8783;max-width:410px;margin:0;font-size:12px;line-height:1.6}.hub-card-link{z-index:1;color:#707b77;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;margin-top:23px;padding-top:16px;font:600 9px DM Mono,monospace;display:flex;position:relative}.hub-card-link b{color:var(--card-accent);font-size:17px}.hub-footer{color:#68736f;letter-spacing:.08em;border-top:1px solid #ffffff12;grid-template-columns:1fr 2fr 1fr;align-items:center;min-height:110px;font:500 9px DM Mono,monospace;display:grid}.hub-footer>div{color:#aeb8b4;align-items:center;gap:9px;display:flex}.hub-footer-mark{color:#85f4c8}.hub-footer p{text-align:center}.hub-footer>span{text-align:right}@media (width<=900px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-card-featured{grid-column:span 2}.hub-hero{padding:65px 0 55px}.hub-footer{text-align:center;grid-template-columns:1fr;gap:10px;padding:30px 0}.hub-footer>div{justify-content:center}.hub-footer p,.hub-footer>span{text-align:center;margin:0}}@media (width<=560px){.hub-nav-meta{display:none}.hub-grid{grid-template-columns:1fr}.hub-card-featured{grid-column:auto}.hub-card{min-height:270px}.hub-hero h1{font-size:48px}.hub-hero>span{font-size:13px}}.hub-shell{padding-inline:clamp(18px,4vw,64px)}.hub-nav{height:68px}.hub-hero{max-width:760px;padding:38px 0 32px}.hub-hero>p{margin-bottom:12px}.hub-hero h1{font-size:clamp(38px,4.7vw,66px);line-height:.98}.hub-hero>span{max-width:680px;margin-top:16px;font-size:13px;line-height:1.55}.hub-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:30px}.hub-card,.hub-card.hub-card-featured{border-radius:14px;grid-column:auto;height:124px;min-height:0;padding:15px}.hub-card:before{width:110px;height:110px}.hub-card-top{align-items:flex-start;gap:10px;display:flex}.hub-card-identity{align-items:center;gap:11px;min-width:0;display:flex}.hub-card-icon{border-radius:10px;flex:none;width:38px;height:38px;font-size:14px}.hub-card-copy{min-width:0;margin:0}.hub-card-copy>span{letter-spacing:.11em;margin:0 0 2px;font-size:8px;display:block}.hub-card-copy h2,.hub-card-featured .hub-card-copy h2{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;line-height:1.15;overflow:hidden}.hub-badge{flex:none;margin-left:auto;padding:5px 7px;font-size:7px}.hub-card-summary{color:#75817d;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 30px);margin:12px 0 0;font-size:10px;line-height:1.35;overflow:hidden}.hub-card-link{border:0;margin:0;padding:0;position:absolute;bottom:13px;right:15px}.hub-card-link span{display:none}.hub-card-link b{font-size:13px}.hub-footer{padding:22px 0 26px}@media (width<=1120px){.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.hub-nav{height:60px}.hub-hero{padding:28px 0 24px}.hub-hero h1{font-size:clamp(34px,10vw,48px)}.hub-hero>span{margin-top:12px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hub-card,.hub-card.hub-card-featured{height:102px;padding:12px}.hub-card-icon{width:34px;height:34px}.hub-card-copy h2,.hub-card-featured .hub-card-copy h2{font-size:14px}.hub-card-summary{display:none}.hub-card-link{bottom:10px;right:12px}}@media (width<=520px){.hub-shell{padding-inline:12px}.hub-nav{height:54px}.hub-nav-meta{font-size:7px}.hub-hero{padding:20px 0 18px}.hub-hero>p{margin-bottom:8px;font-size:8px}.hub-hero h1{font-size:31px;line-height:1.02}.hub-hero h1 br,.hub-hero>span{display:none}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:18px}.hub-card,.hub-card.hub-card-featured{border-radius:12px;height:64px;padding:10px}.hub-card-top{align-items:center;height:100%}.hub-card-identity{gap:8px;max-width:calc(100% - 14px)}.hub-card-icon{border-radius:8px;width:30px;height:30px;font-size:12px}.hub-card-copy>span{display:none}.hub-card-copy h2,.hub-card-featured .hub-card-copy h2{font-size:12px;line-height:1.1}.hub-badge{width:7px;height:7px;box-shadow:none;background:0 0;border:0;margin:0;padding:0;font-size:0;position:absolute;top:8px;right:8px;overflow:hidden}.hub-badge i{width:7px;height:7px;margin:0}.hub-card-link{display:none}.hub-footer{gap:8px;padding:14px 0 18px}.hub-footer p{display:none}}.product-window:has(.capture-frame){flex-direction:column;display:flex}.capture-frame{background:#0b0e12;flex:1;min-height:0;overflow:hidden}.theme-light .capture-frame{background:#eef2ef}.capture-frame img{width:100%;height:100%;display:block}.capture-fit-screenshot img{object-fit:contain;object-position:top center}.capture-fit-cover img{object-fit:cover;object-position:top center}.capture-fit-contain img{object-fit:contain;object-position:center}.capture-caption{color:#8b9894;letter-spacing:.04em;background:#12161b;border-top:1px solid #ffffff13;margin:0;padding:1cqw 1.4cqw;font-size:.66cqw}.theme-light .capture-caption{color:#5e6966;background:#f4f7f5;border-top-color:#10181713}.capture-button{color:#bfffe6;letter-spacing:.02em;background:#14211d;border:1px dashed #5aa98d;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;padding:13px 14px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.capture-button:hover{color:#e6fff5;background:#182a24;border-color:#85f4c8}.capture-button span{font-size:14px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preview-stage{position:relative}.preview-dragging{outline-offset:6px;outline:2px dashed #85f4c8}.preview-dropzone{z-index:4;text-align:center;color:#07120e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#85f4c8e6;border-radius:12px;place-content:center;gap:6px;display:grid;position:absolute;inset:12px}.preview-dropzone b{font-size:15px}.preview-dropzone span{letter-spacing:.1em;text-transform:uppercase;font:500 10px DM Mono,monospace}.file-field input[type=file]{color:#8d9793;padding:8px;font-size:10px}.file-field input[type=file]::file-selector-button{color:#07120e;cursor:pointer;background:#85f4c8;border:0;border-radius:8px;margin-right:10px;padding:7px 10px;font:700 10px Manrope,sans-serif}.capture-status{color:#85f4c8;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;font:500 9px DM Mono,monospace;display:flex}.capture-status i{background:#85f4c8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #85f4c8}.capture-status.busy{color:#9aa4a1}.capture-status.busy i{box-shadow:none;background:#9aa4a1}.ghost-button{color:#9aa4a1;background:#11141a;border:1px solid #2b3039;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:600;transition:all .2s}.ghost-button:hover{color:#dce4e1;border-color:#4b5858}.field-error{color:#ff9c92;margin:0;font-size:10px;line-height:1.4}.studio-mode-nav{background:#0b0e13;border-bottom:1px solid #283039;gap:8px;padding:12px 28px;display:flex}.studio-mode-nav button{color:#9ca9a4;background:#171d24;border:1px solid #303b40;border-radius:9px;padding:10px 16px;font-size:12px}.studio-mode-nav button.active{color:#07120e;background:#85f4c8;border-color:#85f4c8;font-weight:800}.quick-shell{min-height:calc(100vh - 62px)}.quick-shell .control-section{gap:15px}.quick-shell .control-grid{gap:10px;display:grid}.quick-shell input[type=range]{accent-color:#85f4c8;border:0;height:18px;padding:0}.quick-value{float:right;color:#c8dad2}.quick-shell input[type=color]{height:44px;padding:3px}.quick-shell .export-button:disabled{opacity:.45;cursor:not-allowed}.quick-stage{min-height:520px;position:relative}.quick-stage canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(75vh,850px);display:block;box-shadow:0 24px 64px #0009}.quick-empty{color:#e9f3ed;text-align:center;pointer-events:none;text-shadow:0 2px 8px #000;place-items:center;font-size:clamp(16px,2vw,28px);font-weight:700;display:grid;position:absolute;inset:0}.quick-shell .field-error{color:#ff9e9e;font-size:12px}@media (width<=980px){.quick-stage{min-height:380px}.studio-mode-nav{padding:12px}.quick-shell .preview-panel{min-height:480px}}