@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-vietnamese-wght-normal.2e8ypamius-z3.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-ext-wght-normal.0u127c2ykgu-q.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-wght-normal.0rbocftmutivq.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-vietnamese-standard-italic.2giz4jfc9lzo8.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-ext-standard-italic.1lrsob859w-8l.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-standard-italic.11ae33ayisz--.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3ede3;--surface:#fbf8f2;--surface-raised:#ede3d6;--surface-soft:#f7f1e8;--line:#d9cdbf;--line-soft:#e5dcd0;--line-strong:#a99b8d;--control-line:#927f71;--text:#29231f;--muted:#70635a;--dim:#70635a;--accent:#682e3b;--accent-hover:#51232e;--accent-ink:#fff9f0;--accent-soft:#efe2de;--terracotta:#c47752;--terracotta-ink:#8a492e;--mint:var(--accent);--mint-ink:var(--accent-ink);--ivory:#fff9f0;--danger:#9b302f;--danger-soft:#f7e6e0;--warning:#764a2b;--warning-soft:#f5e7d6;--overlay:#29231f8c;--media-overlay:#29231fe6;--font:"Manrope Variable", "Manrope", sans-serif;--editorial:"Newsreader Variable", "Newsreader", Georgia, serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--radius:8px;--sidebar:248px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button{color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}img,svg{vertical-align:middle}img,video{max-width:100%}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{text-wrap:balance;font-weight:500;line-height:1.18}h1,h2{font-family:var(--editorial);letter-spacing:-.035em}h3{letter-spacing:-.025em}em{font-family:var(--editorial);font-weight:400}pre,code{font-family:var(--mono)}pre{white-space:pre-wrap;overflow-wrap:anywhere}small{font-size:12px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.muted{color:var(--muted)}.small-text{font-size:13px;line-height:1.65}.full{width:100%}.mobile-only{display:none!important}.skip-link{z-index:200;background:var(--accent);color:var(--accent-ink);border-radius:6px;padding:12px 18px;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.button{text-align:center;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:11px 19px;font-size:13px;font-weight:600;line-height:1.4;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.button svg:last-child{margin-left:4px}.button.primary{background:var(--accent);color:var(--accent-ink)}.button.primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.button.secondary{border-color:var(--line);background:var(--surface)}.button.secondary:hover:not(:disabled){border-color:var(--control-line);background:var(--surface-raised)}.button.ivory{background:var(--ivory);color:var(--muted)}.button.quiet{color:var(--muted);background:0 0}.button.quiet:hover{color:var(--text)}.button.large{min-height:52px;padding:15px 22px;font-size:14px}.button.small{min-height:36px;padding:8px 12px;font-size:12px}.button.danger{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.icon-button{width:36px;height:36px;color:var(--muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--text);background:var(--accent-soft)}.text-link,.text-button,.back-link{align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.text-link,.text-button{color:var(--accent)}.back-link{color:var(--muted);margin-bottom:24px}.back-link:hover{color:var(--text)}.overline,.eyebrow{letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:600;line-height:1.6}.overline{color:var(--muted);margin-bottom:12px}.eyebrow{color:var(--accent);align-items:center;gap:10px;margin-bottom:24px;display:flex}.eyebrow>span{background:currentColor;border-radius:50%;width:6px;height:6px}.logo{letter-spacing:-.055em;white-space:nowrap;align-items:center;gap:10px;font-size:23px;font-weight:650;display:inline-flex}.logo-light{font-weight:400}.logo-period{color:var(--accent)}.logo-small{font-size:20px}.logo-mark{align-items:center;gap:3px;width:26px;height:28px;display:flex}.logo-mark i{background:var(--accent);border-radius:2px;width:5px;height:17px;display:block;transform:skewY(-22deg)}.logo-mark i:nth-child(2){height:26px}.logo-mark i:nth-child(3){height:21px}.landing{overflow:clip}.marketing-nav,.hero,.marketing-section,.marketing-footer{width:min(1240px,100% - 112px);margin-inline:auto}.marketing-nav{border-bottom:1px solid var(--line-soft);align-items:center;gap:36px;min-height:96px;display:flex}.marketing-nav>nav{align-items:center;gap:30px;margin-left:auto;display:flex}.marketing-nav>nav a{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.marketing-nav>nav a:hover{color:var(--text)}.marketing-nav .nav-cta{min-height:40px;font-size:12px}.hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:85px;padding-block:91px 110px;display:grid}.hero h1{letter-spacing:-.052em;font-size:clamp(52px,5.7vw,81px);font-weight:450;line-height:1.07}.hero h1 em{color:var(--accent);letter-spacing:-.035em}.hero-copy>p{color:var(--muted);max-width:465px;margin-top:27px;font-size:15px;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:32px;display:flex}.hero-note{color:var(--dim);flex-wrap:wrap;align-items:center;gap:18px;margin-top:23px;font-size:11px;display:flex}.hero-connectors{color:var(--muted);align-items:center;gap:8px;display:flex}.hero-stage{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px;position:relative;box-shadow:0 24px 70px #29231f1a}.stage-topline{color:var(--muted);letter-spacing:.12em;justify-content:space-between;margin:1px 2px 14px;font-size:8px;display:flex}.stage-topline>span:first-child{align-items:center;gap:7px;display:flex}.stage-topline i,.terminal-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.direction-canvas{aspect-ratio:1/1.08;background:var(--surface-soft);color:var(--muted);padding:14px 21px 23px;position:relative;overflow:hidden}.canvas-rulers{font-family:var(--mono);letter-spacing:.07em;color:var(--muted);justify-content:space-between;font-size:7px;display:flex}.canvas-inner{flex-direction:column;justify-content:flex-end;height:calc(100% - 20px);padding:15px 8px 0;display:flex;position:relative}.canvas-orbit{aspect-ratio:1;width:49%;position:absolute;top:6%;right:4%}.canvas-orbit i{border:1px solid var(--line-strong);border-radius:50%;width:100%;height:100%;position:absolute}.canvas-orbit i:nth-child(2){transform:translate(-22%,16%)}.canvas-orbit i:nth-child(3){border-color:var(--line);transform:translate(-44%,32%)}.canvas-counter{font-family:var(--editorial);color:var(--muted);font-size:80px;font-style:italic;line-height:1;position:absolute;top:18%;left:9px}.canvas-title{letter-spacing:-.06em;margin-bottom:21px;font-size:clamp(26px,2.8vw,42px);font-weight:500;line-height:1.1;animation:.35s both reveal;position:relative}.canvas-title em{letter-spacing:-.035em;font-size:1.08em}.canvas-caption{background:var(--surface-raised);color:var(--text);letter-spacing:.025em;align-self:flex-start;padding:6px 9px;font-size:8px}.caption-accent{color:var(--accent)}.canvas-baseline{border-top:1px solid var(--line-strong);letter-spacing:.04em;justify-content:space-between;align-items:center;margin-top:24px;padding-top:12px;font-size:7px;display:flex}.canvas-corner{border:solid var(--line-strong);width:10px;height:10px;position:absolute}.canvas-corner.tl{border-width:1px 0 0 1px;top:8px;left:8px}.canvas-corner.tr{border-width:1px 1px 0 0;top:8px;right:8px}.canvas-corner.bl{border-width:0 0 1px 1px;bottom:8px;left:8px}.canvas-corner.br{border-width:0 1px 1px 0;bottom:8px;right:8px}.direction-canvas.screen{background:var(--surface-soft);color:var(--muted)}.direction-canvas.screen .canvas-orbit i{border-color:var(--line-strong);border-radius:14px}.direction-canvas.broll{background:var(--surface-soft);color:var(--muted)}.direction-canvas.broll .canvas-orbit{transform:rotate(-25deg)}.direction-canvas.broll .canvas-orbit i{border-color:var(--line-strong);border-radius:45% 55% 60% 40%}.preview-tabs{background:var(--surface);border:1px solid var(--line);border-radius:6px;gap:5px;margin-top:14px;padding:4px;display:flex}.preview-tabs button{color:var(--muted);border-radius:3px;flex:1;padding:7px 4px;font-size:10px}.preview-tabs button.active{color:var(--accent);background:var(--surface-raised)}.stage-foot{color:var(--muted);justify-content:space-between;gap:10px;margin:11px 1px 0;font-size:8px;display:flex}.floating-note{background:var(--surface-raised);border:1px solid var(--line);border-radius:8px;align-items:center;gap:11px;padding:13px 17px;display:flex;position:absolute;top:43%;right:-28px;transform:rotate(3deg);box-shadow:0 12px 24px #29231f1a}.floating-icon{background:var(--surface-raised);width:29px;height:29px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.floating-note strong{font-size:11px;font-weight:500;display:block}.floating-note small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.compatibility{border-block:1px solid var(--line-soft);text-align:center;padding:35px 20px 42px}.compatibility>p{color:var(--dim);letter-spacing:.15em;margin-bottom:24px;font-size:9px}.compatibility>div{letter-spacing:-.035em;color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:39px;font-size:18px;font-weight:500;display:flex}.compat-divider{background:var(--line);width:1px;height:22px}.compatibility>small{color:var(--dim);margin-top:23px;font-size:10px;display:block}.marketing-section{padding-block:112px}.section-heading{text-align:center;max-width:695px;margin:0 auto 49px}.section-heading .eyebrow{justify-content:center}.marketing-section h2{font-size:clamp(35px,3.8vw,54px);font-weight:450;line-height:1.1}.marketing-section h2 em,.final-cta h2 em{color:var(--accent)}.section-heading>p{max-width:520px;color:var(--muted);margin:22px auto 0;font-size:14px;line-height:1.85}.steps-grid{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.steps-grid article{background:var(--surface);padding:32px}.steps-grid article+article{border-left:1px solid var(--line)}.step-top{color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:39px;display:flex}.step-top>span{color:var(--muted);font-size:11px;font-family:var(--mono)}.steps-grid h3{margin-bottom:15px;font-size:20px}.steps-grid p{color:var(--muted);font-size:13px;line-height:1.8}.library-teaser{border-top:1px solid var(--line-soft);grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.library-teaser-copy>p{color:var(--muted);max-width:440px;margin:23px 0;font-size:14px;line-height:1.85}.library-stats{border-top:1px solid var(--line);gap:50px;margin-top:37px;padding-top:26px;display:flex}.library-stats strong{font-family:var(--editorial);font-size:43px;line-height:1;display:block}.library-stats span{color:var(--muted);font-size:11px}.library-teaser-copy>small{max-width:380px;color:var(--dim);margin-top:20px;font-size:10px;line-height:1.8;display:block}.evidence-art{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:17px;transform:rotate(1.5deg)}.evidence-art-label,.evidence-art-footer{color:var(--muted);letter-spacing:.09em;align-items:center;gap:9px;font-size:8px;display:flex}.evidence-art-label span{margin-left:auto}.evidence-art-footer{justify-content:space-between;margin-top:15px;font-size:7px}.evidence-composition{background:var(--surface-soft);color:var(--muted);aspect-ratio:1.15;align-items:center;margin-top:16px;padding:30px;display:flex;position:relative;overflow:hidden}.evidence-composition>p{letter-spacing:-.05em;font-size:clamp(25px,2.8vw,40px);line-height:1.17;position:relative}.evidence-composition em{color:var(--muted)}.example-annotation{font-family:var(--mono);letter-spacing:.07em;color:var(--muted);font-size:7px;position:absolute}.annotation-a{top:23px;left:26px}.annotation-b{writing-mode:vertical-rl;top:40%;right:10px}.annotation-c{bottom:58px;left:26px}.example-lines{justify-content:space-between;display:flex;position:absolute;inset:59px 28px 74px}.example-lines i{border-left:1px solid var(--line-strong)}.example-lines i:nth-child(2){border-style:dashed}.composition-cross{width:20px;height:20px;position:absolute;top:24px;right:28px}.composition-cross:before,.composition-cross:after{content:"";background:var(--surface-soft);position:absolute}.composition-cross:before{width:100%;height:1px;top:50%}.composition-cross:after{width:1px;height:100%;left:50%}.example-timeline{gap:4px;height:12px;display:flex;position:absolute;bottom:23px;left:26px;right:26px}.example-timeline span{background:var(--surface-soft);flex:1}.example-timeline span:nth-child(2){background:var(--surface-soft);flex:1.8}.example-timeline span:nth-child(4){background:var(--surface-soft);flex:.7}.brand-section{border-top:1px solid var(--line-soft)}.folder-preview{border:1px solid var(--line);background:var(--surface);border-radius:10px;max-width:940px;margin:auto;overflow:hidden;box-shadow:0 22px 55px #29231f1a}.folder-chrome{background:var(--surface-raised);border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-family:var(--mono);align-items:center;gap:20px;padding:15px 20px;display:flex}.folder-chrome>svg{margin-left:auto}.window-dots{gap:5px;display:flex}.window-dots i{background:var(--surface-soft);border-radius:50%;width:6px;height:6px}.window-dots i:first-child{background:var(--surface-soft)}.folder-split{grid-template-columns:235px minmax(0,1fr);display:grid}.folder-tree{background:var(--surface);border-right:1px solid var(--line);color:var(--muted);font:10px/1.5 var(--mono);padding:26px 16px}.folder-tree p,.folder-tree>span,.folder-tree button{align-items:center;gap:8px;min-height:28px;display:flex}.folder-tree p{color:var(--text);margin:15px 0 6px}.folder-tree p:first-child{margin-top:0}.folder-tree>span,.folder-tree button{text-align:left;border-radius:4px;width:100%;padding:5px 10px 5px 21px;font-size:10px}.folder-tree button:hover{background:var(--accent-soft)}.folder-tree button.active{background:var(--accent-soft);color:var(--accent)}.folder-document{padding:35px 40px}.folder-document .overline{font-family:var(--mono);color:var(--accent);letter-spacing:.03em;font-size:9px}.folder-document h3{margin:20px 0 25px;font-size:24px}.folder-document>p{color:var(--muted);gap:20px;margin:15px 0;font-size:12px;line-height:1.8;display:flex}.folder-document>p>span{color:var(--muted);font-family:var(--mono);padding-top:2px;font-size:10px}.document-comment{border-top:1px solid var(--line);margin-top:29px;padding-top:23px;font-size:22px;line-height:1.3}.document-comment em{color:var(--muted)}.brand-principles{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:38px;margin-top:26px;font-size:11px;display:flex}.brand-principles>span{align-items:center;gap:8px;display:flex}.brand-principles svg{color:var(--accent)}.agent-section{border-top:1px solid var(--line-soft);grid-template-columns:1fr 1fr;align-items:center;gap:85px;display:grid}.agent-section>div>p{color:var(--muted);max-width:450px;margin:24px 0;font-size:14px;line-height:1.85}.agent-section .agent-small{color:var(--dim);max-width:365px;font-size:11px}.agent-terminal{background:var(--surface);border:1px solid var(--line);font-family:var(--mono);border-radius:10px;overflow:hidden;box-shadow:0 15px 40px #29231f1a}.terminal-chrome{background:var(--surface);color:var(--muted);letter-spacing:.06em;align-items:center;gap:10px;padding:17px 20px;font-size:9px;display:flex}.terminal-dot{margin-left:auto}.agent-prompt{border-bottom:1px solid var(--line);padding:27px}.agent-prompt>span{color:var(--muted);font-size:8px}.agent-prompt>p{font-family:var(--font);color:var(--text);margin-top:12px;font-size:14px;line-height:1.8}.agent-response{color:var(--muted);padding:24px 27px;font-size:11px;line-height:1.85}.agent-response>span{color:var(--accent);align-items:center;gap:8px;margin-bottom:17px;display:flex}.agent-response p{margin:9px 0}.agent-response code{color:var(--text);font-size:10px}.terminal-command{border:1px solid var(--line);color:var(--accent);overflow-wrap:anywhere;border-radius:5px;margin:0 24px 24px;padding:11px 13px;font-size:10px}.faq-section{border-top:1px solid var(--line-soft);grid-template-columns:.8fr 1.2fr;gap:90px;display:grid}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;justify-content:space-between;gap:24px;font-size:15px;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--accent);font-size:21px;line-height:1}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{color:var(--muted);margin-top:16px;padding-right:32px;font-size:13px;line-height:1.8}.final-cta{text-align:center;background:var(--surface);border-block:1px solid var(--line);padding:80px 24px 100px}.final-cta .overline{color:var(--muted)}.final-cta h2{margin:24px 0 30px;font-size:clamp(38px,5vw,66px);line-height:1.12}.marketing-footer{min-height:111px;color:var(--dim);align-items:center;gap:35px;font-size:10px;display:flex}.marketing-footer .logo{color:var(--text)}.marketing-footer>div{align-items:center;gap:26px;margin-left:auto;display:flex}.marketing-footer a:hover{color:var(--text)}.dashboard{min-height:100dvh}.sidebar{width:var(--sidebar);z-index:40;background:var(--surface);border-right:1px solid var(--line-soft);flex-direction:column;padding:28px 18px 0;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-brand{justify-content:space-between;align-items:center;margin-bottom:32px;padding-inline:10px;display:flex}.workspace-picker{margin-bottom:29px;position:relative}.workspace-button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:10px;width:100%;padding:11px;display:flex}.workspace-button>span:nth-child(2){flex:1;min-width:0}.workspace-button strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.workspace-button small{color:var(--dim);margin-top:2px;font-size:10px;display:block}.workspace-avatar,.account-avatar{width:30px;height:30px;color:var(--text);background:var(--surface-raised);border-radius:7px;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.workspace-menu{z-index:45;border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;padding:5px;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 12px 24px #29231f1a}.workspace-menu button{text-align:left;overflow-wrap:anywhere;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 8px;font-size:12px;display:flex}.workspace-menu button:hover,.workspace-menu button.selected{background:var(--surface-raised)}.workspace-menu small{color:var(--muted);font-size:9px}.nav-label{letter-spacing:.15em;color:var(--dim);margin:0 12px 10px;font-size:9px;font-weight:600}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav a{min-height:41px;color:var(--muted);border-radius:6px;align-items:center;gap:12px;padding:11px 13px;font-size:12px;transition:background .15s,color .15s;display:flex}.sidebar nav a:hover{color:var(--text);background:var(--accent-soft)}.sidebar nav a.active{color:var(--accent);background:var(--accent-soft)}.nav-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:44px}.connect-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-bottom:20px;padding:15px;display:block}.connect-card>span:first-child{color:var(--text);align-items:center;gap:9px;font-size:11px;font-weight:500;display:flex}.connect-card>p{color:var(--muted);margin-top:8px;font-size:10px}.connect-card .connect-card-link{color:var(--accent);justify-content:space-between;align-items:center;margin-top:14px;font-size:10px;display:flex}.account-row{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:18px;padding:22px 3px;display:flex}.account-avatar{background:var(--surface-raised);width:31px;height:31px;color:var(--text);border-radius:50%}.account-row>span:nth-child(2){flex:1;min-width:0}.account-row strong,.account-row small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.account-row strong{font-size:11px;font-weight:500}.account-row small{color:var(--dim);margin-top:2px;font-size:9px}.account-row .icon-button{width:26px}.dashboard-main{min-height:100dvh;margin-left:var(--sidebar);flex-direction:column;min-width:0;display:flex}.app-topbar{border-bottom:1px solid var(--line-soft);align-items:center;gap:22px;min-height:72px;padding:0 40px;display:flex}.breadcrumb{color:var(--text);align-items:center;gap:13px;font-size:11px;display:flex}.topbar-status{color:var(--dim);align-items:center;gap:7px;margin-left:auto;font-size:9px;display:flex}.topbar-status i{background:var(--surface-soft);border-radius:50%;width:5px;height:5px}.topbar-help{border-left:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;padding-left:22px;font-size:10px;display:flex}.app-content{flex:1;width:100%;min-width:0;max-width:1480px;margin-inline:auto;padding:38px 40px 60px}.app-footer{border-top:1px solid var(--line-soft);color:var(--muted);justify-content:space-between;gap:20px;padding:20px 40px;font-size:9px;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:31px;display:flex}.page-heading>div{min-width:0}.page-heading h1{overflow-wrap:anywhere;font-size:clamp(29px,2.55vw,39px);font-weight:450}.page-heading .overline{margin-bottom:10px;font-size:9px}.page-heading .muted{max-width:640px;margin-top:12px;font-size:12px}.page-heading>.button{flex-shrink:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:23px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.panel-heading h3{font-size:16px}.panel-heading .text-link{font-size:11px}.panel h3{font-size:18px}.panel>.muted{margin-top:13px}.section-title-row{justify-content:space-between;align-items:flex-end;gap:20px;margin:38px 0 22px;display:flex}.section-title-row .overline{margin-bottom:7px;font-size:9px}.section-title-row .text-link{font-size:11px}.overview-hero{background:var(--surface-raised);border:1px solid var(--line);border-radius:12px;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;padding:35px 39px;display:grid;overflow:hidden}.overview-hero .overline{color:var(--muted);font-size:9px}.overview-hero h2{font-size:38px;line-height:1.12}.overview-hero h2 em{color:var(--text)}.overview-hero>div>p{color:var(--muted);max-width:310px;margin:17px 0 22px;font-size:12px;line-height:1.8}.overview-hero .button{min-height:40px;font-size:11px}.overview-hero-art{padding:7px 24px;position:relative}.art-frame{background:var(--surface-soft);color:var(--muted);aspect-ratio:1.6;border:7px solid var(--line-strong);outline:1px solid var(--line);padding:22px 27px;position:relative;transform:rotate(-5deg)}.art-frame>span,.art-frame small{font-family:var(--mono);letter-spacing:.08em;font-size:6px}.art-frame>p{letter-spacing:-.05em;z-index:1;margin:18px 0 25px;font-size:clamp(21px,2.3vw,32px);line-height:1.1;position:relative}.art-frame>i{border:1px solid var(--line-strong);border-radius:50%;width:75px;height:75px;position:absolute;top:29px;right:17px}.art-frame small{border-top:1px solid var(--line-strong);padding-top:8px;display:block}.art-label{background:var(--surface);border:1px solid var(--line);align-items:center;gap:7px;padding:9px 13px;font-size:9px;display:flex;position:absolute;bottom:-2px;right:0;transform:rotate(3deg)}.art-label>span{background:var(--accent);border-radius:50%;width:5px;height:5px}.stats-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.stats-row>a{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:16px;padding:19px 20px;transition:border-color .2s;display:flex}.stats-row>a:hover{border-color:var(--line)}.stats-row>a>svg:first-child{color:var(--muted)}.stats-row>a>svg:last-child{color:var(--muted);margin-left:auto}.stats-row>a>div>span{color:var(--muted);font-size:10px;display:block}.stats-row strong{margin-top:5px;font-size:26px;font-weight:450;line-height:1.2;display:block}.overview-bottom{grid-template-columns:1.4fr 1fr;gap:20px;margin-top:30px;display:grid}.recent-project{border-top:1px solid var(--line-soft);align-items:center;gap:11px;padding:13px 0;display:flex}.recent-project>div{min-width:0}.recent-project>svg{color:var(--muted);margin-left:auto}.recent-project strong{text-transform:capitalize;font-size:12px;font-weight:500;display:block}.recent-project small{color:var(--dim);margin-top:3px;font-size:10px;display:block}.file-icon,.outline-icon{background:var(--surface-raised);border:1px solid var(--line);width:35px;height:39px;color:var(--muted);border-radius:6px;flex-shrink:0;place-items:center;display:inline-grid}.agent-quickstart{background:var(--surface)}.agent-quickstart .outline-icon{width:38px;height:38px;color:var(--accent);background:0 0;margin-bottom:19px}.agent-quickstart h3{font-size:24px}.agent-quickstart>p:not(.overline){color:var(--muted);max-width:270px;margin:16px 0 20px;font-size:12px}.library-intro{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:28px;margin-bottom:26px;padding:19px 22px;display:flex}.library-intro>div{flex-shrink:0;align-items:center;gap:15px;display:flex}.library-intro>div p{font-size:13px;line-height:1.4}.library-intro strong{color:var(--muted);font-weight:500;display:block}.library-intro>span:not(.chip){color:var(--muted);max-width:390px;font-size:11px}.library-intro .chip{flex-shrink:0;margin-left:auto}.scan-symbol{width:28px;height:28px;color:var(--accent);grid-template-columns:1fr 1fr;gap:8px;display:grid}.scan-symbol i{border:solid}.scan-symbol i:first-child{border-width:1px 0 0 1px}.scan-symbol i:nth-child(2){border-width:1px 1px 0 0}.scan-symbol i:nth-child(3){border-width:0 0 1px 1px}.scan-symbol i:nth-child(4){border-width:0 1px 1px 0}.list-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.search-field{border:1px solid var(--line);background:var(--surface);min-height:43px;color:var(--muted);border-radius:7px;align-items:center;gap:10px;width:min(100%,360px);padding:0 13px;display:flex}.search-field input{min-width:0;box-shadow:none;background:0 0;border:0;outline:none;padding:10px 0}.search-field:focus-within{border-color:var(--line-strong);outline:2px solid var(--line)}.search-field.small{gap:7px;min-height:35px}.search-field.small input{font-size:11px}.filter-tabs{flex-wrap:wrap;gap:5px;display:flex}.filter-tabs button{color:var(--muted);border:1px solid #0000;border-radius:5px;padding:7px 11px;font-size:11px}.filter-tabs button.active{color:var(--text);border-color:var(--line);background:var(--surface-raised)}.filter-tabs button:hover{color:var(--text)}.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;display:grid}.reference-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;transition:border-color .2s,transform .2s;display:block;overflow:hidden}.reference-card:hover{border-color:var(--line);transform:translateY(-3px)}.reference-cover{background:var(--surface-raised);height:218px;position:relative;overflow:hidden}.reference-cover>img{object-fit:cover;object-position:center 20%;width:100%;height:100%;transition:transform .45s}.reference-card:hover .reference-cover>img{transform:scale(1.035)}.cover-placeholder{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:13px;font-size:10px;display:flex}.cover-shade{background:linear-gradient(transparent, var(--accent-soft));pointer-events:none;position:absolute;inset:65% 0 0}.frame-tag{background:var(--accent-soft);border:1px solid var(--line);font:7px/1.5 var(--mono);letter-spacing:.06em;color:var(--text);border-radius:3px;padding:4px 6px;position:absolute;bottom:13px;left:13px}.reference-card-body{padding:18px}.reference-card-meta{color:var(--muted);letter-spacing:.08em;justify-content:space-between;font-size:8px;display:flex}.reference-card-meta>span:last-child{align-items:center;gap:4px;display:flex}.reference-card h3{overflow-wrap:anywhere;margin-top:13px;font-size:17px;line-height:1.3}.reference-card-body>p{color:var(--dim);margin-top:7px;font-size:10px}.reference-card-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-top:19px;padding-top:14px;font-size:10px;display:flex}.library-footnote{color:var(--dim);margin-top:28px;font-size:10px;line-height:1.8}.chip{background:var(--surface-raised);border:1px solid var(--line);color:var(--muted);border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:9px;font-weight:500;line-height:1.5;display:inline-flex}.chip.cyan,.chip.mint{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}.chips{flex-wrap:wrap;gap:7px;display:flex}.detail-meta{flex-wrap:wrap;align-items:center;gap:8px;margin:-10px 0 28px;display:flex}.detail-meta .text-link{margin-left:auto;font-size:10px}.detail-layout{grid-template-columns:minmax(0,1fr) 270px;gap:24px;display:grid}.detail-main{min-width:0}.detail-sidebar{flex-direction:column;gap:17px;display:flex}.detail-sidebar .panel{padding:20px}.detail-sidebar h3{margin-bottom:16px;font-size:16px}.detail-sidebar .overline{font-size:8px}.rule-item{color:var(--muted);gap:9px;margin-top:12px;font-size:11px;line-height:1.85;display:flex}.rule-item>span{background:var(--surface-soft);border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-top:8px}.section-tabs{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:23px;margin-bottom:24px;display:flex;overflow-x:auto}.section-tabs button{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:13px 1px;font-size:11px}.section-tabs button.active{border-color:var(--accent);color:var(--accent)}.section-tabs button:hover{color:var(--text)}.evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.evidence-frame{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:0;position:relative;overflow:hidden}.evidence-frame:hover{border-color:var(--line-strong)}.evidence-frame>img{aspect-ratio:auto;object-fit:contain;object-position:center;background:var(--surface);width:100%;height:auto}.evidence-frame-time{background:var(--accent-soft);font:8px/1.5 var(--mono);border-radius:3px;padding:2px 4px;position:absolute;top:7px;right:7px}.evidence-frame>div{padding:11px}.evidence-frame strong{overflow-wrap:anywhere;font-size:10px;font-weight:500;line-height:1.6;display:block}.evidence-frame>div>span{color:var(--dim);align-items:center;gap:4px;margin-top:7px;font-size:9px;display:flex}.script-panels{flex-direction:column;gap:18px;display:flex}.transcript-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);margin-top:22px;font-size:13px;line-height:1.95}.beat-list>article{border-bottom:1px solid var(--line);gap:15px;padding:23px 0;display:flex}.beat-list>article:first-child{padding-top:4px}.beat-number{color:var(--muted);font-family:var(--mono);font-size:11px}.beat-list article>div{min-width:0}.beat-list article>div>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.beat-list article>div>div>span:not(.chip){color:var(--dim);font-size:9px}.beat-list h3{margin-top:11px;font-size:14px;line-height:1.7}.frame-lightbox{z-index:110;background:var(--accent-soft);place-items:center;padding:42px 24px 22px;display:grid;position:fixed;inset:0;overflow-y:auto}.lightbox-close{background:var(--surface-raised);position:fixed;top:14px;right:18px}.frame-lightbox>div{text-align:center;max-width:85vw}.frame-lightbox img{object-fit:contain;border:1px solid var(--line);width:auto;max-height:calc(100dvh - 150px)}.lightbox-caption{text-align:center;justify-content:space-between;align-items:center;gap:20px;padding-top:17px;display:flex}.lightbox-caption>span{font-size:12px}.lightbox-caption small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.saved-styles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.saved-style-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;transition:transform .2s,border-color .2s;overflow:hidden}.saved-style-card:hover{border-color:var(--line-strong);transform:translateY(-3px)}.saved-style-art{background:var(--surface-soft);min-height:230px;color:var(--muted);flex-direction:column;justify-content:space-between;padding:25px;display:flex;position:relative;overflow:hidden}.saved-style-art>span{z-index:1;font:8px var(--mono);letter-spacing:.1em;position:relative}.saved-style-art>p{z-index:1;font-family:var(--editorial);overflow-wrap:anywhere;max-width:210px;margin:25px 0;font-size:37px;line-height:1.06;position:relative}.saved-style-art>div{width:150px;height:150px;position:absolute;top:25px;right:-30px}.saved-style-art i{border:1px solid var(--line);border-radius:50%;width:100%;height:100%;position:absolute}.saved-style-art i:nth-child(2){top:20px;left:-20px}.saved-style-art i:nth-child(3){top:40px;left:-40px}.art-1 i{border-color:var(--line-strong);border-radius:25%}.art-2 i{border-color:var(--line-strong)}.saved-style-body{justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.saved-style-body h3{font-size:16px}.saved-style-body p{color:var(--muted);margin-top:7px;font-size:10px}.saved-style-body>svg{color:var(--muted)}.new-style-card{border:1px dashed var(--line);background:var(--surface);border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:310px;padding:30px;display:flex}.new-style-card>span:first-child{border:1px solid var(--line);color:var(--accent);border-radius:50%;margin-bottom:25px;padding:10px}.new-style-card h3{font-size:20px}.new-style-card p{color:var(--muted);margin:13px 0 23px;font-size:12px;line-height:1.8}.new-style-card>.text-link{font-size:11px}.brand-selector{border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;gap:15px;margin-bottom:20px;padding:19px 22px;display:flex}.brand-icon{width:41px;height:41px;color:var(--accent);background:var(--surface-raised);border-radius:9px;place-items:center;display:grid}.brand-selector>div{min-width:0}.brand-selector .overline{margin-bottom:2px;font-size:8px;display:block}.brand-selector select{text-transform:capitalize;background:0 0;border:0;width:auto;max-width:280px;height:27px;padding:0 20px 0 0;font-size:16px}.brand-selector>.text-link{margin-left:auto;font-size:10px}.brand-selector .chip{margin-left:8px}.token-layout{grid-template-columns:minmax(0,1.35fr) minmax(220px,.8fr);align-items:start;gap:24px;display:grid}.token-form{flex-direction:column;gap:24px;display:flex}.token-form .panel-heading{margin:0}.token-form>.button{align-self:flex-start}.color-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.color-input{background:var(--surface);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;padding:7px;display:flex}.color-input input[type=color]{border:0;border-radius:3px;flex-shrink:0;width:28px;height:28px;padding:0}.color-input input:not([type=color]){min-width:0;font-family:var(--mono);background:0 0;border:0;padding:0;font-size:10px}.token-preview{border:1px solid var(--line);border-radius:9px;flex-direction:column;justify-content:space-between;min-height:420px;padding:29px;display:flex;overflow:hidden}.token-preview .overline{color:inherit;opacity:.75;font-size:8px}.token-preview>div>p{letter-spacing:-.045em;font-size:40px;line-height:1.1}.token-preview small{font-size:10px;display:block}.token-preview-rule{width:48px;height:3px;margin:26px 0 14px;display:block}.token-preview-foot{letter-spacing:.12em;opacity:.65;font-size:7px}.form-stack{flex-direction:column;gap:21px;margin-top:26px;display:flex}.form-stack>.button{align-self:stretch}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid .span-2,.form-grid .full{grid-column:1/-1}label{color:var(--text);flex-direction:column;gap:9px;font-size:12px;font-weight:500;display:flex}label>small{color:var(--dim);font-size:10px;font-weight:400}input,textarea,select{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:6px;outline:none;min-width:0;padding:11px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{resize:vertical;line-height:1.7}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;accent-color:var(--accent)}input[type=file]{font-size:11px}input[type=file]::file-selector-button{border:1px solid var(--line);background:var(--surface-raised);color:var(--text);font:inherit;cursor:pointer;border-radius:4px;margin-right:13px;padding:7px 11px}select option{color:var(--text);background:var(--surface)}.files-workbench{border:1px solid var(--line);background:var(--surface);border-radius:9px;grid-template-columns:250px minmax(0,1fr);display:grid;overflow:hidden}.files-workbench>div{min-width:0}.file-explorer{background:var(--surface);border-right:1px solid var(--line);min-height:550px;padding:17px 12px}.explorer-header{color:var(--muted);align-items:center;gap:8px;padding:0 5px 17px;font-size:11px;display:flex}.explorer-header strong{font-weight:500}.file-list{scrollbar-width:thin;max-height:630px;margin-top:14px;overflow-y:auto}.file-list>button{text-align:left;width:100%;color:var(--muted);border-radius:4px;align-items:flex-start;gap:9px;padding:10px 8px;display:flex}.file-list>button>svg{margin-top:3px}.file-list>button>span{min-width:0}.file-list strong{font-size:11px;font-weight:500;display:block}.file-list small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin-top:4px;font-size:8px;display:block;overflow:hidden}.document-editor{background:var(--surface);border:1px solid var(--line);border-radius:9px;min-width:0;overflow:hidden}.files-workbench .document-editor{border:0;border-radius:0}.editor-header{justify-content:space-between;align-items:center;gap:20px;padding:22px 25px;display:flex}.editor-header>div{min-width:0}.editor-header h3{overflow-wrap:anywhere;font-size:18px}.editor-header p{color:var(--muted);max-width:590px;margin-top:7px;font-size:11px;line-height:1.8}.editor-header>button{flex-shrink:0}.editor-filebar{background:var(--surface);border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:13px;padding:10px 24px;display:flex}.editor-filebar>span{font:9px/1.6 var(--mono);color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;display:flex}.editor-filebar .chip{flex-shrink:0}.code-editor{background:var(--surface);width:100%;min-height:410px;color:var(--text);font:12px/1.95 var(--mono);tab-size:2;border:0;border-radius:0;padding:28px 25px;display:block}.code-editor:focus{box-shadow:inset 2px 0 0 var(--accent)}.document-editor.compact .code-editor{min-height:260px}.editor-bottom{border-top:1px solid var(--line);color:var(--muted);font:8px/1.6 var(--mono);justify-content:space-between;gap:15px;padding:10px 24px;display:flex}.document-editor>.notice{margin:15px 22px}.auth-layout{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.auth-story{background:var(--surface-raised);flex-direction:column;justify-content:space-between;padding:43px 64px 35px;display:flex;position:relative;overflow:hidden}.auth-story>div{padding-block:55px}.auth-story h1{font-size:clamp(38px,4.3vw,63px);font-weight:450;line-height:1.15}.auth-story p{color:var(--muted);margin-top:22px;font-size:13px}.auth-story .overline{color:var(--muted);margin-bottom:22px;font-size:9px;display:block}.auth-story-bottom{color:var(--muted);font-size:10px}.auth-art{width:210px;height:115px;margin-top:48px;position:relative}.auth-art>i{border:1px solid var(--line-strong);border-radius:50%;width:105px;height:105px;position:absolute}.auth-art>i:nth-child(2){left:44px}.auth-art>i:nth-child(3){left:88px}.auth-art>span{color:var(--muted);font:8px/1 var(--mono);letter-spacing:.13em;position:absolute;bottom:-22px;left:0}.auth-main{flex-direction:column;min-width:0;padding:40px 56px;display:flex}.auth-main>.back-link{font-size:11px}.auth-form-wrap{width:100%;max-width:380px;margin:auto;padding:35px 0 65px}.auth-symbol{background:var(--surface-raised);width:49px;height:49px;color:var(--accent);border:1px solid var(--line);border-radius:12px;place-items:center;margin-bottom:25px;display:inline-grid}.auth-form-wrap h2{font-size:35px;line-height:1.15}.auth-form-wrap>p:not(.auth-switch){color:var(--muted);margin-top:13px;font-size:13px}.auth-form-wrap .form-stack{margin-top:30px}.auth-form-wrap .form-stack .button{margin-top:6px}.password-field{position:relative}.password-field .icon-button{position:absolute;top:4px;right:4px}.auth-switch{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:27px;font-size:11px;display:flex}.auth-switch .text-link{padding:0;font-size:11px}.auth-bottom-note{border-top:1px solid var(--line);color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:35px;padding-top:22px;font-size:9px;display:flex}.forgot-link{text-align:right;color:var(--accent);align-self:flex-end;margin-top:-9px;font-size:11px}.device-page{flex-direction:column;justify-content:center;align-items:center;gap:33px;min-height:100dvh;padding:47px 24px;display:flex}.device-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;width:min(100%,500px);padding:37px;box-shadow:0 20px 80px #29231f1a}.device-card>p{margin-top:14px;font-size:13px}.device-card .button-row{justify-content:flex-end}.device-code{font-family:var(--mono);letter-spacing:.18em;text-align:center;font-size:20px}.device-request{border:1px solid var(--line);background:var(--surface-raised);border-radius:7px;flex-direction:column;gap:10px;padding:18px;display:flex}.device-request>strong{font-size:13px;font-weight:500}.device-request>code{color:var(--accent);letter-spacing:.15em;font-size:23px}.device-request>small{color:var(--muted);font-size:10px}.session-loading{flex-direction:column;justify-content:center;align-items:center;gap:35px;min-height:100dvh;padding:30px;display:flex}.loading{color:var(--muted);justify-content:center;align-items:center;gap:13px;padding:65px 20px;font-size:12px;display:flex}.loading svg{color:var(--muted)}.spin{animation:1.2s linear infinite spin}.empty{text-align:center;flex-direction:column;align-items:center;padding:55px 27px;display:flex}.empty-icon{border:1px solid var(--line);width:50px;height:50px;color:var(--muted);background:var(--surface-raised);border-radius:13px;place-items:center;margin-bottom:20px;display:grid}.empty h3{font-size:19px}.empty p{max-width:360px;color:var(--muted);margin:12px 0 21px;font-size:12px;line-height:1.8}.notice{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:7px;align-items:flex-start;gap:11px;margin:15px 0;padding:13px 15px;font-size:12px;line-height:1.7;display:flex}.notice>svg{margin-top:2px}.notice>span{flex:1;min-width:0}.notice.error{background:var(--accent-soft);border-color:var(--line);color:var(--danger)}.notice.success{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}.notice .text-button{font-size:10px}.modal-backdrop{z-index:100;background:var(--accent-soft);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--line);border-radius:13px;width:min(100%,510px);max-height:calc(100dvh - 48px);padding:35px;animation:.2s both reveal;position:relative;overflow-y:auto;box-shadow:0 30px 100px #29231f1a}.modal-close{position:absolute;top:11px;right:11px}.modal h2{margin-bottom:13px;padding-right:12px;font-size:29px}.modal>.muted{font-size:12px;line-height:1.8}.modal>.overline{color:var(--muted);font-size:8px}.toast{bottom:25px;left:calc(50% + var(--sidebar)/2);z-index:120;border:1px solid var(--line);background:var(--surface-raised);width:max-content;max-width:min(560px,100vw - 32px);color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:13px 18px;font-size:12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 7px 24px #29231f1a}.project-grid,.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;gap:16px;min-width:0;padding:24px;transition:border-color .2s;display:flex}.project-card:hover{border-color:var(--line)}.project-card h3{overflow-wrap:anywhere;font-size:20px}.project-card p{color:var(--muted);font-size:12px;line-height:1.8}.project-card-top,.project-card-bottom{justify-content:space-between;align-items:center;gap:15px;display:flex}.project-card-top{color:var(--muted)}.project-card-bottom{border-top:1px solid var(--line);color:var(--dim);margin-top:auto;padding-top:16px;font-size:10px}.project-layout,.settings-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:24px;display:grid}.project-main,.project-sidebar,.settings-main,.settings-sidebar{flex-direction:column;gap:22px;min-width:0;display:flex}.project-summary{flex-wrap:wrap;gap:15px;margin:0 0 25px;display:flex}.project-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.upload-zone{border:1px dashed var(--line);background:var(--surface);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:28px;display:flex}.upload-zone p{color:var(--muted);font-size:12px}.upload-zone svg{color:var(--accent)}.asset-list{flex-direction:column;gap:8px;display:flex}.asset-row,.key-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;min-width:0;padding:15px 0;font-size:12px;display:flex}.asset-row>div,.key-row>div{flex:1;min-width:0}.asset-row strong,.key-row strong{overflow-wrap:anywhere;font-weight:500;display:block}.asset-row small,.key-row small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.connection-card,.settings-section{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-bottom:22px;padding:27px}.connection-card h3,.settings-section h3{font-size:22px}.connection-card>p,.settings-section>p{color:var(--muted);margin:14px 0;font-size:12px}.code-block,.command-block{background:var(--surface);border:1px solid var(--line);font:11px/1.8 var(--mono);color:var(--muted);border-radius:7px;margin:18px 0;padding:19px;position:relative;overflow-x:auto}.code-block pre,.command-block pre{margin:0}.code-block>.button,.command-block>.button{margin-top:14px}.settings-tabs{flex-direction:column;gap:6px;display:flex}.settings-tabs button,.settings-tabs a{text-align:left;color:var(--muted);border-radius:6px;padding:11px 14px;font-size:12px}.settings-tabs .active{color:var(--accent);background:var(--accent-soft)}.warning-note{color:var(--muted);border:1px solid var(--line);background:var(--surface-raised);border-radius:7px;padding:14px;font-size:11px;line-height:1.8}.key-reveal{font:11px/1.8 var(--mono);background:var(--surface-raised);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:7px;padding:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:500}th,td{border-bottom:1px solid var(--line);padding:15px 12px}td{overflow-wrap:anywhere}.workflow-section{scroll-margin-top:22px}.agent-context{color:var(--muted);font:10px/1.8 var(--mono);padding:24px 27px 28px}.agent-context>span{color:var(--muted);letter-spacing:.09em;margin-bottom:18px;font-size:8px;display:block}.agent-context>p{align-items:center;gap:10px;margin:12px 0;display:flex}.agent-context>p>svg{color:var(--accent)}.agent-context>div{border-top:1px solid var(--line);color:var(--accent);font-family:var(--font);align-items:center;gap:10px;margin-top:23px;padding:13px 0 0;font-size:11px;display:flex}.agent-context>div>svg:last-child{margin-left:auto}.faqs details{border-bottom:1px solid var(--line);padding:22px 0}.faqs details:first-child{padding-top:0}.faqs summary{cursor:pointer;justify-content:space-between;gap:24px;font-size:15px;list-style:none;display:flex}.faqs summary::-webkit-details-marker{display:none}.faqs summary>span{color:var(--accent);font-size:21px;line-height:1}.faqs details[open] summary>span{transform:rotate(45deg)}.faqs details>p{color:var(--muted);margin-top:16px;padding-right:30px;font-size:13px;line-height:1.85}.project-icon{background:var(--surface-raised);border:1px solid var(--line);width:43px;height:43px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.project-card>.chip{align-self:flex-start}.project-card-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:15px;margin-top:auto;padding-top:18px;font-size:10px;display:flex}.project-card-footer>span{overflow-wrap:anywhere;min-width:0}.project-card-footer>span:last-child{color:var(--dim);flex-shrink:0}.optional{color:var(--dim);margin-top:-6px;font-size:10px;font-weight:400;display:inline}.project-editor-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.project-editor-layout>.form-stack{gap:22px;margin-top:0}.project-editor-layout>.form-stack>.overline{margin-bottom:0}.project-editor-layout .form-grid{grid-template-columns:1fr;gap:20px}.script-editor{background:var(--surface);width:100%;min-height:470px;color:var(--text);border:0;border-radius:0;padding:28px;font-size:15px;line-height:1.95;display:block}.script-editor:focus{box-shadow:inset 2px 0 0 var(--accent)}.export-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:24px;display:grid}.export-layout>.form-stack{margin-top:0}.export-layout .form-stack>.overline{margin-bottom:0}.export-layout h2{font-size:33px;line-height:1.15}.export-layout h2 em{color:var(--accent)}.export-layout .form-stack>.muted{margin-top:0;font-size:12px;line-height:1.8}.export-files{flex-direction:column;gap:8px;display:flex}.export-files>button{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;align-items:center;gap:11px;padding:13px;font-size:11px;display:flex}.export-files>button:hover{border-color:var(--line-strong)}.export-files>button>span{overflow-wrap:anywhere;min-width:0}.export-files>button>svg:last-child{margin-left:auto}.export-warnings{border:1px solid var(--line);background:var(--surface-raised);color:var(--muted);border-radius:7px;margin-top:23px;padding:17px}.export-warnings h4{font-size:12px}.export-warnings p{overflow-wrap:anywhere;margin-top:10px;font-size:10px;line-height:1.85}.upload-zone>h3{font-size:25px}.upload-zone>small{color:var(--dim);font-size:10px}.upload-zone>label.button{cursor:pointer;flex-direction:row;margin-block:5px;position:relative}.upload-zone>label.disabled{opacity:.55;cursor:wait}.upload-zone>label>input[type=file]{opacity:0;width:100%;height:100%;cursor:inherit;position:absolute;inset:0}.upload-zone>label:focus-within{outline:2px solid var(--accent);outline-offset:4px}.media-list{flex-direction:column;gap:10px;margin-top:22px;display:flex}.media-item{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:15px;padding:18px 21px;display:flex}.media-item>div{flex:1;min-width:0}.media-item strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;display:block}.media-item small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.media-item .button{flex-shrink:0}.connect-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:23px;display:grid}.cli-panel,.mcp-panel{padding:28px}.connection-title{align-items:center;gap:14px;margin-bottom:20px;display:flex}.connection-title .outline-icon{width:45px;height:45px}.connection-title .overline{margin-bottom:7px;font-size:8px}.connection-title h2{font-size:25px}.cli-panel>.muted,.mcp-panel>.muted{font-size:12px;line-height:1.9}.command-step{margin-top:26px}.command-step>p{color:var(--text);margin-bottom:11px;font-size:11px}.command-step>p>span{font:9px var(--mono);color:var(--muted);margin-right:11px}.command-box{border:1px solid var(--line);background:var(--surface);border-radius:6px;flex-direction:column;align-items:flex-start;gap:14px;padding:15px;display:flex}.command-box>code{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:10px;line-height:1.9}.command-box .button{min-height:29px;padding:5px 8px;font-size:9px}.cli-panel>.notice{color:var(--muted);background:var(--surface);border-color:var(--line);margin-top:26px;margin-bottom:0;font-size:10px}.mcp-panel>.outline-icon{background:var(--surface-raised);width:43px;height:43px;color:var(--accent);margin-bottom:24px}.mcp-panel>.overline{font-size:8px}.mcp-panel>h2{font-size:29px;line-height:1.16}.mcp-panel>p{margin-block:20px}.mcp-panel>label{margin-top:27px;font-size:10px}.endpoint-field{border:1px solid var(--line);background:var(--surface);border-radius:6px;flex-direction:column;align-items:flex-start;gap:10px;padding:12px;display:flex}.endpoint-field>code{color:var(--text);overflow-wrap:anywhere;width:100%;font-size:9px}.endpoint-field .button{min-height:28px;padding:4px 8px;font-size:9px}.mcp-config{border-bottom:1px solid var(--line);margin-top:23px;padding-bottom:20px}.mcp-config>summary{cursor:pointer;color:var(--text);font-size:11px}.mcp-config>pre{color:var(--muted);padding:15px 10px;font-size:9px;line-height:1.9}.mcp-config .button{font-size:9px}.mcp-panel>.button{font-size:11px}.keys-table{min-width:0}.keys-table-head,.keys-table .key-row{grid-template-columns:minmax(0,1fr) 100px 85px 32px;align-items:center;gap:16px;display:grid}.keys-table-head{border-bottom:1px solid var(--line);letter-spacing:.1em;color:var(--muted);padding:13px 0;font-size:8px}.keys-table .key-row{padding-block:18px;font-size:11px}.keys-table .key-row>span:first-child{min-width:0;color:var(--muted);align-items:center;gap:9px;display:flex}.keys-table .key-row strong{min-width:0;font-size:11px}.keys-table .key-row>.chip{justify-self:start;font-size:9px}.text-cyan{color:var(--accent)}.account-settings{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.account-settings .panel>h3{font-size:24px}.account-settings .panel>.muted{font-size:12px}.account-settings>.panel:last-child{grid-column:1/-1}.account-settings>.panel:last-child .form-stack{max-width:450px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:16px 0;font-size:11px;display:flex}.setting-row>span:first-child{color:var(--muted)}.setting-row strong{text-align:right;overflow-wrap:anywhere;font-size:11px;font-weight:500}.setting-row:first-of-type{margin-top:17px}.usage-item{margin-top:29px}.usage-item>div:first-child{color:var(--muted);justify-content:space-between;gap:15px;font-size:10px;display:flex}.usage-item>div:first-child>span:last-child{font:9px/1.7 var(--mono);color:var(--muted);flex-shrink:0}.usage-track{background:var(--surface-raised);border-radius:3px;height:5px;margin-top:12px;overflow:hidden}.usage-track>i{border-radius:inherit;background:var(--accent);height:100%;display:block}.secret-box{border:1px solid var(--line);background:var(--surface);border-radius:7px;flex-direction:column;align-items:flex-start;gap:17px;margin-block:25px;padding:18px;display:flex}.secret-box>code{color:var(--text);overflow-wrap:anywhere;width:100%;font-size:11px;line-height:1.9}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.hero{padding-block:120px 135px}.app-content{padding-block:48px 70px}.reference-cover{height:250px}}@media (max-width:1200px){:root{--sidebar:220px}.marketing-nav,.hero,.marketing-section,.marketing-footer{width:calc(100% - 72px)}.marketing-nav{gap:22px}.marketing-nav>nav{gap:18px}.marketing-nav>nav a{font-size:11px}.hero{gap:50px}.hero h1{font-size:clamp(50px,5.8vw,68px)}.hero-actions{align-items:flex-start}.hero .button.large{padding-inline:16px;font-size:12px}.floating-note{right:-15px}.stage-foot>span:last-child{display:none}.app-content{padding:32px 28px 48px}.app-topbar,.app-footer{padding-inline:28px}.sidebar{padding-inline:13px}.logo-small{font-size:18px}.overview-hero{padding:30px}.overview-hero h2{font-size:34px}.overview-hero-art{padding-inline:7px}.art-frame{padding:17px}.stats-row{gap:12px}.stats-row>a{gap:10px;padding:17px 14px}.stats-row>a>svg:last-child{display:none}.stats-row>a>div>span{font-size:9px}.reference-grid,.saved-styles-grid,.project-grid,.projects-grid{gap:15px}.reference-cover{height:190px}.reference-card-body{padding:15px}.reference-card h3{font-size:15px}.detail-layout{grid-template-columns:minmax(0,1fr) 235px;gap:17px}.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-intro{gap:18px}.library-intro>span:not(.chip){font-size:10px}.list-toolbar{flex-wrap:wrap}.files-workbench{grid-template-columns:215px minmax(0,1fr)}.color-fields{gap:9px}.token-layout{grid-template-columns:minmax(0,1.4fr) minmax(180px,.8fr);gap:16px}.token-preview{padding:22px}.token-preview>div>p{font-size:33px}.token-form{padding:20px}.form-grid{gap:14px}.library-teaser,.agent-section,.faq-section{gap:55px}.auth-story{padding-inline:40px}.auth-main{padding-inline:36px}}@media (max-width:960px){.mobile-only{display:inline-flex!important}.marketing-nav{gap:20px;min-height:79px;position:relative}.marketing-nav>.nav-cta{margin-left:auto}.marketing-nav>nav{z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:0 0 8px 8px;padding:18px 23px;display:none;position:absolute;top:calc(100% + 1px);left:-20px;right:-20px;box-shadow:0 15px 30px #29231f1a}.marketing-nav>nav.open{flex-direction:column;align-items:stretch;gap:0;display:flex}.marketing-nav>nav a{justify-content:space-between;padding:12px 0;font-size:14px}.hero{gap:38px;padding-block:70px 85px}.hero h1{font-size:53px}.hero .eyebrow{font-size:8px}.hero-copy>p{font-size:13px}.hero-actions{gap:7px}.hero-actions>.quiet{padding-left:0}.hero-note{gap:10px;font-size:9px}.canvas-title{font-size:29px}.canvas-counter{font-size:60px}.floating-note{padding:9px 11px;right:-7px}.floating-note strong{font-size:10px}.floating-note small{font-size:8px}.canvas-caption{font-size:6px}.canvas-baseline{margin-top:17px;font-size:5px}.stage-foot{font-size:7px}.hero-stage{padding:11px}.direction-canvas{padding-inline:13px}.sidebar{width:264px;transition:transform .22s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-overlay{background:var(--accent-soft);z-index:35;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;inset:0}.dashboard-main{margin-left:0}.app-topbar{gap:13px}.app-content{padding-inline:30px}.toast{left:50%}.sidebar-brand{margin-bottom:24px}.sidebar .logo-small{font-size:20px}.topbar-status{font-size:8px}.marketing-section{padding-block:80px}.steps-grid article{padding:25px}.steps-grid h3{font-size:18px}.steps-grid p{font-size:12px}.brand-principles{gap:24px;font-size:10px}.library-teaser,.agent-section{gap:35px}.folder-split{grid-template-columns:205px minmax(0,1fr)}.folder-document{padding:30px}.marketing-footer{gap:22px}.marketing-footer>div{gap:17px}.auth-story{padding-inline:30px}.auth-story h1{font-size:43px}.auth-main{padding-inline:30px}.auth-form-wrap h2{font-size:29px}}@media (max-width:720px){.marketing-nav,.hero,.marketing-section,.marketing-footer{width:calc(100% - 40px)}.marketing-nav>.nav-cta{display:none}.marketing-nav>.mobile-only{margin-left:auto}.marketing-nav .logo{font-size:22px}.marketing-nav{min-height:76px}.marketing-nav>nav{left:0;right:0}.hero{grid-template-columns:1fr;gap:48px;padding-block:52px 60px}.hero-copy{max-width:520px}.hero h1{font-size:clamp(49px,9vw,68px);line-height:1.06}.hero .eyebrow{letter-spacing:.12em;margin-bottom:23px;font-size:8px}.hero-copy>p{max-width:440px;margin-top:24px;font-size:14px}.hero-actions{gap:8px;margin-top:25px}.hero .button.large{min-height:49px;font-size:12px}.hero-actions .quiet{padding-left:14px;font-size:12px}.hero-note{margin-top:17px;font-size:10px}.hero-stage{width:100%;max-width:480px;margin:auto;padding:13px}.direction-canvas{aspect-ratio:1.14;padding-inline:19px}.canvas-title{margin-bottom:16px;font-size:clamp(32px,6vw,43px)}.canvas-counter{font-size:66px;top:11%}.canvas-orbit{width:38%;top:1%}.canvas-caption{font-size:7px}.canvas-baseline{margin-top:21px;font-size:6px}.floating-note{top:34%;right:3px}.stage-foot{font-size:8px}.stage-foot>span:last-child{display:inline}.preview-tabs button{min-height:35px;font-size:11px}.canvas-rulers{font-size:6px}.compatibility{padding:29px 20px}.compatibility>div{gap:18px 26px;font-size:15px}.compatibility>p{font-size:8px}.compatibility .compat-divider{display:none}.compatibility>small{max-width:320px;margin-inline:auto;font-size:9px;line-height:1.8}.marketing-section{padding-block:65px}.marketing-section h2{font-size:37px}.section-heading{text-align:left;margin-bottom:29px}.section-heading .eyebrow{justify-content:flex-start}.section-heading>p{margin-top:20px;font-size:13px}.eyebrow{margin-bottom:19px;font-size:8px}.steps-grid{grid-template-columns:1fr}.steps-grid article{padding:26px}.steps-grid article+article{border-left:0;border-top:1px solid var(--line)}.step-top{margin-bottom:24px}.steps-grid h3{font-size:22px}.steps-grid p{max-width:470px;font-size:13px}.library-teaser,.agent-section,.faq-section{grid-template-columns:1fr;gap:35px}.library-teaser-copy>p,.agent-section>div>p{font-size:13px}.library-stats{margin-top:29px}.evidence-art{width:100%;max-width:500px;margin-inline:auto;padding:15px;transform:none}.evidence-composition{aspect-ratio:1.22}.evidence-composition>p{font-size:34px}.folder-split{grid-template-columns:150px minmax(0,1fr)}.folder-tree{padding:20px 9px;font-size:8px}.folder-tree>span,.folder-tree button{gap:5px;padding-left:14px;font-size:8px}.folder-tree p{gap:5px;font-size:8px}.folder-tree svg{width:11px}.folder-document{padding:25px 18px}.folder-document h3{margin:17px 0 20px;font-size:21px}.folder-document>p{gap:9px;font-size:11px}.folder-document>p>span{font-size:8px}.document-comment{font-size:20px}.folder-chrome{gap:12px;padding:13px 12px;font-size:8px}.brand-principles{flex-direction:column;align-items:flex-start;gap:12px;font-size:11px}.agent-section>div>.agent-small{font-size:11px}.faq-list summary{font-size:14px}.final-cta{padding:65px 22px}.final-cta h2{font-size:43px}.marketing-footer{flex-wrap:wrap;gap:17px;padding-block:26px}.marketing-footer>span{margin-left:auto;font-size:9px}.marketing-footer>div{justify-content:flex-start;width:100%;margin:0;padding-top:5px}.marketing-footer>div>span:last-child{margin-left:auto}.app-topbar{min-height:63px;padding-inline:17px}.topbar-status{display:none}.topbar-help{margin-left:auto;padding-left:12px;font-size:9px}.breadcrumb{gap:9px;font-size:10px}.app-content{padding:29px 20px 45px}.app-footer{padding:18px 20px;font-size:8px}.app-footer>span:last-child{display:none}.page-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:25px}.page-heading h1{font-size:31px;line-height:1.12}.page-heading .muted{font-size:12px;line-height:1.8}.page-heading .overline{font-size:8px}.page-heading>.button{min-height:40px;font-size:11px}.overview-hero{grid-template-columns:1fr;gap:33px;padding:28px}.overview-hero h2{font-size:36px}.overview-hero>div>p{max-width:370px}.overview-hero-art{width:88%;max-width:340px;margin:0 auto 10px}.art-frame>p{font-size:33px}.art-frame{padding:21px}.stats-row{gap:8px;margin-top:14px}.stats-row>a{flex-direction:column;align-items:flex-start;gap:13px;padding:15px 11px}.stats-row>a>div>span{min-height:27px;font-size:9px;line-height:1.5;display:block}.stats-row strong{margin-top:7px;font-size:26px}.section-title-row{align-items:flex-start;gap:15px;margin-top:32px}.section-title-row h2{font-size:24px;line-height:1.15}.section-title-row>.text-link{flex-shrink:0;max-width:105px;padding-top:21px;font-size:10px}.section-title-row .overline{font-size:8px}.overview-bottom{grid-template-columns:1fr;gap:18px}.panel{padding:21px}.panel-heading h3{font-size:16px}.agent-quickstart h3{font-size:27px}.reference-grid,.saved-styles-grid,.project-grid,.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.reference-cover{height:220px}.reference-card-body{padding:15px 12px}.reference-card h3{font-size:15px}.reference-card-bottom{gap:8px;font-size:9px}.reference-card-meta{font-size:7px}.overview-references .reference-card:last-child{display:none}.library-intro{flex-wrap:wrap;gap:16px;padding:18px}.library-intro>span:not(.chip){order:3;max-width:100%;font-size:11px}.library-intro>div{gap:11px}.library-intro>div>p{font-size:12px}.library-intro .chip{padding:4px 6px;font-size:8px}.scan-symbol{width:24px;height:24px}.search-field{width:100%;max-width:none}.list-toolbar{gap:13px;margin-bottom:22px}.filter-tabs{gap:2px}.filter-tabs button{padding:7px 9px;font-size:10px}.detail-layout{grid-template-columns:1fr}.detail-meta{gap:7px}.detail-meta>.text-link{margin-left:0}.detail-sidebar{grid-template-columns:1fr;display:grid}.evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.evidence-frame strong{font-size:9px}.evidence-frame>div{padding:9px}.evidence-frame>div>span{font-size:8px}.section-tabs{gap:22px;margin-bottom:22px}.section-tabs button{font-size:11px}.saved-style-art{min-height:195px;padding:18px}.saved-style-art>p{font-size:29px}.saved-style-art>span{font-size:7px}.saved-style-body{padding:16px 14px}.saved-style-body h3{font-size:15px}.saved-style-body p{font-size:9px}.new-style-card{min-height:300px;padding:23px}.new-style-card h3{font-size:19px}.new-style-card p{font-size:11px}.brand-selector{flex-wrap:wrap;gap:11px;padding:16px}.brand-selector .chip{margin-left:auto;font-size:8px}.brand-selector select{max-width:175px;font-size:15px}.brand-selector>.text-link{width:100%;margin-left:53px}.brand-selector .overline{font-size:7px}.token-layout{grid-template-columns:1fr}.token-preview{min-height:350px;padding:30px}.token-preview>div>p{font-size:47px}.token-form{gap:24px}.color-fields{gap:10px}.color-input{gap:5px;padding:6px}.color-input input[type=color]{width:25px;height:27px}.color-input input:not([type=color]){font-size:9px}.color-fields label{font-size:10px}.files-workbench{grid-template-columns:1fr}.file-explorer{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:15px}.file-list{grid-template-columns:1fr 1fr;gap:3px;max-height:165px;display:grid}.file-list>button{min-width:0}.file-list strong{font-size:10px}.file-list small{font-size:7px}.explorer-header{padding-bottom:12px}.editor-header{flex-wrap:wrap;align-items:flex-start;gap:16px;padding:20px}.editor-header h3{font-size:19px}.editor-header>.button{font-size:10px}.editor-filebar{align-items:flex-start;padding:10px 17px}.editor-filebar>span{font-size:8px}.editor-filebar>.chip{font-size:7px}.code-editor{min-height:370px;padding:23px 18px;font-size:11px;line-height:1.95}.editor-bottom{flex-wrap:wrap;gap:4px 13px;padding:10px 17px;font-size:7px}input,textarea,select{font-size:16px}label{font-size:12px}.form-grid{grid-template-columns:1fr;gap:20px}.form-grid .span-2,.form-grid .full{grid-column:auto}.search-field input{font-size:14px}.search-field.small input{font-size:12px}.project-layout,.settings-layout{grid-template-columns:1fr}.project-card{padding:19px}.project-card h3{font-size:19px}.connection-card,.settings-section{padding:22px}.code-block,.command-block{padding:14px;font-size:10px}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:0;padding:26px 24px 28px}.auth-story>div{padding:36px 0 10px}.auth-story h1{font-size:34px;line-height:1.1}.auth-story h1 br:first-child{display:none}.auth-story .overline{margin-bottom:14px;font-size:8px}.auth-story p{margin-top:14px;font-size:11px}.auth-story-bottom,.auth-art{display:none}.auth-story>a .logo{font-size:21px}.auth-main{padding:24px}.auth-main>.back-link{margin-bottom:21px;font-size:10px}.auth-form-wrap{max-width:420px;padding:10px 0 22px}.auth-form-wrap>.auth-symbol{display:none}.auth-form-wrap h2{font-size:31px}.auth-form-wrap>p:not(.auth-switch){font-size:12px}.auth-form-wrap .form-stack{margin-top:25px}.auth-bottom-note{font-size:8px}.device-page{gap:25px;padding:31px 20px}.device-card{padding:28px 24px}.device-card h1{font-size:32px}.device-card .button-row{flex-direction:column-reverse;align-items:stretch}.device-request>code{font-size:23px}.modal-backdrop{padding:17px}.modal{max-height:calc(100dvh - 34px);padding:31px 24px}.modal h2{font-size:29px}.notice{flex-wrap:wrap;font-size:11px}.notice .text-button{margin-left:25px}.toast{padding:13px 15px;font-size:11px;bottom:17px}}@media (max-width:430px){.hero h1{font-size:49px}.hero-actions{flex-direction:column;align-items:flex-start;gap:5px}.hero-actions .quiet{min-height:40px;padding-left:0}.hero-note{gap:9px;font-size:9px}.hero-connectors{gap:5px}.direction-canvas{aspect-ratio:1/1.03}.canvas-title{font-size:32px}.canvas-counter{font-size:67px}.canvas-orbit{width:42%;top:8%}.floating-note{top:35%;right:4px}.floating-note .floating-icon{width:23px;height:23px}.canvas-baseline{font-size:5px}.stage-foot{font-size:7px}.marketing-section h2{font-size:35px}.folder-split{grid-template-columns:125px minmax(0,1fr)}.folder-tree{padding-inline:6px}.folder-tree p{gap:4px;font-size:7px}.folder-tree>span,.folder-tree button{padding-left:11px;font-size:8px}.folder-document{padding:23px 13px}.folder-document h3{font-size:21px}.folder-document>p{font-size:10px}.folder-document>p>span{display:none}.document-comment{font-size:18px}.evidence-composition{padding:26px}.evidence-composition>p{font-size:30px}.final-cta h2{font-size:39px}.marketing-footer>span{display:none}.app-content{padding-inline:17px}.app-topbar{gap:9px;padding-inline:12px}.topbar-help{font-size:8px}.breadcrumb{font-size:9px}.page-heading h1{font-size:29px}.overview-hero{padding:25px}.overview-hero h2{font-size:34px}.overview-hero-art{width:100%}.stats-row>a{padding:14px 10px}.stats-row>a>div>span{font-size:8px}.stats-row strong{font-size:25px}.section-title-row h2{font-size:23px}.section-title-row>.text-link{max-width:92px;font-size:9px}.reference-cover{height:192px}.reference-card h3{font-size:14px}.reference-card-body{padding:13px 11px}.reference-card-bottom{font-size:8px}.reference-card-bottom>svg{width:15px}.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-styles-grid,.project-grid,.projects-grid{grid-template-columns:1fr}.saved-style-art{min-height:240px;padding:25px}.saved-style-art>p{font-size:39px}.new-style-card{min-height:245px}.brand-selector select{max-width:144px}.brand-selector .chip{font-size:7px}.color-fields{grid-template-columns:1fr;gap:16px}.color-input{gap:12px;padding:8px 10px}.color-input input:not([type=color]){font-size:12px}.color-input input[type=color]{width:30px;height:30px}.color-fields label{font-size:12px}.auth-story h1{font-size:33px}.auth-form-wrap h2{font-size:29px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reference-card:hover,.saved-style-card:hover,.button.primary:hover:not(:disabled),.reference-card:hover .reference-cover>img{transform:none}}@media (max-width:1200px){.project-editor-layout{grid-template-columns:minmax(0,1fr) 265px;gap:18px}.cli-panel,.mcp-panel{padding:22px}.connect-layout{gap:18px}.connection-title h2{font-size:23px}.mcp-panel>h2{font-size:26px}}@media (max-width:720px){.faqs summary{font-size:14px}.agent-context{padding:23px;font-size:9px}.agent-context>div{font-size:10px}.project-editor-layout,.export-layout,.connect-layout,.account-settings{grid-template-columns:1fr;gap:19px}.project-editor-layout .form-grid{grid-template-columns:1fr 1fr}.script-editor{min-height:370px;padding:22px;font-size:16px}.export-layout h2{font-size:32px}.export-files>button{font-size:10px}.upload-zone{padding:28px 21px}.upload-zone>h3{font-size:23px}.media-item{flex-wrap:wrap;gap:11px;padding:17px}.media-item>.button{margin-left:47px}.media-item strong{font-size:12px}.media-item small{font-size:9px}.connection-title h2{font-size:25px}.mcp-panel>h2{font-size:31px}.command-box>code{font-size:11px}.endpoint-field>code,.mcp-config>pre{font-size:10px}.keys-table-head{display:none}.keys-table .key-row{grid-template-columns:minmax(0,1fr) 85px 32px;gap:13px}.keys-table .key-row>span:first-child{grid-column:1/-1}.keys-table .key-row>.icon-button{grid-column:3}.keys-table .key-row>.chip{font-size:9px}.account-settings>.panel:last-child{grid-column:auto}.usage-item>div:first-child{flex-wrap:wrap;gap:5px 10px}.setting-row,.secret-box>code{font-size:10px}}@media (max-width:430px){.project-editor-layout .form-grid{grid-template-columns:1fr}.connection-title{gap:11px}.connection-title h2{font-size:22px}.connection-title .outline-icon{width:38px;height:38px}}.dashboard{background:var(--bg)}.sidebar{background:var(--surface-soft);border-right-color:var(--line)}.app-topbar{background:var(--bg)}.workspace-button{background:var(--surface);border-color:var(--line)}.workspace-avatar,.account-avatar{background:var(--accent-soft);color:var(--accent)}.workspace-menu{background:var(--surface)}.workspace-menu button:hover,.workspace-menu button.selected{background:var(--accent-soft);color:var(--accent)}.sidebar nav a{color:var(--muted)}.sidebar nav a:hover{background:var(--surface-raised);color:var(--text)}.sidebar nav a.active{background:var(--accent-soft);color:var(--accent)}.nav-label,.dashboard .overline{font-size:10px}.workspace-button small{font-size:11px}.connect-card{background:var(--surface);border-color:var(--line)}.connect-card>span:first-child{color:var(--text);font-size:12px}.connect-card>p{color:var(--muted);font-size:11px}.account-row small,.app-footer{color:var(--muted);font-size:10px}.breadcrumb{color:var(--muted)}.breadcrumb>span{color:var(--terracotta-ink)}.page-heading h1{font-size:clamp(34px,3.3vw,47px);font-weight:450;line-height:1.1}.page-heading .muted{font-size:13px}.panel{border-color:var(--line);box-shadow:0 1px #29231f06}.panel h3{letter-spacing:-.025em}.section-title-row h2{font-size:29px}.overline,.eyebrow{letter-spacing:.13em}.button{border-radius:5px}.button.ivory{color:var(--accent);border-color:var(--line)}.button.danger:hover:not(:disabled){background:var(--danger);color:var(--accent-ink)}.button:disabled{opacity:1;color:var(--dim);background:var(--surface-raised);border-color:var(--line)}.icon-button:disabled{opacity:.5}.button.primary{box-shadow:0 1px 1px #29231f0f}.button.quiet{color:var(--muted)}.text-link:hover,.text-button:hover{color:var(--accent-hover)}.dashboard .button,.auth-layout .button,.device-page .button,.dashboard .text-button,.auth-layout .text-link,.device-page .text-link,.dashboard .back-link,.auth-main .back-link{min-height:44px}.dashboard .icon-button,.auth-layout .icon-button,.device-page .icon-button,.modal .icon-button,.lightbox-close{width:44px;height:44px}.modal .button{min-height:44px}input,textarea,select{background:var(--surface);border-color:var(--control-line)}input,select{min-height:46px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--dim);opacity:1}select option{background:var(--surface);color:var(--text)}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:18px}input[type=file]::file-selector-button{background:var(--surface-raised);color:var(--accent);min-height:44px}.search-field{background:var(--surface);border-color:var(--control-line);min-height:46px}.search-field:focus-within{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.search-field input:focus{box-shadow:none}.filter-tabs button{min-height:44px}.filter-tabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.section-tabs button{min-height:48px;font-size:12px}.chip{background:var(--surface-raised);border-color:var(--line);color:var(--muted);font-size:10px}.chip.cyan,.chip.mint{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}.rule-item{color:var(--muted);font-size:12px}.rule-item>span{background:var(--terracotta)}.reference-card,.saved-style-card,.project-card{border-radius:7px}.reference-card:hover,.saved-style-card:hover,.project-card:hover{border-color:var(--control-line)}.reference-cover,.evidence-frame>img{background:var(--surface-raised)}.cover-shade{background:linear-gradient(transparent, var(--overlay))}.frame-tag,.evidence-frame-time{background:var(--media-overlay);color:var(--accent-ink);border-color:#0000}.frame-lightbox{background:var(--media-overlay);color:var(--accent-ink)}.frame-lightbox .icon-button{background:var(--surface);color:var(--text)}.frame-lightbox .lightbox-caption small{color:var(--accent-ink)}.frame-lightbox img{border-color:var(--line-strong)}.reference-card-meta,.reference-card-body>p{color:var(--muted);font-size:10px}.reference-card-bottom{color:var(--accent);font-size:11px}.saved-style-art{background:var(--accent-soft);color:var(--accent)}.saved-style-art i{border-color:color-mix(in srgb, var(--accent) 36%, transparent)}.saved-style-art.art-1{background:var(--surface-raised);color:var(--terracotta-ink)}.saved-style-art.art-2{background:var(--surface-soft);color:var(--text)}.saved-style-art.art-1 i,.saved-style-art.art-2 i{border-color:var(--terracotta)}.new-style-card{background:var(--surface-soft);border-color:var(--line-strong)}.brand-icon,.project-icon,.outline-icon,.file-icon{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}.color-input{background:var(--surface);border-color:var(--control-line)}.files-workbench{background:var(--surface)}.file-explorer{background:var(--surface-soft)}.file-list>button{color:var(--muted);min-height:44px}.file-list>button.active{background:var(--accent-soft);color:var(--accent)}.file-list>button:hover{background:var(--surface-raised)}.file-list small{color:var(--dim)}.document-editor{background:var(--surface)}.editor-filebar{background:var(--surface-soft)}.editor-filebar>span,.editor-bottom{color:var(--muted)}.editor-filebar>span,.editor-bottom,.file-list small{font-size:10px}.code-editor,.script-editor{background:var(--surface);color:var(--text)}.script-editor{font-family:var(--font)}.code-editor:focus,.script-editor:focus{box-shadow:inset 2px 0 0 var(--accent)}.export-files>button{background:var(--surface-soft);color:var(--accent);border-color:var(--line)}.export-files>button:hover{background:var(--accent-soft);border-color:var(--control-line)}.warning-note,.export-warnings{background:var(--warning-soft);color:var(--warning);border-color:var(--line-strong)}.upload-zone{background:var(--surface-soft);border-color:var(--control-line)}.command-box,.endpoint-field,.code-block,.command-block,.secret-box{background:var(--surface-soft);border-color:var(--line)}.command-box>code,.endpoint-field>code,.mcp-config>pre,.secret-box>code{color:var(--text);font-size:11px}.mcp-panel{background:var(--surface)}.mcp-panel>.outline-icon{background:var(--accent-soft)}.cli-panel>.notice{background:var(--surface-soft);color:var(--muted);border-color:var(--line)}.mcp-config>summary{min-height:44px;color:var(--accent);align-content:center;font-size:12px}.keys-table-head,.keys-table .key-row{grid-template-columns:minmax(0,1fr) 100px 85px 44px}.keys-table .key-row>span:first-child,.usage-item>div:first-child>span:last-child{color:var(--text)}.usage-track{background:var(--line)}.usage-track>i{background:var(--terracotta)}.modal-backdrop,.sidebar-overlay{background:var(--overlay)}.modal{background:var(--surface);border-radius:9px}.modal h2{padding-right:32px;font-size:34px}.notice.error{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 35%, var(--line))}.notice.success{color:var(--accent);background:var(--accent-soft);border-color:var(--line-strong)}.toast{color:var(--accent);background:var(--surface);border-color:var(--accent)}.auth-layout{background:var(--bg)}.auth-story{background:var(--surface-raised);border-right:1px solid var(--line)}.auth-story h1{color:var(--text);max-width:570px;font-size:clamp(43px,4.8vw,70px);line-height:1.05}.auth-story h1 em{color:var(--accent)}.auth-story p,.auth-story .overline,.auth-story-bottom{color:var(--muted)}.auth-story p{max-width:380px;line-height:1.85}.auth-art>i{border-color:var(--terracotta)}.auth-art>i:nth-child(2){border-color:var(--accent)}.auth-art>span{color:var(--terracotta-ink)}.auth-symbol{color:var(--accent);background:var(--accent-soft);border-color:var(--line);border-radius:7px}.auth-form-wrap h2{font-size:39px}.auth-bottom-note{color:var(--muted);font-size:11px}.password-field input{padding-right:48px}.password-field .icon-button{top:1px;right:1px}.auth-switch .text-link{font-weight:600}.device-card{background:var(--surface);border-radius:9px;box-shadow:0 18px 55px #29231f0f}.device-card h1{font-size:37px}.device-request{background:var(--surface-soft)}@media (max-width:720px){.page-heading h1{font-size:35px}.page-heading .muted{font-size:13px}.dashboard .page-heading>.button{min-height:44px}.panel-heading{flex-wrap:wrap}.keys-table .key-row{grid-template-columns:minmax(0,1fr) 85px 44px}.auth-story{border-right:0;border-bottom:1px solid var(--line);padding:28px 24px 26px}.auth-story>div{padding:35px 0 10px}.auth-story h1{max-width:500px;font-size:38px}.auth-story p{font-size:12px}.auth-form-wrap h2{font-size:35px}.auth-bottom-note{text-align:left;align-items:flex-start;font-size:10px;line-height:1.8}.auth-bottom-note svg{flex-shrink:0;margin-top:3px}.modal h2{font-size:32px}.device-card h1{font-size:34px}.frame-lightbox>div{max-width:100%}}@media (max-width:430px){.page-heading h1{font-size:33px}.auth-story h1{font-size:35px}.auth-form-wrap h2{font-size:32px}.section-tabs{gap:20px}.section-tabs button{font-size:12px}}
.logo{gap:9px}.atelier-logo-mark{object-fit:contain;flex-shrink:0;width:28px;height:31px}.atelier-wordmark{font-family:var(--editorial);letter-spacing:-.045em;font-size:27px;font-weight:540;line-height:1}.logo-light{font-weight:410}.logo-period{color:var(--accent)}.logo-small .atelier-logo-mark{width:24px;height:27px}.logo-small .atelier-wordmark{font-size:24px}.sidebar .atelier-wordmark{font-size:25px}@media (max-width:720px){.atelier-wordmark{font-size:26px}.atelier-logo-mark{width:25px;height:28px}}