@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--bg:#090a0f;--panel:#11131b;--panel-2:#171925;--line:#282b3a;--muted:#9295a8;--text:#f0f0f5;--purple:#a78bfa;--violet:#7758e8;--blue:#7dd3fc;--green:#7de2bb;--orange:#ffb77b;--pink:#f5a3d4;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:500 15px/1.7 var(--sans);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 85%)}a{color:inherit;text-decoration:none}.ambient{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.25}.ambient-one{width:520px;height:520px;background:#4521a2;top:-260px;left:-140px}.ambient-two{width:460px;height:460px;background:#124c78;top:880px;right:-270px}.site-header{height:84px;max-width:1240px;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;color:#0b0b11;background:var(--purple);border-radius:9px;font:500 12px var(--mono);box-shadow:0 0 25px #a78bfa55}.brand strong{display:block;font-size:14px;letter-spacing:.08em}.brand small{display:block;color:var(--muted);font:10px var(--mono);letter-spacing:.04em}.site-nav{display:flex;gap:30px;color:var(--muted);font-size:12px}.site-nav a{transition:color .2s}.site-nav a:hover,.site-nav a.active{color:var(--text)}.header-link,.text-link{font:11px var(--mono);color:var(--purple);border-bottom:1px solid #a78bfa55;padding-bottom:4px}.header-link span,.text-link span{font-size:16px;margin-left:6px}.menu-toggle{display:none}.section-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:9%;align-items:center}.hero{min-height:610px;padding:68px 32px 90px}.eyebrow,.section-kicker{font:11px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--purple)}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #7de2bb18;margin-right:9px}.hero h1{font-size:clamp(48px,6.4vw,88px);line-height:1.04;letter-spacing:-.065em;margin:22px 0}.hero h1 em,h2 em{font-style:normal;color:var(--purple)}.hero-lede{max-width:480px;color:var(--muted);font-size:16px}.hero-actions{display:flex;gap:12px;margin:31px 0}.button{padding:13px 18px;border:1px solid var(--line);border-radius:9px;font-size:12px;transition:.25s var(--ease)}.button-primary{background:var(--purple);border-color:var(--purple);color:#0b0a11;font-weight:800}.button-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #a78bfa35}.button-primary span{margin-left:24px}.button-quiet{color:var(--muted)}.button-quiet:hover{border-color:var(--purple);color:var(--text)}.hero-meta{display:flex;gap:20px;color:#676b7e;font:10px var(--mono)}.hero-console{background:#0c0e14;border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 90px #0008;overflow:hidden;transform:rotate(1.5deg);transition:transform .5s var(--ease)}.hero-console:hover{transform:rotate(0) translateY(-5px)}.console-top{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#151721;color:#74778a;font:10px var(--mono)}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#393d4f}.window-dots i:first-child{background:#ec8e9b}.console-body{padding:25px;color:#84889a;font:11px/1.8 var(--mono);min-height:330px}.console-body p{margin:0}.prompt{color:var(--green)}.path{color:var(--purple)}.ascii{color:#bba8ff;font:700 13px/1.25 var(--mono);margin:25px 0}.console-lines{border-left:1px solid #343747;padding-left:14px;margin:20px 0}.console-lines span{display:inline-block;width:60px;color:#666a7d}.cursor{display:inline-block;width:7px;height:14px;background:var(--purple);vertical-align:middle;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.intro{padding:110px 32px 70px;border-top:1px solid var(--line)}h2{font-size:clamp(35px,4vw,57px);line-height:1.1;letter-spacing:-.06em;margin:16px 0}.intro-copy{max-width:480px;color:var(--muted)}.intro-copy p+p{margin-top:22px}.stats-row{max-width:1116px;margin:0 auto 130px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.stats-row div{padding:25px 20px;border-right:1px solid var(--line)}.stats-row div:last-child{border:0}.stats-row strong{display:block;color:var(--purple);font-size:30px;letter-spacing:-.05em}.stats-row span{color:var(--muted);font:10px var(--mono);text-transform:uppercase}.section-block{max-width:1116px;margin:0 auto;padding:80px 0 130px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}.section-heading>p{max-width:385px;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;min-height:370px}.step-number{color:var(--purple);font:12px var(--mono)}.step-card h3{font-size:18px;margin:45px 0 10px}.step-card p{color:var(--muted);font-size:13px}.code-block{position:relative;background:#090b10;border:1px solid #222533;border-radius:8px;padding:15px;margin-top:20px;overflow:auto}.code-block code{display:block;color:#d5d5df;font:11px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding-right:74px}.code-comment{color:#656b7d}.copy-button{position:absolute;top:8px;right:8px;background:#1b1e2a;color:var(--muted);border:0;border-radius:4px;padding:5px 8px;font:10px var(--mono);cursor:pointer}.copy-button:hover{color:var(--text)}.callout{display:flex;gap:17px;margin-top:22px;padding:20px;border:1px solid #65512e;background:#18150f;border-radius:10px}.callout-icon{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font:12px var(--mono)}.callout strong{color:var(--orange);font-size:13px}.callout p{margin:4px 0 0;color:#aaa08a;font-size:12px}.explorer{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.explorer-toolbar{padding:16px;display:flex;gap:15px;justify-content:space-between;border-bottom:1px solid var(--line);flex-wrap:wrap}.search-wrap{display:flex;align-items:center;gap:9px;background:#0d0f16;border:1px solid var(--line);border-radius:7px;padding:0 11px;color:var(--muted);flex:1;min-width:240px}.search-wrap input{background:none;border:0;outline:0;color:var(--text);font:11px var(--mono);padding:11px 0;width:100%}.filter-list{display:flex;gap:5px}.filter{border:1px solid transparent;background:transparent;color:var(--muted);font:10px var(--mono);padding:7px 10px;border-radius:5px;cursor:pointer}.filter.active,.filter:hover{background:#282339;color:var(--purple);border-color:#4f3c72}.file-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.file-card{display:flex;gap:15px;padding:22px;background:var(--panel);min-height:173px;transition:background .2s}.file-card:hover{background:#171a25}.file-card.is-hidden{display:none}.file-icon{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;flex:none;font-size:17px}.icon-purple{background:#302755;color:var(--purple)}.icon-blue{background:#153545;color:var(--blue)}.icon-pink{background:#382437;color:var(--pink)}.icon-orange{background:#3a2a1f;color:var(--orange)}.icon-green{background:#1c362d;color:var(--green)}.icon-yellow{background:#36321c;color:#e8d57b}.icon-cyan{background:#16383d;color:#73d8dd}.icon-red{background:#3b2028;color:#f78f9f}.file-path{color:#70758b;font:10px var(--mono)}.file-card h3{margin:4px 0;font-size:15px}.file-card p{color:var(--muted);font-size:11px;line-height:1.6;margin:5px 0 10px}.tag{color:#777c90;font:9px var(--mono);border:1px solid #303345;border-radius:3px;padding:3px 5px}.empty-state{padding:35px;text-align:center;color:var(--muted);font:12px var(--mono)}.guide{padding-top:15px}.guide-grid{display:grid;grid-template-columns:1.3fr .85fr;gap:16px}.guide-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:27px}.guide-card.large{grid-row:span 2}.guide-label{color:var(--purple);font:10px var(--mono);text-transform:uppercase}.guide-card h3{font-size:21px;line-height:1.35;margin:24px 0 12px}.guide-card p{color:var(--muted);font-size:13px}.mini-code{display:grid;grid-template-columns:35px 1fr;gap:10px 13px;padding:16px;background:#0b0d13;border-radius:7px;color:#c2c4d3;font:10px var(--mono);margin-top:25px}.line-number{color:#52586a;text-align:right}.mini-code b{color:var(--purple);font-weight:400}.mini-code i{color:var(--green);font-style:normal}.clean-list{list-style:none;margin:23px 0 0;padding:0}.clean-list li{padding:8px 0;border-bottom:1px solid #272a37;color:var(--muted);font:11px var(--mono)}.clean-list span{color:var(--purple);margin-right:7px}.key-list{margin-top:22px}.key-list p{display:flex;align-items:center;gap:6px;margin:10px 0;color:#666b7e;font:10px var(--mono)}kbd{border:1px solid #45495c;background:#202331;border-radius:3px;color:var(--text);padding:3px 5px;font:10px var(--mono)}.key-list b{margin-left:auto;color:var(--muted);font-weight:400}.customize{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:105px 32px;margin-top:30px}.customize>div:last-child{max-width:440px;color:var(--muted)}.customize p{margin-top:0}.text-link{display:inline-block;margin-top:20px}.faq{padding-bottom:150px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:21px 2px;font-size:15px;font-weight:600;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--purple);font:20px var(--mono);font-weight:400}details[open] summary:after{content:"−"}details p{max-width:700px;margin:0 0 23px;color:var(--muted);font-size:13px}.site-footer{max-width:1116px;margin:auto;padding:25px 0 45px;display:flex;align-items:center;justify-content:space-between;color:#5e6274;font:10px var(--mono)}.site-footer .brand{color:var(--text)}.back-top{color:var(--purple)}.toast{position:fixed;bottom:25px;left:50%;background:var(--text);color:#111;padding:9px 14px;border-radius:6px;font:11px var(--mono);transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.3s var(--ease);z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.15s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.site-header{height:70px;padding:0 20px}.header-link{display:none}.menu-toggle{display:grid;gap:4px;background:none;border:0;padding:8px;cursor:pointer}.menu-toggle span:not(.sr-only){display:block;width:21px;height:1px;background:var(--text);transition:.2s}.site-nav{display:none;position:absolute;top:63px;right:20px;left:20px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:9px;flex-direction:column;gap:0}.site-nav.open{display:flex}.site-nav a{padding:10px}.section-grid{grid-template-columns:1fr;gap:40px}.hero{padding:70px 20px 80px;min-height:auto}.hero-console{max-width:580px;width:100%;margin:auto}.intro{padding:80px 20px 55px}.stats-row{margin:0 20px 80px;grid-template-columns:repeat(2,1fr)}.stats-row div:nth-child(2){border-right:0}.stats-row div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-block{padding:60px 20px 90px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px}.steps{grid-template-columns:1fr}.step-card{min-height:0}.step-card h3{margin-top:27px}.file-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.guide-card.large{grid-row:auto}.customize{padding:75px 20px;margin-top:0}.site-footer{margin:0 20px;gap:20px;flex-wrap:wrap}.site-footer p{order:3;width:100%;margin:0}.faq{padding-bottom:90px}.filter-list{width:100%;justify-content:space-between}.filter{flex:1}.ascii{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.catalog-shell{display:grid;grid-template-columns:225px 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.catalog-sidebar{padding:12px;background:#0d0f16;border-right:1px solid var(--line)}.catalog-group{display:flex;justify-content:space-between;width:100%;padding:12px 11px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:11px var(--mono);text-align:left;cursor:pointer}.catalog-group b{color:#62677b;font-weight:400}.catalog-group:hover,.catalog-group.active{color:var(--purple);background:#282339}.catalog-group.active b{color:var(--purple)}.catalog-note{border-top:1px solid var(--line);margin-top:25px;padding:18px 8px;color:#62677b;font:9px/1.7 var(--mono)}.catalog-note span{color:var(--green);margin-right:5px}.catalog-main{min-width:0}.catalog-toolbar{display:flex;align-items:center;gap:15px;padding:15px;border-bottom:1px solid var(--line)}.catalog-result{white-space:nowrap;color:#62677b;font:10px var(--mono)}.catalog-list{max-height:560px;overflow:auto}.catalog-file{display:grid;grid-template-columns:30px minmax(145px,1fr) minmax(190px,1.5fr) 55px 20px;align-items:center;gap:12px;width:100%;padding:13px 16px;border:0;border-bottom:1px solid #202330;background:transparent;color:var(--text);text-align:left;cursor:pointer}.catalog-file:hover{background:#191c27}.catalog-file-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:6px;background:#282339;color:var(--purple);font:12px var(--mono)}.type-sh{color:var(--green);background:#1b362d}.type-png,.type-jpg,.type-jpeg,.type-webp{color:var(--blue);background:#153545}.catalog-file-name{min-width:0}.catalog-file-name b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.catalog-file-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#63687c;font:9px var(--mono);margin-top:3px}.catalog-file-purpose{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.catalog-file-size,.catalog-chevron{color:#62677b;font:10px var(--mono)}.catalog-chevron{color:var(--purple);font-size:15px}.code-block-wide code{max-height:120px;overflow:auto}.lab-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:16px}.lab-controls{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:24px}.control-row{padding:17px 0;border-bottom:1px solid #282b3a}.control-row:first-child{padding-top:0}.control-row:last-of-type{border-bottom:0}.control-row label{display:flex;justify-content:space-between;color:var(--muted);font:11px var(--mono);margin-bottom:11px}.control-row select{width:100%;padding:10px;background:#0d0f16;border:1px solid var(--line);border-radius:6px;color:var(--text);font:11px var(--mono)}input[type=range]{accent-color:var(--purple);width:100%}.lab-actions{display:flex;flex-wrap:wrap;gap:7px}.lab-action{padding:8px 9px;background:#1a1d29;border:1px solid #303345;border-radius:5px;color:var(--muted);font:10px var(--mono);cursor:pointer}.lab-action:hover{border-color:var(--purple);color:var(--text)}.lab-hint{color:#606579;font:10px/1.7 var(--mono)}.desktop-preview{--preview-accent:var(--purple);--preview-density:10px;position:relative;min-height:400px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:radial-gradient(circle at 70% 20%,#30225d 0,#16172d 30%,#0c0e16 72%);padding:var(--preview-density);transition:padding .25s}.preview-bar{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#0b0d13cc;border:1px solid #ffffff15;border-radius:6px;color:#b9b7c9;font:9px var(--mono);transition:opacity .3s,transform .3s}.preview-workspaces{display:flex;gap:9px}.preview-workspaces b{color:var(--preview-accent)}.preview-workspaces i{font-style:normal;color:#5d6072}.preview-window{position:relative;margin:35px auto 0;width:82%;min-height:230px;background:#0a0c12e8;border:1px solid #ffffff1e;border-radius:8px;box-shadow:0 20px 50px #0008;overflow:hidden}.preview-title{display:flex;justify-content:space-between;padding:10px 13px;color:#72768b;font:9px var(--mono);border-bottom:1px solid #242735}.preview-title i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e990a0;margin-right:4px}.preview-title i:nth-child(2){background:#e6ca78}.preview-title i:nth-child(3){background:#8ed8ac}.preview-window pre{padding:21px;color:#969aad;font:10px/1.8 var(--mono);white-space:pre-wrap}.preview-purple{color:var(--preview-accent)}.preview-blue{color:var(--blue)}.preview-notification{position:absolute;right:12px;bottom:12px;padding:10px 12px;border:1px solid #ffffff22;border-radius:6px;background:#1c1e2b;color:#e4e1ef;font:9px var(--mono);transition:.25s}.preview-notification small{display:block;color:#6c7186;margin-top:3px}.notification-pop{animation:pop .5s var(--ease)}@keyframes pop{50%{transform:translateY(-8px);border-color:var(--preview-accent)}}.preview-dock{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:7px 10px;border:1px solid #ffffff1c;border-radius:8px;background:#10121bd9;color:var(--preview-accent)}.preview-dock span{font-size:15px}.bar-hidden .preview-bar{opacity:0;transform:translateY(-18px)}.is-locked:after{content:"LOCKED";position:absolute;inset:0;display:grid;place-items:center;background:#07080dcc;color:var(--preview-accent);font:14px var(--mono);letter-spacing:.2em;z-index:2}
.explorer-label{color:var(--muted);font:10px var(--mono)}.installer-tabs{display:flex;gap:5px;margin-top:18px}.installer-tab{padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:#0d0f16;color:var(--muted);font:10px var(--mono);cursor:pointer}.installer-tab.active{background:#302755;border-color:#7056ac;color:var(--purple)}[hidden]{display:none!important}.folder-map{margin-top:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.folder-map-heading{display:flex;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line);color:#62677b;font:10px var(--mono)}.folder-map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.folder-card{display:flex;align-items:center;gap:11px;padding:17px;background:var(--panel);border:0;color:var(--text);text-align:left;cursor:pointer}.folder-card:hover{background:#191c27}.folder-glyph{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#282339;color:var(--purple);font-size:16px}.folder-card b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px var(--mono)}.folder-card small{display:block;max-width:180px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#62677b;font-size:9px}.folder-card i{margin-left:auto;color:var(--purple);font-style:normal}.preview-actions{display:flex;justify-content:flex-end;margin-bottom:7px}.preview-fullscreen{padding:7px 9px;border:1px solid #ffffff1c;border-radius:5px;background:#10121bd9;color:#c7c3d8;font:10px var(--mono);cursor:pointer}.preview-fullscreen:hover{border-color:var(--preview-accent);color:var(--preview-accent)}.desktop-preview:fullscreen{padding:clamp(16px,4vw,60px);background:radial-gradient(circle at 70% 20%,#30225d 0,#16172d 30%,#0c0e16 72%)}.desktop-preview:fullscreen .preview-window{max-width:900px;min-height:50vh}.file-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.file-modal-backdrop{position:absolute;inset:0;background:#05060bcc;backdrop-filter:blur(8px)}.file-modal-window{position:relative;width:min(640px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#11131b;box-shadow:0 30px 100px #000b}.file-modal-tabs{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--line);color:var(--purple);font:10px var(--mono)}.modal-close{border:0;background:none;color:var(--muted);font-size:24px;cursor:pointer}.file-modal-content{padding:30px}.file-modal-content h2{font-size:38px;margin:10px 0}.modal-path{color:var(--blue);font:11px var(--mono);word-break:break-all}.modal-meta{display:flex;gap:8px;margin:22px 0}.modal-meta span{padding:5px 7px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font:9px var(--mono)}.file-modal-content>p:not(.section-kicker):not(.modal-path){color:var(--muted);font-size:14px}.modal-actions{display:flex;gap:10px;margin-top:28px}.modal-open{overflow:hidden}
.modal-code-heading{display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:var(--muted);font:10px var(--mono)}.modal-code-heading .copy-button{position:static}.copy-button:disabled{opacity:.5;cursor:not-allowed}.file-modal-preview{max-height:430px;overflow:auto;margin:8px 0 0;padding:15px;border:1px solid var(--line);border-radius:7px;background:#0b0d13;color:#c8c9d7;white-space:pre;tab-size:2;font:10px/1.65 var(--mono)}
@media(max-width:800px){.catalog-shell{grid-template-columns:1fr}.catalog-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;border-right:0;border-bottom:1px solid var(--line)}.catalog-note{grid-column:1/-1;margin-top:8px}.catalog-file{grid-template-columns:30px minmax(0,1fr) 20px}.catalog-file-purpose,.catalog-file-size{display:none}.lab-grid{grid-template-columns:1fr}.desktop-preview{min-height:350px}.folder-map-grid{grid-template-columns:1fr}.folder-map-heading{display:block}.folder-map-heading>span+span{display:block;margin-top:6px}.modal-actions{flex-wrap:wrap}.modal-actions .button{flex:1;text-align:center}}
 .step-note{color:var(--muted);font-size:12px;margin:14px 0 0}.check-list{display:grid;gap:8px;margin-top:20px}.check-list p{display:flex;gap:12px;margin:0;color:var(--muted);font:12px var(--mono)}.check-list span{color:var(--preview-accent);font-weight:700}
 .page-main{max-width:1116px;margin:0 auto}.page-hero{padding:100px 0 70px;max-width:760px}.page-hero h1{font-size:clamp(48px,6vw,78px);line-height:1.05;letter-spacing:-.06em;margin:20px 0}.manual-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.manual-groups .guide-card{min-height:0}.manual-groups .code-block{margin-top:18px}.file-browser{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.browser-toolbar{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.browser-toolbar input,.browser-toolbar select{background:#0d0f16;border:1px solid var(--line);border-radius:7px;color:var(--text);font:11px var(--mono);padding:11px}.browser-toolbar input{flex:1;min-width:180px}.browser-toolbar select{min-width:130px}.browser-toolbar span{color:var(--muted);font:11px var(--mono);white-space:nowrap}.public-file-list{display:grid;gap:1px;background:var(--line)}.public-file{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:16px;align-items:start;padding:20px;background:var(--panel)}.public-file:hover{background:var(--panel-2)}.public-file-main h3{margin:4px 0;font-size:15px}.public-file-main p{margin:0;color:var(--muted);font-size:12px}.public-file-actions{display:flex;gap:8px}.public-file-actions .button{padding:8px 10px;background:transparent;cursor:pointer;font-family:var(--mono)}.public-file-preview{grid-column:2/-1;max-height:420px;overflow:auto;margin:0;background:#090b10;border:1px solid #222533;border-radius:8px;padding:16px;color:#d5d5df;font:11px/1.7 var(--mono);white-space:pre-wrap}.empty-state{padding:30px;color:var(--muted);text-align:center}
 @media(max-width:800px){.page-main{padding:0 20px}.page-hero{padding:70px 0 40px}.manual-groups{grid-template-columns:1fr}.browser-toolbar{align-items:stretch;flex-wrap:wrap}.browser-toolbar input{flex-basis:100%}.public-file{grid-template-columns:35px minmax(0,1fr)}.public-file-actions{grid-column:2}.public-file-preview{grid-column:1/-1}}