@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--ink:#0e0e11;--ink2:#1b1b20;--paper:#f4f0e6;--cream:#eeeae0;--white:#fffdf8;--line:#d8d3c8;--orange:#ff4d14;--blue:#2440e8;--lime:#c8f532;--smoke:#726f6a;--mono:"JetBrains Mono",ui-monospace,monospace;--base:"Archivo",Arial,sans-serif;--heavy:"Archivo Black","Arial Black",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--base);margin:0;line-height:1.45}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}a,button,input,textarea,select{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--lime);z-index:100;padding:12px 18px;position:absolute;top:-90px;left:25px}.skip:focus{top:12px}.muted{color:#888782}.app-frame{min-height:100vh;display:flex}.app-sidebar{color:#faf7f0;z-index:20;background:#111114;flex-direction:column;flex:0 0 262px;width:262px;height:100vh;min-height:100vh;padding:25px 18px 23px;display:flex;position:sticky;top:0}.aside-top{border-bottom:1px solid #343438;justify-content:space-between;align-items:center;padding:7px 2px 29px;display:flex}.brand-logo{align-items:center;gap:12px;display:flex}.brand-symbol{font:36px var(--heavy);background:var(--orange);color:#151515;letter-spacing:-4px;place-items:center;width:58px;height:58px;line-height:1;display:grid}.brand-symbol span{color:var(--paper)}.brand-title{flex-direction:column;gap:5px;display:flex}.brand-title strong{font:17px var(--heavy);letter-spacing:-.8px}.brand-title small{font:8.5px var(--mono);color:#aaa79f;letter-spacing:1.2px}.sidebar-category{font:10px var(--mono);letter-spacing:1.5px;color:#7e7d79;margin:39px 12px 14px}.sidebar-links{flex-direction:column;gap:5px;display:flex}.sidebar-link{color:#b9b7b3;border:1px solid #0000;align-items:center;gap:13px;padding:13px 11px;font-size:12.5px;font-weight:700;transition:all .12s;display:flex}.sidebar-link span{flex:1}.sidebar-link small{font:10px var(--mono);color:#696968}.sidebar-link:hover{color:#fff;background:#252528}.sidebar-link.active{color:#fff;background:#262321;border-color:#5b4037}.sidebar-link.active svg,.sidebar-link.active small{color:var(--orange)}.aside-fill{flex:1}.sidebar-separator{background:#343438;height:1px;margin:12px 0 24px}.sidebar-system{color:#c2bfb8;font:9px var(--mono);align-items:center;gap:8px;display:flex}.system-indicator{background:var(--lime);width:7px;height:7px;display:inline-block}.system-code{color:#73716b;margin-left:auto}.sidebar-note{font:10px/1.85 var(--mono);color:#92908d;max-width:190px;margin:19px 0 30px}.sidebar-bottom{border-top:1px solid #333336;flex-direction:column;gap:6px;padding-top:18px;display:flex}.sidebar-bottom span{font:9px var(--mono);color:#a9a6a1;letter-spacing:1px}.sidebar-bottom strong{font:11px var(--heavy);letter-spacing:.4px}.aside-mobile-close,.mobile-menu,.mobile-shade{display:none}.app-content{flex:1;min-width:0;max-width:calc(100% - 262px)}.app-toolbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:15px;height:68px;padding:0 39px;display:flex}.toolbar-context{font:10px var(--mono);letter-spacing:1px;align-items:center;gap:12px;display:flex}.toolbar-context>span:first-of-type{font-weight:700}.toolbar-slash{color:var(--orange)}.toolbar-right{align-items:center;gap:20px;display:flex}.toolbar-draft{font:9px var(--mono);letter-spacing:.6px;align-items:center;gap:7px;display:flex}.toolbar-draft>span{background:#eaa03a;border-radius:50%;width:7px;height:7px;display:inline-block}.toolbar-user,.toolbar-signin{font:11px var(--mono);border:none;border-left:1px solid var(--line);color:var(--ink);background:0 0;align-items:center;gap:10px;padding-left:15px;display:flex}.toolbar-user:first-letter{font-weight:900}.toolbar-editor-code{font:10px var(--mono);color:#6c6862}.workspace-body{max-width:1700px;margin:auto;padding:41px clamp(22px,3.8vw,60px) 45px}.workspace-body-full{max-width:none;padding:24px 30px 48px}.screen-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px;display:flex}.screen-heading h1{font:clamp(24px,3.4vw,45px)/1.04 var(--heavy);letter-spacing:-1.8px;margin:8px 0 0}.caption-label{font:10px var(--mono);letter-spacing:1.45px;color:#76726d;font-weight:600}.heading-mark{font:11px var(--mono);color:#716d66}.heading-mark span{font:27px var(--heavy);color:var(--orange);vertical-align:middle}h1,h2,h3,p{margin-top:0}.hero-showcase{background:var(--ink);min-height:433px;color:var(--paper);grid-template-columns:54% 46%;display:grid;overflow:hidden}.hero-copy{flex-direction:column;align-items:flex-start;padding:clamp(31px,4.4vw,62px);display:flex;position:relative}.cap-tag{font:9px var(--mono);letter-spacing:1.3px;color:#ccc8c0;align-items:center;gap:10px;display:flex}.signal-square{background:var(--orange);width:8px;height:8px}.hero-copy h2{font:clamp(54px,5.7vw,100px)/.98 var(--heavy);letter-spacing:-4px;margin:25px 0}.hero-copy h2 em{color:var(--orange);font-style:normal}.hero-copy p{font:15px/1.65 var(--base);color:#ccc7be;max-width:390px;margin-bottom:26px}.button-primary{background:var(--orange);min-height:49px;color:var(--ink);border:2px solid var(--orange);font:11px var(--mono);letter-spacing:.5px;justify-content:space-between;align-items:center;gap:16px;padding:12px 17px;font-weight:700;transition:background .15s;display:inline-flex}.button-primary:hover:not(:disabled){background:#ff865f;border-color:#ff865f}.hero-copy-meta{font:9px var(--mono);color:#b6b2aa;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:30px;display:flex}.hero-copy-meta span{color:var(--orange)}.hero-visual{background:#252524;flex-direction:column;display:flex;overflow:hidden}.hero-art-top,.hero-art-bottom{font:10px var(--mono);letter-spacing:1.2px;justify-content:space-between;padding:19px 25px;display:flex}.hero-art-top{border-bottom:1px solid #515050}.hero-art-bottom{border-top:1px solid #515050;margin-top:auto}.hero-art-bottom>span:last-child{color:var(--orange);font-size:29px;line-height:12px}.hero-visual img{-o-object-fit:cover;object-fit:cover;flex:1;width:100%;height:100%;min-height:0}.metric-row{border:1px solid var(--line);background:#e9e5db;grid-template-columns:repeat(4,1fr);margin-bottom:58px;display:grid}.metric-row>div{border-right:1px solid var(--line);flex-direction:column;gap:6px;padding:25px 23px;display:flex}.metric-row>div:last-child{border-right:0}.metric-row p{font:9px var(--mono);letter-spacing:.9px;color:#6e6961;margin:0}.metric-row strong{font:43px/1.3 var(--heavy);letter-spacing:-1px}.metric-unit{font:18px var(--mono);color:#9a9890}.metric-row small{font:11px var(--base);color:#69645f}.metric-row .metric-word{font:25px var(--heavy);color:var(--orange);margin:13px 0 5px}.section-top{justify-content:space-between;align-items:flex-end;gap:14px;margin:45px 0 23px;display:flex}.section-top h2{font:clamp(24px,2.8vw,34px) var(--heavy);letter-spacing:-1px;margin:8px 0 0}.text-link{font:10px var(--mono);letter-spacing:1px;border-bottom:1px solid var(--ink);align-items:center;gap:7px;padding-bottom:6px;font-weight:700;display:inline-flex}.text-link:hover{color:var(--orange);border-color:var(--orange)}.brand-pair{grid-template-columns:1fr 1fr;gap:17px;display:grid}.brand-panel{flex-direction:column;min-height:288px;padding:24px 27px;transition:transform .15s,box-shadow .15s;display:flex}.brand-panel:hover{box-shadow:6px 6px 0 var(--ink);transform:translateY(-3px)}.brand-lox{color:#111114;background:#ff4d14}.brand-abs{color:#f4f0e6;background:#161619}.brand-card-top,.brand-card-footer{font:9px var(--mono);letter-spacing:1px;justify-content:space-between;align-items:center;gap:8px;display:flex}.brand-panel-mark{font:65px/1 var(--heavy);opacity:.85;align-self:flex-end;margin:12px 0 -40px}.brand-panel-mark span{color:var(--paper)}.brand-abs .brand-panel-mark span{color:#ffbf00}.brand-panel h3{font:32px var(--heavy);letter-spacing:-1.2px;margin:13px 0 7px}.brand-panel p{font:13px/1.6 var(--base);max-width:350px;margin-bottom:32px}.brand-card-footer{border-top:1px solid;margin-top:auto;padding-top:14px}.workspace-split{grid-template-columns:1.15fr 1fr;gap:17px;display:grid}.project-pane,.quick-pane{border:1px solid var(--line);background:#fffdf9}.pane-heading{border-bottom:1px solid var(--line);height:56px;font:10px var(--mono);letter-spacing:.8px;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.pane-heading a{color:var(--orange);align-items:center;gap:4px;font-weight:700;display:inline-flex}.empty-pane{flex-direction:column;align-items:flex-start;gap:10px;min-height:238px;padding:32px 26px;display:flex}.empty-pane svg{color:var(--orange)}.empty-pane strong{font:18px var(--heavy)}.empty-pane p{color:#706b65;max-width:330px;font-size:12px;line-height:1.6}.empty-pane>a{font:10px var(--mono);align-items:center;gap:7px;font-weight:700;display:flex}.status-flag{font:9px var(--mono);background:#eae5d9;border:1px solid #c7c3b8;align-items:center;gap:6px;padding:5px 7px;display:inline-flex}.quick-tool{border-bottom:1px solid var(--line);align-items:center;gap:17px;padding:22px 23px;display:flex}.quick-tool:hover,.project-row:hover{background:#f5f0e6}.quick-tool>svg:first-child{color:var(--orange);flex:none}.quick-tool>svg:last-child{flex:none;margin-left:auto}.quick-tool strong{font:13px var(--heavy)}.quick-tool p{font:11.5px/1.5 var(--base);color:#706b65;margin:5px 0 0}.project-row{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:15px 21px;display:flex}.project-row>div{flex:1}.project-row strong{font:12px var(--heavy);display:block}.project-row small{font:10px var(--mono);color:#726e68}.project-number{width:39px;height:39px;font:13px var(--heavy);background:#ede6da;place-items:center;display:grid}.app-footer{border-top:1px solid var(--line);color:#7b776f;font:9px var(--mono);justify-content:space-between;gap:16px;margin-top:60px;padding-top:20px;display:flex}.app-footer span:last-child{align-items:center;gap:8px;display:flex}.editor-top{justify-content:space-between;align-items:flex-end;gap:22px;padding:15px 5px 29px;display:flex}.editor-top h1{font:clamp(35px,4.1vw,60px)/.95 var(--heavy);letter-spacing:-2.4px;margin:8px 0 12px}.editor-top h1 em{color:var(--orange);font-style:normal}.editor-sub{color:#6e6862;max-width:470px;margin:0;font-size:12px}.editor-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.quiet-button{border:1px solid var(--line);min-height:45px;font:10px var(--mono);letter-spacing:.2px;background:0 0;align-items:center;gap:8px;padding:12px 15px;font-weight:700;display:inline-flex}.quiet-button:hover{background:#e8e1d6}.editor-workspace{border:1px solid var(--line);background:#fffdf9;grid-template-columns:240px minmax(0,1fr) 290px;align-items:start;gap:0;display:grid}.template-rail,.inspector{min-width:0}.template-rail{border-right:1px solid var(--line);background:#f1ece2;min-height:650px}.inspector{border-left:1px solid var(--line);background:#f9f5ed}.panel-label{font:10px var(--mono);letter-spacing:.5px;border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:19px 17px;font-weight:700;display:flex}.panel-label span{font:9px var(--mono);color:#817a72}.rail-search,.library-search{background:#fffdf9;border:1px solid #d0cabf;align-items:center;gap:10px;margin:13px;padding:10px 12px;display:flex}.rail-search input,.library-search input{width:100%;min-width:0;font:12px var(--base);background:0 0;border:0;outline:0}.template-items{flex-direction:column;max-height:680px;padding-bottom:12px;display:flex;overflow-y:auto}.template-item{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;min-height:70px;padding:12px;display:flex}.template-item:hover{background:#f8f3ea}.template-item.selected{border-left:4px solid var(--orange);background:#fde0d4;padding-left:8px}.template-item img{-o-object-fit:cover;object-fit:cover;flex:none;width:75px;height:37px}.template-item strong,.template-item small{display:block}.template-item strong{font-size:11px;line-height:1.3}.template-item small{font:9px var(--mono);color:#79746c;margin-top:3px}.rail-foot{border-top:1px solid var(--line);font:10px/1.7 var(--base);color:#77726b;padding:17px}.rail-foot a{text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.tiny-empty{padding:16px;font-size:11px}.artboard-area{background:#ebe6dc;min-width:0;padding:20px 20px 25px}.artboard-toolbar,.artboard-bottom{font:9px var(--mono);letter-spacing:.5px;justify-content:space-between;align-items:center;gap:12px;display:flex}.artboard-toolbar{margin-bottom:15px}.artboard-toolbar>div:first-child{align-items:center;gap:7px;display:flex}.live-dot{background:var(--lime);border:1px solid #151515;width:8px;height:8px;display:inline-block}.artboard-outer{background:#fff;border:1px solid #d3cdc4;padding:9px;box-shadow:8px 9px #252528}.artboard-canvas{width:100%;max-width:100%;height:auto;display:block}.artboard-bottom{color:#5c5750;margin-top:19px}.export-row{grid-template-columns:1fr 1fr;gap:9px;margin-top:38px;display:grid}.export-button{font:10px var(--mono);text-align:left;background:#fffdf8;border:1px solid #beb7ad;align-items:center;gap:9px;padding:17px 15px;font-weight:700;display:flex}.export-button:hover{border-color:var(--orange);background:#fce5da}.export-button span{font:8px var(--mono);color:#77716a;margin-left:auto;font-weight:400}.editor-note{color:#77736b;font:10px/1.65 var(--base);align-items:flex-start;gap:9px;margin-top:20px;display:flex}.editor-note svg{flex:none}.editor-bottom-help{font:10px var(--mono);color:#76716b;margin:22px 3px}.inspector-section{border-bottom:1px solid var(--line);padding:21px 17px}.inspector-heading{font:10px var(--mono);letter-spacing:.7px;color:#827e77;margin-bottom:20px}.inspector label,.guide-controls label{font:10px var(--mono);flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.inspector input:not([type=color]),.inspector textarea,.inspector select,.guide-controls input:not([type=color]),.guide-controls textarea{width:100%;min-width:0;color:var(--ink);font:12px var(--base);background:#fffefa;border:1px solid #d1cbc0;border-radius:0;padding:10px 11px}.inspector textarea,.guide-controls textarea{resize:vertical;line-height:1.5}.inspector input:focus,.inspector select:focus,.inspector textarea:focus{border-color:var(--orange)}.swatch-input label{margin-bottom:11px}.swatch-input label>div{align-items:center;gap:7px;display:flex}.swatch-input input[type=color],.token-editor input[type=color]{cursor:pointer;background:#fff;border:1px solid #cfc8bd;flex:none;width:44px;height:38px;padding:3px}.contrast-meter{font:9px var(--mono);background:#eeeae0;border:1px solid #c8c3ba;justify-content:space-between;gap:10px;padding:11px;display:flex}.contrast-meter.passes strong{color:#23734d}.contrast-meter.fails strong{color:#aa3b23}.inspector-footer{font:9px var(--mono);color:#73716d;justify-content:space-between;align-items:center;display:flex}.danger-link{color:#9d3824;font:10px var(--mono);background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}.inline-error,.inline-success{font:12px/1.5 var(--base);background:#f9e1db;border-left:4px solid #c4422b;margin:8px 0 16px;padding:12px 14px}.inline-success{background:#e3eddf;border-color:#427f51;align-items:center;gap:8px;display:flex}.library-lede{border-top:5px solid var(--ink);justify-content:space-between;align-items:end;gap:35px;padding:35px 0 40px;display:flex}.library-lede h2,.guide-intro h2{font:clamp(42px,5.8vw,79px)/.98 var(--heavy);letter-spacing:-3.5px;margin:15px 0 18px}.library-lede em,.guide-intro em{color:var(--orange);font-style:normal}.library-lede p,.guide-intro>p:last-child{font:14px/1.65 var(--base);color:#66615b;max-width:570px}.library-stats{gap:20px;display:flex}.library-stats>div{border-left:1px solid var(--line);flex-direction:column;gap:7px;padding-left:17px;display:flex}.library-stats strong{font:38px var(--heavy)}.library-stats span{font:9px var(--mono);white-space:nowrap}.library-filter{border:1px solid var(--line);background:#eae4d9;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px;padding:10px;display:flex}.tab-selector{gap:5px;display:flex}.tab-selector button{font:11px var(--mono);background:0 0;border:0;padding:11px 16px}.tab-selector button.active{background:var(--ink);color:#fff}.tab-selector button span{opacity:.55;margin-left:8px}.library-search{min-width:230px;margin:0}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.asset-tile{border:1px solid var(--line);background:#fffdf8}.asset-image{background:#111;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.asset-image>img{aspect-ratio:2.5;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;transition:transform .2s;display:block}.asset-image:hover img{transform:scale(1.022)}.asset-view{background:var(--ink);color:#fff;font:9px var(--mono);align-items:center;gap:6px;padding:7px 11px;display:inline-flex;position:absolute;bottom:12px;right:12px}.asset-details{justify-content:space-between;align-items:center;gap:15px;padding:17px;display:flex}.asset-id{font:9px var(--mono);color:#77726b}.asset-details h3{font:18px var(--heavy);margin:7px 0 0}.asset-buttons{gap:8px;display:flex}.asset-buttons a{border:1px solid #d8d2c6;place-items:center;width:37px;height:37px;display:grid}.asset-buttons a:hover{background:var(--orange)}.asset-disclaimer{border-left:4px solid var(--blue);font:10px/1.6 var(--mono);color:#5f5e5d;background:#e8e7e1;margin-top:27px;padding:13px 16px}.saved-prompt{border:1px dashed var(--line);font:12px var(--base);color:#68645e;background:#fffdf9;padding:27px}.saved-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.saved-tile{border:1px solid var(--line);background:#fffcf7;flex-direction:column;gap:15px;padding:20px;display:flex}.saved-tile:hover{border-color:var(--orange)}.saved-tile>span{font:9px var(--mono);color:#888}.saved-tile strong{font:19px var(--heavy)}.saved-tile small{font:9px var(--mono);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.asset-dialog{color:#fff;background:#111114;border:0;width:95vw;max-width:min(1200px,95vw);padding:0;box-shadow:0 15px 75px #0009}.asset-dialog::backdrop{background:#000b}.dialog-heading{font:11px var(--mono);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.dialog-heading button{color:#fff;background:0 0;border:0}.dialog-art{width:100%;height:auto;display:block}.dialog-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;display:flex}.dialog-controls>div:first-child{flex-direction:column;display:flex}.dialog-controls strong{font:16px var(--heavy)}.dialog-controls span{font:9px var(--mono);color:#aaa;margin-top:6px}.dialog-action-group{flex-wrap:wrap;gap:7px;display:flex}.dialog-action-group button,.dialog-action-group a{color:#fff;font:10px var(--mono);background:#252528;border:1px solid #777;align-items:center;gap:7px;padding:10px 12px;display:inline-flex}.dialog-action-group a:last-child{background:var(--orange);color:#111;border-color:var(--orange)}.guide-intro{border-top:5px solid var(--ink);padding:34px 0 22px}.guide-switch{border-bottom:1px solid var(--line);gap:8px;margin-bottom:26px;display:flex}.guide-switch button{font:14px var(--heavy);background:0 0;border:0;border-bottom:4px solid #0000;padding:14px 20px}.guide-switch button.active{border-color:var(--orange)}.guide-switch span{font:9px var(--mono);color:#777;margin-left:13px}.guide-main{grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);align-items:start;gap:20px;display:grid}.guide-preview{min-width:0}.guide-poster{flex-direction:column;min-height:465px;padding:30px;display:flex;position:relative;overflow:hidden}.guide-poster-head,.guide-poster-bottom{font:10px var(--mono);letter-spacing:1px;justify-content:space-between;display:flex}.guide-poster h3{font:clamp(37px,5.4vw,82px)/1 var(--heavy);letter-spacing:-4px;word-break:break-word;margin:auto 0 25px}.guide-poster-block{font:clamp(20px,2.7vw,34px)/1.1 var(--heavy);max-width:650px;margin-bottom:65px;padding:15px 13px}.guide-poster-bottom{margin-top:auto}.guide-rule{width:40%;height:12px;position:absolute;bottom:0;left:0}.guide-caption{font:10px var(--mono);color:#7a746e;align-items:center;gap:9px;margin:14px 0 28px;display:flex}.guide-caption span{margin-left:auto}.guide-explainer{border-top:1px solid var(--line);gap:17px;padding:21px 0;display:flex}.guide-block-icon{background:#eae5da;flex:none;place-items:center;width:52px;height:52px;display:grid}.guide-explainer strong{font:14px var(--heavy)}.guide-explainer p{font:12px/1.6 var(--base);color:#77726a;margin:7px 0 0}.guide-controls{border:1px solid var(--line);background:#fffcf7}.guide-controls .inspector-section{padding:22px}.token-editor{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.token-editor span{font:11px var(--base)}.token-editor>div{align-items:center;gap:6px;width:155px;display:flex}.token-editor input:not([type=color]){font:10px var(--mono)}.guide-form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:20px;display:flex}.guide-controls .inline-error,.guide-controls .inline-success{margin:10px 20px}.form-note{font:10px/1.5 var(--base);color:#777;padding:0 20px 20px}.guide-foundation{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:55px;display:grid}.guide-foundation>div{border-top:4px solid var(--ink);background:#eae4d8;padding:22px}.guide-foundation strong{font:16px var(--heavy)}.guide-foundation p:last-child{font:12px/1.7 var(--base);color:#68635a;margin:10px 0 0}.site-preview{min-height:100vh;color:var(--ink);background:#f4f0e6}.preview-ribbon{color:#f4f0e6;font:10px var(--mono);letter-spacing:1px;background:#141417;justify-content:space-between;align-items:center;gap:12px;padding:9px clamp(20px,4vw,72px);display:flex}.preview-ribbon span,.preview-ribbon a{align-items:center;gap:9px;display:inline-flex}.preview-ribbon a:hover{color:var(--orange)}.public-top{justify-content:space-between;align-items:center;gap:30px;padding:25px clamp(20px,4vw,72px);display:flex}.public-logo{font:27px var(--heavy);letter-spacing:-1.5px}.public-logo span{color:var(--orange);margin-right:8px}.public-top nav{font:10px var(--mono);align-items:center;gap:27px;font-weight:700;display:flex}.public-top nav>a:hover{color:var(--orange)}.public-outline{border:2px solid var(--ink);align-items:center;gap:8px;padding:12px;display:inline-flex}.public-hero{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);grid-template-columns:1fr .9fr;min-height:710px;display:grid}.public-hero-text{flex-direction:column;align-items:flex-start;padding:clamp(42px,5vw,95px) clamp(22px,5vw,92px);display:flex}.public-eyebrow{font:11px var(--mono);letter-spacing:.8px;margin-bottom:40px}.public-hero h1{font:clamp(57px,6.3vw,115px)/.96 var(--heavy);letter-spacing:-4px;margin-bottom:35px}.public-hero h1 em{color:var(--orange);font-style:normal}.public-hero-text>p:not(.public-eyebrow){max-width:520px;font:17px/1.65 var(--base)}.public-button{background:var(--orange);font:11px var(--mono);align-items:center;gap:45px;margin-top:23px;padding:16px 18px;font-weight:700;display:inline-flex}.public-tiny{font:9px var(--mono);letter-spacing:1px;margin-top:auto;padding-top:70px}.public-art{color:#f4f0e6;background:#19191d;flex-direction:column;display:flex;overflow:hidden}.public-art-head,.public-art-foot{font:10px var(--mono);justify-content:space-between;padding:28px 35px;display:flex}.public-art-foot>span{color:var(--orange);font:35px/0 var(--heavy)}.public-graphic{flex:1;justify-content:center;align-items:center;min-height:480px;display:flex;position:relative}.public-big-L{font:clamp(210px,27vw,480px)/1 var(--heavy);letter-spacing:-50px;color:var(--orange);z-index:1;text-shadow:18px 16px #070709;position:relative;transform:rotate(-8deg)}.public-art-cross{font:120px var(--heavy);color:var(--lime);position:absolute;top:4%;left:8%}.public-art-nodes{grid-template-columns:1fr 1fr;place-items:stretch center;display:grid;position:absolute;inset:15% 5%}.public-art-nodes i{background:var(--blue);width:45%;height:45%;display:block;box-shadow:14px 14px #000}.public-art-nodes i:nth-child(2){background:var(--lime)}.public-art-nodes i:nth-child(3){background:#ebe5d9}.public-art-nodes i:nth-child(4){background:var(--orange)}.public-art-tag{font:12px var(--mono);text-align:right;background:var(--paper);color:var(--ink);z-index:2;padding:9px 12px;position:absolute;bottom:7%;right:5%}.public-marquee{background:var(--orange);font:12px var(--heavy);flex-wrap:wrap;justify-content:center;gap:42px;padding:17px;display:flex}.public-marquee b{font-weight:900}.public-services{padding:95px clamp(20px,5vw,90px)}.public-section-kicker{font:11px var(--mono);margin-bottom:22px}.public-services h2,.public-method h2,.public-about h2{font:clamp(46px,6vw,99px)/.98 var(--heavy);letter-spacing:-3px;margin:0 0 60px}.public-services h2 em,.public-method h2 em,.public-about h2 em{color:var(--orange);font-style:normal}.public-service-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.public-service-grid article{border-top:5px solid var(--ink);background:#e9e4da;min-height:255px;padding:30px 26px}.public-service-grid article span{font:10px var(--mono)}.public-service-grid article h3{font:25px var(--heavy);margin:40px 0 15px}.public-service-grid article p{font:14px/1.7 var(--base);max-width:335px}.public-service-grid article svg{color:var(--orange);margin-top:8px}.public-method{background:var(--ink);color:var(--paper);grid-template-columns:1fr 1fr;gap:50px;padding:95px clamp(20px,5vw,90px);display:grid}.public-method>div:first-child>span,.public-about>div:first-child>span{font:11px var(--mono);margin-bottom:25px;display:block}.public-method-copy>p{font:19px/1.65 var(--base);color:#d2cfc9;margin-bottom:50px}.public-steps>div{border-top:1px solid #565658;align-items:center;gap:22px;padding:19px 0;display:flex}.public-steps span{font:10px var(--mono);color:var(--orange)}.public-steps strong{font:15px var(--base);flex:1}.public-about{grid-template-columns:1fr 1fr;gap:60px;padding:95px clamp(20px,5vw,90px);display:grid}.public-about>div:last-child{padding-top:80px}.public-about p{font:19px/1.7 var(--base);max-width:480px}.public-text-link{border-bottom:2px solid var(--ink);font:12px var(--mono);align-items:center;gap:20px;padding:13px 0;display:inline-flex}.public-footer{background:var(--orange);justify-content:space-between;align-items:center;gap:20px;padding:30px clamp(20px,5vw,90px);display:flex}.public-footer strong{font:24px var(--heavy)}.public-footer span{font:10px var(--mono)}.public-footer a{font:10px var(--mono);align-items:center;gap:8px;display:flex}@media (width<=1350px){.editor-workspace{grid-template-columns:200px minmax(0,1fr) 260px}.template-item img{width:55px;height:33px}.template-item{gap:7px}.export-row{grid-template-columns:1fr}.guide-poster h3{font-size:clamp(30px,5vw,68px)}}@media (width<=1100px){.app-sidebar{flex-basis:220px;width:220px}.app-content{max-width:calc(100% - 220px)}.brand-logo{gap:7px}.brand-title strong{font-size:14px}.hero-showcase{grid-template-columns:1fr}.hero-visual{min-height:275px}.hero-visual img{max-height:320px}.metric-row{grid-template-columns:repeat(2,1fr)}.metric-row>div:nth-child(2){border-right:0}.metric-row>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.editor-workspace{grid-template-columns:180px minmax(0,1fr)}.inspector{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.inspector .panel-label{grid-column:1/-1}.inspector-section{border-right:1px solid var(--line)}.guide-main{grid-template-columns:1fr}.guide-controls{display:block}.public-top nav{gap:12px}.public-hero h1{font-size:70px}}@media (width<=760px){.app-sidebar{width:275px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-103%)}.app-sidebar-open{transform:translate(0)}.mobile-shade{z-index:19;background:#0009;border:0;width:100%;display:block;position:fixed;inset:0}.aside-mobile-close,.mobile-menu{color:inherit;background:0 0;border:0;place-items:center;display:grid}.app-content{width:100%;max-width:100%}.app-toolbar{height:61px;padding:0 18px}.mobile-menu{color:var(--ink);margin-right:4px}.toolbar-right{gap:8px}.toolbar-draft{display:none}.toolbar-signin{font-size:9px}.workspace-body{padding:22px 18px}.workspace-body-full{padding:20px 10px}.screen-heading h1{letter-spacing:-1.2px;font-size:29px}.heading-mark{display:none}.hero-copy h2{font-size:clamp(52px,10vw,82px)}.brand-pair,.workspace-split,.library-grid,.guide-foundation,.public-service-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-row>div{padding:20px 14px}.library-lede{flex-direction:column;align-items:flex-start}.library-stats{flex-wrap:wrap}.library-filter{flex-direction:column;align-items:stretch}.library-search{width:100%;min-width:0}.saved-grid{grid-template-columns:1fr}.editor-top{flex-direction:column;align-items:flex-start;padding:10px}.editor-top h1{font-size:39px}.editor-workspace{grid-template-columns:1fr}.template-rail{border-right:0;border-bottom:1px solid var(--line);min-height:0}.template-items{flex-direction:row;max-height:140px;overflow-x:auto}.template-item{border-right:1px solid var(--line);flex-direction:column;flex:0 0 150px;align-items:flex-start}.template-item img{width:120px;height:48px}.rail-foot{display:none}.inspector{display:block}.artboard-area{padding:17px}.export-row{grid-template-columns:1fr 1fr}.export-button{flex-direction:column;align-items:flex-start;padding:12px}.export-button span{margin:0}.inspector-section{border-right:0}.guide-poster{min-height:360px}.guide-poster h3{letter-spacing:-2px;font-size:45px}.public-top{padding:20px}.public-top nav a:not(:last-child){display:none}.public-top nav{gap:0}.public-hero{grid-template-columns:1fr}.public-hero h1{font-size:clamp(52px,11vw,82px)}.public-graphic{min-height:350px}.public-method,.public-about{grid-template-columns:1fr}.public-about>div:last-child{padding-top:0}.public-services,.public-method,.public-about{padding:65px 22px}.public-service-grid article{min-height:0}.public-footer{flex-wrap:wrap}.public-marquee{gap:12px;font-size:9px}.dialog-controls{flex-direction:column;align-items:flex-start}}@media (width<=440px){.hero-copy{padding:28px 22px}.hero-copy h2{font-size:56px}.screen-heading{margin-bottom:20px}.screen-heading h1{font-size:25px}.metric-row strong{font-size:30px}.metric-row .metric-word{font-size:19px}.brand-panel{min-height:250px}.editor-actions{width:100%}.editor-actions button{flex:1}.editor-actions .button-primary{width:100%}.export-row{grid-template-columns:1fr}.library-lede h2,.guide-intro h2{letter-spacing:-1.5px;font-size:42px}.tab-selector button{padding:10px}.guide-poster h3{font-size:37px}.guide-poster-block{font-size:21px}.token-editor{flex-direction:column;align-items:flex-start}.token-editor>div{width:100%}.public-hero h1{letter-spacing:-2px;font-size:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.danger-text{color:#b83821}.danger-text:hover{background:#f8dfd5}