:root{--bg:#eef1ed;--paper:#fff;--ink:#17211d;--muted:#758179;--line:#dfe5df;--lime:#c9f36b;--lime-dark:#769a3d;--nav:#17231f;--amber:#e8a34d;--red:#c75143;--blue:#e8f0f8;--shadow:0 16px 42px #2030270b;--mono:'DM Mono',monospace;--sans:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 74% 0%,#e1ead9 0,transparent 27%),var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#17231f,#1e2b25);color:#eef3ed;padding:25px 16px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:11px;padding:3px 10px 35px}.brand-mark{height:32px;width:32px;border-radius:9px;background:var(--lime);display:grid;place-items:center;color:#1d2918;font-size:18px;font-weight:800;box-shadow:0 4px 18px #c9f36b28}.brand-name{font-size:12px;font-weight:800;letter-spacing:.7px}.brand-name span{font:9px var(--mono);color:#a9b6a8;margin-left:5px}.nav-label{font:9px var(--mono);letter-spacing:1.4px;color:#819087;padding:0 12px 10px}.nav-list{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;color:#b6c2b9;font-size:11px;font-weight:600;transition:.18s}.nav-item:hover{background:#293a31;color:#fff;transform:translateX(2px)}.nav-item.active{color:#fff;background:#2a3b31;box-shadow:inset 2px 0 var(--lime)}.nav-item.active .nav-icon{color:var(--lime)}.nav-icon{width:16px;text-align:center;font-size:15px}.sidebar-bottom{margin-top:auto}.privacy-card{border:1px solid #36463d;background:#1e2c24;border-radius:11px;padding:13px 12px;margin:0 2px 15px}.privacy-card b{display:block;font-size:10px;color:#e4eee3;margin-bottom:5px}.privacy-card p{font-size:9px;line-height:1.55;color:#9cab9d;margin:0}.privacy-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:6px}.version{font:9px var(--mono);color:#78877d;padding:0 12px}.main{min-width:0}.topbar{height:63px;border-bottom:1px solid var(--line);background:#f9fbf8d9;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,52px);position:sticky;top:0;z-index:5}.breadcrumb{font-size:10px;color:var(--muted)}.breadcrumb b{color:var(--ink);font-weight:700}.top-meta{display:flex;align-items:center;gap:14px}.local-badge{font:9px var(--mono);color:#637752;letter-spacing:.35px;display:flex;align-items:center;gap:7px}.local-badge i{width:7px;height:7px;border-radius:50%;background:#8fc45c;box-shadow:0 0 0 4px #8fc45c20}.avatar{height:29px;width:29px;border-radius:9px;background:#e7eddf;color:#52713a;display:grid;place-items:center;font:10px var(--mono)}.content{max-width:1220px;margin:0 auto;padding:38px clamp(18px,4vw,52px) 64px}.eyebrow{font:9px var(--mono);letter-spacing:1.45px;text-transform:uppercase;color:#839080}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head h1{font-size:clamp(25px,3vw,34px);letter-spacing:-1.5px;line-height:1.1;margin:8px 0 8px}.page-head p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.tag{font:9px var(--mono);letter-spacing:.5px;background:#e5f0d9;border:1px solid #d5e7c4;color:#547735;border-radius:30px;padding:8px 11px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:11px 15px;background:var(--ink);color:#fff;font-weight:700;font-size:10px;transition:transform .16s,box-shadow .16s,background .16s}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #18251e1a}.button:disabled{opacity:.42;cursor:not-allowed}.button-primary{background:var(--lime);color:#1c2a1b}.button-primary:hover:not(:disabled){background:#d5fa8d}.button-quiet{background:#fff;color:#27332b;border:1px solid var(--line)}.button-quiet:hover:not(:disabled){background:#f7faf6}.button-small{padding:8px 11px;font-size:9px}.card{background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px 15px;border-bottom:1px solid #edf1ec}.card-title{font-size:12px;font-weight:800;letter-spacing:-.15px}.card-kicker{font:9px var(--mono);letter-spacing:.5px;color:#8a968e}.section-title{font-size:13px;font-weight:800;letter-spacing:-.25px;margin:0}.subtle{color:var(--muted);font-size:10px;line-height:1.55}.grid-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(285px,.85fr);gap:18px;align-items:start}.stack{display:grid;gap:18px}.hero{position:relative;overflow:hidden;border-radius:17px;background:#1d2b24;color:#f4f7f1;min-height:250px;padding:29px 32px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;margin-bottom:19px}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent 15%,#000 85%);pointer-events:none}.hero-copy{position:relative;z-index:1}.hero .eyebrow{color:#a5b19f}.hero h1{font-size:clamp(29px,4vw,44px);line-height:1.03;letter-spacing:-2px;max-width:500px;margin:13px 0}.hero p{font-size:11px;line-height:1.65;color:#b2beb3;max-width:410px;margin:0 0 21px}.hero-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.hero .button-quiet{background:#293a31;color:#e6eee5;border-color:#3b4a40}.hero-art{position:relative;min-height:185px;display:grid;place-items:center;z-index:1}.orbit{position:absolute;width:210px;height:98px;border:1px solid #ffffff22;border-radius:50%;transform:rotate(-24deg)}.orbit.two{transform:rotate(25deg);width:230px;height:112px}.orbit.three{transform:rotate(90deg);width:200px;height:75px;border-style:dashed;border-color:#ffffff19}.mesh-cube{position:relative;width:84px;height:84px;transform:rotate(30deg) skew(-7deg);border:1px solid #b2d57b;background:linear-gradient(135deg,#e1f4b9 0 49%,#bad988 50%);box-shadow:17px 17px 0 #9dbd6f,17px 17px 0 1px #cee6aa}.mesh-cube:before,.mesh-cube:after{content:"";position:absolute;background:#adc984}.mesh-cube:before{height:1px;width:100%;top:50%;left:0}.mesh-cube:after{width:1px;height:100%;left:50%;top:0}.art-label{position:absolute;right:3px;bottom:8px;font:8px var(--mono);letter-spacing:1px;color:#9aab9d}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:19px}.stat-card{background:#ffffffbd;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.stat-card small{font:8px var(--mono);letter-spacing:.9px;color:#89958b}.stat-card strong{display:block;font-size:21px;letter-spacing:-.8px;margin:7px 0 3px}.stat-card span{font-size:9px;color:#8b968d}.activity-list{padding:3px 18px 13px}.activity-item{display:flex;align-items:center;gap:11px;padding:12px 2px;border-bottom:1px solid #f0f3ef}.activity-item:last-child{border:0}.activity-icon{width:32px;height:32px;border-radius:9px;background:#edf4e7;color:#698b48;display:grid;place-items:center;font:10px var(--mono)}.activity-main{flex:1;min-width:0}.activity-main b{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-main small{display:block;color:#929d94;font-size:9px;margin-top:4px}.activity-status{font:8px var(--mono);color:#668346;background:#eff5e8;padding:5px 7px;border-radius:5px}.empty-state{text-align:center;padding:22px 18px 24px;color:#8b978e}.empty-state .empty-icon{font-size:24px;color:#9bad8b;margin-bottom:7px}.empty-state b{display:block;font-size:10px;color:#536054;margin-bottom:5px}.empty-state span{font-size:9px;line-height:1.5}.quick-links{display:grid;gap:8px;padding:14px 18px 17px}.quick-link{display:flex;align-items:center;gap:11px;border:1px solid #edf1ec;border-radius:9px;padding:11px;color:#465349;transition:.15s}.quick-link:hover{border-color:#c8d8b8;background:#f9fbf7;transform:translateY(-1px)}.quick-link i{font-style:normal;color:#6f934b;font-size:14px;width:17px;text-align:center}.quick-link b{font-size:10px}.quick-link span{margin-left:auto;font:9px var(--mono);color:#9aa59c}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:19px}.workflow-card{padding:15px 16px;display:flex;align-items:flex-start;gap:11px}.workflow-number{width:25px;height:25px;flex:0 0 auto;border-radius:8px;background:#edf4e7;color:#678746;display:grid;place-items:center;font:9px var(--mono)}.workflow-card b{display:block;font-size:10px;margin:1px 0 5px}.workflow-card span{font-size:9px;line-height:1.5;color:#879288}.dropzone{position:relative;overflow:hidden;min-height:217px;margin:17px;border:1.5px dashed #c2cec2;border-radius:12px;background:linear-gradient(135deg,#fbfcfa,#f7faf6);display:grid;place-items:center;text-align:center;padding:24px;transition:.16s}.dropzone:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#9bac8a0c 1px,transparent 1px),linear-gradient(90deg,#9bac8a0c 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000 40%,#000 60%,transparent);pointer-events:none}.dropzone.drag{border-color:#82a94d;background:#f5fbeD;box-shadow:inset 0 0 0 4px #a4d16a18}.drop-inner{position:relative}.upload-icon{width:41px;height:41px;background:#eaf3df;color:#648b3d;border-radius:12px;display:grid;place-items:center;font-size:19px;margin:0 auto 12px;box-shadow:0 0 0 6px #f2f7ed}.dropzone h2{font-size:13px;letter-spacing:-.25px;margin:0 0 6px}.dropzone p{font-size:9px;color:#849084;margin:0 0 14px}.file-input{display:none}.file-row{display:none;align-items:center;gap:11px;margin:0 17px 17px;padding:11px;border:1px solid #dce5db;border-radius:10px;background:#fcfdfb}.file-badge{height:39px;width:37px;background:#edf4e7;border-radius:8px;color:#5b833c;display:grid;place-items:center;font:9px var(--mono)}.file-data{flex:1;min-width:0}.file-data b{font-size:10px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-data small{font-size:9px;color:#8d998f;display:block;margin-top:4px}.file-state{font:8px var(--mono);color:#658645;letter-spacing:.35px}.icon-button{border:0;background:transparent;color:#8b978d;font-size:18px;padding:4px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 17px 14px}.mini-stat{background:#f4f7f2;border:1px solid #edf1eb;border-radius:9px;padding:11px}.mini-stat small{display:block;font:8px var(--mono);letter-spacing:.6px;color:#8a968e}.mini-stat b{display:block;font-size:16px;margin-top:5px}.preflight{padding:0 20px 18px}.preflight-head{display:flex;align-items:center;justify-content:space-between;padding:4px 0 10px}.preflight-head b{font-size:10px}.preflight-head span{font:8px var(--mono);color:#9aa59c}.check-list{display:grid;gap:9px}.check-row{display:flex;align-items:center;gap:9px;font-size:9px;color:#536158}.checkmark{height:17px;width:17px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800;background:#eff2ef;color:#98a39a}.check-row.pass .checkmark{background:#eef5e8;color:#6d9348}.check-row.warn .checkmark{background:#fff3df;color:#ad7e31}.check-row.fail .checkmark{background:#fbe9e6;color:#b65347}.form{padding:17px 19px 18px}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.field label{display:block;font-size:9px;font-weight:800;margin-bottom:6px}.field input,.field select{width:100%;border:1px solid #dce4dc;border-radius:8px;padding:10px 11px;font-size:10px;background:#fff;color:var(--ink);outline:none;transition:border .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:#91b86a;box-shadow:0 0 0 3px #c9f36b35}.field-hint{font-size:8px;color:#95a097;line-height:1.5;margin-top:5px}.field-hint code,.guide-content code{font:9px var(--mono);background:#f1f4ef;border-radius:4px;padding:2px 4px;color:#56654f}.switch-row{display:flex;justify-content:space-between;align-items:center;padding-top:3px}.switch-label b{display:block;font-size:9px}.switch-label small{display:block;color:#95a097;font-size:8px;margin-top:4px}.switch{height:19px;width:34px;border:0;border-radius:12px;background:#ccd4d0;padding:2px;transition:.15s}.switch i{display:block;height:15px;width:15px;border-radius:50%;background:#fff;transition:.15s}.switch.on{background:#84b34e}.switch.on i{transform:translateX(15px)}.export-preview{overflow:hidden}.preview-art{height:123px;position:relative;overflow:hidden;display:grid;place-items:center;background-color:#f6f8f4;background-image:linear-gradient(#cad4c326 1px,transparent 1px),linear-gradient(90deg,#cad4c326 1px,transparent 1px);background-size:19px 19px;border-bottom:1px solid var(--line)}.preview-art:before,.preview-art:after{content:"";position:absolute;width:210px;height:58px;border:1px solid #cdd8c8;border-radius:50%;transform:rotate(-23deg)}.preview-art:after{transform:rotate(23deg)}.preview-art .mesh-cube{width:43px;height:43px;box-shadow:9px 9px 0 #9dbd6f,9px 9px 0 1px #cee6aa}.export-body{padding:15px 17px}.export-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.export-name{font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{font:8px var(--mono);letter-spacing:.35px;color:#71816c;background:#f0f3ee;border-radius:5px;padding:5px 7px;white-space:nowrap}.status-pill.ready{color:#5a793f;background:#eef5e8}.status-pill.review{color:#a17029;background:#fff4e0}.status-pill.invalid{color:#ad5045;background:#faebe8}.export-body>p{font-size:9px;line-height:1.55;color:#829087;margin:9px 0 12px}.export-files{display:grid;gap:8px;margin-bottom:13px}.export-file{display:flex;align-items:center;gap:8px;font:8px var(--mono);color:#647168;min-width:0}.export-file b{font-weight:500;color:#38463c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-file span{margin-left:auto;color:#9aa59c;white-space:nowrap}.export-actions{display:flex;gap:8px}.export-actions .button{flex:1}.fineprint{font-size:8px;line-height:1.55;color:#788477;background:#f6f8f4;border-radius:8px;padding:9px 10px;margin-top:10px}.notice{display:flex;gap:10px;padding:12px 13px;border-radius:10px;background:#f8f5ec;border:1px solid #ede5d4;color:#786943;font-size:9px;line-height:1.55}.notice i{font-style:normal;font-size:13px}.notice.info{background:#eff4f8;border-color:#e2e9ef;color:#647487}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-card{padding:18px 19px}.guide-card h2{font-size:12px;margin:0 0 9px}.guide-card p,.guide-card li{font-size:9px;line-height:1.65;color:#718076}.guide-card ol,.guide-card ul{padding-left:16px;margin:8px 0 0}.guide-card li+li{margin-top:5px}.guide-card li::marker{color:#7e9d57}.path-box{font:9px var(--mono);line-height:1.65;background:#1f2c25;color:#dce8d9;border-radius:9px;padding:12px 13px;overflow-wrap:anywhere}.step-list{display:grid;gap:10px}.step-card{display:flex;gap:13px;padding:16px}.step-index{width:26px;height:26px;border-radius:8px;background:#edf4e7;color:#678746;display:grid;place-items:center;flex:0 0 auto;font:9px var(--mono)}.step-card h3{font-size:10px;margin:3px 0 5px}.step-card p{font-size:9px;line-height:1.6;color:#77847a;margin:0}.search-box{position:relative}.search-box input{width:min(240px,50vw);border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 11px 9px 30px;font-size:9px;outline:none}.search-box:before{content:'⌕';position:absolute;left:11px;top:5px;color:#849084;font-size:15px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:11px 15px;font:8px var(--mono);letter-spacing:.6px;color:#89958b;background:#f8faf7;white-space:nowrap}.data-table td{padding:12px 15px;border-top:1px solid #eff2ed;font-size:9px;color:#59675d;white-space:nowrap}.table-asset{display:flex;align-items:center;gap:9px}.table-icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:#edf4e7;color:#698b48;font:8px var(--mono)}.table-asset b{font-size:9px;color:#27332b}.table-asset small{display:block;font:8px var(--mono);color:#98a198;margin-top:3px}.table-actions{display:flex;gap:6px}.table-actions button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 7px;font-size:8px;color:#647168}.table-actions button:hover{border-color:#bfd2ac;background:#f9fbf7}.empty-large{text-align:center;padding:45px 18px}.empty-large .empty-icon{font-size:32px;color:#a1b295}.empty-large h2{font-size:13px;margin:10px 0 6px}.empty-large p{font-size:9px;line-height:1.6;color:#8a968e;max-width:300px;margin:0 auto 14px}.toast{position:fixed;left:50%;bottom:22px;z-index:12;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#17231f;color:#f5f8f2;border-radius:9px;padding:11px 15px;font-size:10px;box-shadow:0 12px 35px #18251e32;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}.fade-in{animation:rise .35s ease both}@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
:focus-visible{outline:3px solid #a4ce6a;outline-offset:2px}
.skip-link{position:fixed;z-index:30;top:9px;left:10px;transform:translateY(-150%);padding:10px 13px;border-radius:7px;background:var(--lime);color:#19211d;font-size:11px;font-weight:800;box-shadow:0 6px 20px #0003}.skip-link:focus{transform:translateY(0)}
.mesh-cube{animation:forgeBob 5.2s ease-in-out infinite;transform-origin:center}@keyframes forgeBob{0%,100%{transform:rotate(30deg) skew(-7deg) translateY(0)}50%{transform:rotate(30deg) skew(-7deg) translateY(-6px)}}
@media(max-width:900px){.app{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:21px 9px 15px}.brand{justify-content:center;padding:2px 0 29px}.brand-name,.nav-label,.nav-text,.privacy-card,.version{display:none}.nav-item{justify-content:center;padding:12px 0}.nav-icon{font-size:17px}.sidebar-bottom{display:none}.grid-2{grid-template-columns:1fr}.right-grid{grid-template-columns:1fr 1fr}.hero{padding:26px;grid-template-columns:1.1fr .9fr}}
@media(max-width:620px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:8;top:auto;bottom:0;left:0;right:0;height:58px;padding:5px 8px;background:#17231ff2;backdrop-filter:blur(12px);display:block}.brand,.nav-label,.sidebar-bottom{display:none}.nav-list{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.nav-item{height:48px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 1px;font-size:7px;border-radius:7px}.nav-text{display:block;font-size:7px}.nav-icon{font-size:14px}.nav-item.active{box-shadow:inset 0 2px var(--lime)}.topbar{height:53px;padding:0 15px}.content{padding:25px 14px 82px}.page-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:19px}.page-head h1{font-size:27px}.page-head .button{align-self:stretch}.hero{grid-template-columns:1fr;min-height:0;padding:25px 22px}.hero-art{position:absolute;right:-25px;bottom:3px;width:190px;min-height:145px;opacity:.45}.hero-copy{max-width:430px}.hero h1{font-size:32px;max-width:320px}.hero p{max-width:300px}.hero-actions{position:relative;z-index:2}.stat-row{gap:7px}.stat-card{padding:11px 10px}.stat-card strong{font-size:17px}.stat-card span{font-size:8px}.workflow{grid-template-columns:1fr;gap:7px}.workflow-card{padding:12px}.right-grid,.guide-grid{grid-template-columns:1fr}.grid-2{gap:14px}.stack{gap:14px}.search-box input{width:100%}.page-head:has(.search-box){gap:12px}.page-head:has(.search-box)>div:last-child{width:100%}.dropzone{min-height:190px;margin:12px}.card-head{padding:15px 16px 13px}.preflight{padding:0 16px 16px}.form{padding:15px 16px}.stats{margin:0 12px 12px}.file-row{margin:0 12px 12px}.guide-dialog{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}