:root{color-scheme:dark;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:#ebeef5;background:#101218;font-synthesis:none;font-size:13px;--muted:#8992a4;--line:#2a2e3a;--accent:#d6f58b}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{color:inherit;border:0}input,textarea,select{color:inherit;background:#11141c;border:1px solid #333847;border-radius:9px}input,select{padding:11px 12px}textarea{padding:12px;resize:vertical}label{display:block;color:#a4adbe}input{width:100%;margin:8px 0 18px}[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:.16em;color:#9aa6b5;font-weight:600}.wordmark{font-size:23px;font-weight:850;letter-spacing:-1px;color:#f0f2f6;white-space:nowrap}.wordmark span{font-size:10px;font-weight:500;color:#a5aabb;letter-spacing:.18em;margin-left:9px}.primary{width:100%;border:1px solid #e6ffc0;background:var(--accent);color:#18200e;font-weight:750;border-radius:10px;padding:13px 16px;text-align:left;box-shadow:0 3px 14px #c4ef6012}.primary>span{float:right}.secondary{background:#272e23;color:#defba1;padding:11px 17px;border:1px solid #4b5e38;border-radius:9px}.quiet{background:transparent;color:#a1aabd;padding:7px 10px;border-radius:7px}.quiet:hover{background:#ffffff09;color:#fff}.muted{color:var(--muted);font-size:12px;line-height:1.6}
.login{height:100dvh;display:grid;grid-template-columns:1.05fr 1fr}.login-story{padding:40px 48px;position:relative;background:radial-gradient(ellipse at 35% 55%,#2a3734 0%,#152028 40%,#11151e 80%);border-right:1px solid var(--line);overflow:hidden}.story-body{margin-top:12vh}.story-body h1{font-size:clamp(42px,4.5vw,70px);font-weight:600;line-height:1.28;letter-spacing:-3px;margin:23px 0}.story-body p{line-height:1.9;color:#98a7b3}.orbit{position:absolute;left:35%;top:57%;width:240px;height:240px;display:grid;place-items:center;transform:rotate(-18deg);opacity:.75}.orbit i{position:absolute;width:100%;height:100%;border:1px solid #b8e57e55;border-radius:55px;transform:rotate(30deg)}.orbit i:nth-child(2){transform:rotate(60deg);border-color:#b0d6f855}.orbit i:nth-child(3){transform:rotate(90deg);border-color:#d4bcf655}.orbit span{font-size:11px;letter-spacing:5px;color:#d6f58b;transform:rotate(18deg)}.story-footer{position:absolute;bottom:35px;font-size:9px;letter-spacing:.22em;color:#6b7d87}.login-side{display:flex;align-items:center;justify-content:center;padding:28px}.login-card{width:min(360px,100%)}.login-card h2{font-size:29px;margin:14px 0 10px;letter-spacing:-1px}.login-card>p{color:var(--muted);line-height:1.7}.tabs{display:flex;background:#1a1e28;border:1px solid var(--line);border-radius:10px;padding:4px;margin:25px 0}.tabs button{flex:1;border-radius:7px;padding:10px;background:transparent;color:#8490a5}.tabs button.active{background:#30363e;color:#e8f1d8;box-shadow:0 2px 6px #0003}.form-error{color:#ffb2ac;min-height:24px;font-size:12px;margin-bottom:6px}.private-note{font-size:11px;text-align:center;margin-top:20px}
.topbar{position:absolute;inset:0 0 auto;height:64px;background:#151820;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 24px;z-index:10}.divider{height:20px;border-left:1px solid #343948}.workspace-name{font-size:13px;color:#bec6d5}.sync{font-size:10px;color:#7f9276}.top-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.user-badge{background:#272e24;color:#c3d6ab;border:1px solid #3e4a33;border-radius:20px;padding:5px 13px;font-size:11px}.canvas{position:absolute;inset:64px 354px 0 0;overflow:hidden;touch-action:none;background:#101218;background-image:radial-gradient(#323746 1px,transparent 1px);background-size:24px 24px}.world{position:absolute;inset:0 auto auto 0;transform-origin:0 0;will-change:transform}.empty{position:absolute;left:50%;top:42%;width:340px;text-align:center;transform:translate(-50%,-50%);pointer-events:none}.empty button{pointer-events:auto}.empty-symbol{font-size:60px;line-height:1;color:#aec795;margin-bottom:20px}.empty h2{font-size:22px;font-weight:500;letter-spacing:-.5px;color:#b8c1d0}.empty p{font-size:13px;color:#687486;line-height:1.9;margin:14px 0 24px}.node{position:absolute;width:280px;background:#1d222c;border:2px solid #41495a;border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #0005;user-select:none;touch-action:none;cursor:move}.node.selected{border-color:var(--accent);box-shadow:0 0 0 3px #c4ef6020,0 12px 32px #0005}.node img{width:100%;display:block;pointer-events:none;background:#151820}.node-footer{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;font-size:11px;color:#b1bbce;background:#1c222c}.node-tier{font-size:10px;color:#8c9aaf}.node.warning .node-tier{color:#f5c780}.node.warning{border-style:dashed}.lasso{position:absolute;border:1px solid #d6f58b;background:#d6f58b12;pointer-events:none;z-index:9}.canvas-toolbar{position:absolute;bottom:30px;left:calc((100vw - 354px)/2);transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:7px;background:#202630eF;border:1px solid #3b4351;box-shadow:0 8px 25px #0004;border-radius:13px;z-index:11}.canvas-toolbar button{background:transparent;border-radius:7px;min-width:32px;height:32px;font-size:20px;color:#b3bfd0}.canvas-toolbar button:hover{background:#353d4c;color:#fff}.canvas-toolbar>span{height:18px;border-left:1px solid #3c4453;margin:0 4px}.canvas-toolbar output{font-size:11px;min-width:41px;text-align:center;color:#a9b7ca}.selection-tools{position:absolute;top:78px;left:18px;display:flex;gap:6px;align-items:center;background:#282f3b;border:1px solid #485161;border-radius:10px;padding:6px 8px;z-index:10;box-shadow:0 8px 20px #0005}.selection-tools button{background:#3a4351;border-radius:6px;padding:7px 10px;font-size:11px}.selection-tools .danger{color:#ffb6ad}.selection-tools>span{font-size:11px;color:#b8c5a8;margin:0 5px}.canvas-hint{position:absolute;bottom:8px;left:20px;color:#586477;font-size:10px;pointer-events:none}
.panel{position:absolute;right:0;top:64px;bottom:0;width:354px;background:#191d26;border-left:1px solid var(--line);padding:24px 22px;overflow-y:auto}.panel-heading{margin-bottom:24px}.panel-heading h2{margin:12px 0 0;font-weight:600;font-size:20px;letter-spacing:-.5px;display:flex;justify-content:space-between}.panel-heading h2 span{color:var(--accent);font-size:26px}.field-title{font-size:11px;font-weight:600;color:#b1bdcf;display:block;margin-bottom:8px}.field-title small{font-size:10px;color:#657188;font-weight:400;margin-left:8px}.panel textarea{min-height:126px;max-height:280px;width:100%;line-height:1.7;font-size:12px;margin-bottom:17px}.panel textarea::placeholder{color:#5e6c80}.reference-heading{display:flex;justify-content:space-between;align-items:baseline}.reference-heading button{font-size:10px;padding:0 0 6px}.references{display:flex;gap:8px;min-height:61px;border:1px dashed #3c4451;border-radius:9px;padding:7px;margin-bottom:22px;align-items:center}.references p{font-size:10px;color:#637189;margin:auto}.references img{width:44px;height:44px;object-fit:cover;border-radius:5px;border:1px solid #5d6853}.tiers{display:flex;gap:7px;margin-bottom:17px}.tiers button{flex:1;background:#202632;border:1px solid #343c4c;border-radius:9px;padding:9px;font-size:16px;color:#a4b0c3}.tiers button small{font-size:10px;margin-left:6px;color:#6e7d93}.tiers button.active{border-color:#9cb66c;background:#313b2b;color:#dcfba5}.tiers button.active small{color:#a4be80}.field-row{display:flex;gap:8px;margin-bottom:8px}.field-row label:first-child{flex:1}.field-row label{font-size:10px;color:#8e9cb0}.field-row select{display:block;width:100%;margin-top:7px;font-size:11px;padding:9px 5px;max-width:230px}.channel-notice{font-size:11px;line-height:1.6;color:#f0ba7a;min-height:18px;margin:10px 0}.micro-note{text-align:center;font-size:9px;color:#65748c;margin:11px 0 25px}.history-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px}.history-heading h3{font-size:12px;margin:0}.history-heading span{color:#7b899d;font-size:10px}.jobs{padding-top:12px}.job{border:1px solid #333c4c;background:#161b25;border-radius:9px;padding:11px;margin-bottom:9px}.job-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7b8b9f;margin-bottom:7px}.job-status{color:#bcd88f}.job.attention .job-status{color:#edbd78}.job.failed .job-status,.job.interrupted .job-status{color:#ef9f97}.job p{font-size:11px;line-height:1.6;margin:5px 0;color:#bac5d7;word-break:break-word}.job small{display:block;font-size:10px;color:#798aa0;line-height:1.6}.job-restore{background:transparent;color:#c7e79a;padding:5px 0 0;font-size:10px}.library{position:absolute;top:75px;left:12px;bottom:82px;width:340px;padding:17px;background:#202630fa;border:1px solid #414c5c;border-radius:12px;z-index:12;overflow-y:auto;box-shadow:0 10px 40px #0007}.library-heading{display:flex;justify-content:space-between;align-items:center}.library-heading h2{font-size:17px;margin:0}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.asset-button{background:#141a24;border:1px solid #3b4759;border-radius:8px;padding:0;overflow:hidden;text-align:left}.asset-button img{width:100%;height:120px;object-fit:cover;display:block}.asset-button small{display:block;padding:8px;font-size:10px;color:#a8b9cd}.toast{position:fixed;bottom:92px;left:calc((100vw - 354px)/2);transform:translateX(-50%);max-width:min(460px,90vw);padding:12px 19px;background:#333e30;color:#dcf5c3;border:1px solid #63744b;border-radius:10px;z-index:50;box-shadow:0 9px 30px #0006;font-size:12px;line-height:1.6}
@media(min-width:1500px){.login-story{padding-left:8vw}.orbit{left:50%}}@media(max-width:900px){.login-story{display:none}.login{grid-template-columns:1fr}.topbar{gap:10px;padding:0 13px}.workspace-name,.divider{display:none}.top-actions{gap:3px}.panel{width:300px;padding:18px}.canvas{right:300px}.canvas-toolbar,.toast{left:calc((100vw - 300px)/2)}.canvas-hint{font-size:8px}.selection-tools{max-width:calc(100vw - 320px);flex-wrap:wrap}.empty{width:260px}}@media(max-width:640px){.topbar{height:56px}.topbar .wordmark{font-size:21px}.topbar .wordmark span{display:none}.sync{font-size:9px}.user-badge{padding:4px 7px}.panel{top:auto;bottom:0;right:0;left:0;width:auto;height:44dvh;padding:14px 18px;border-left:0;border-top:1px solid var(--line);z-index:15}.panel-heading{display:none}.panel textarea{min-height:70px;max-height:120px;margin-bottom:7px}.references{min-height:43px;margin-bottom:9px;padding:4px}.references img{height:32px;width:32px}.tiers{margin-bottom:9px}.tiers button{padding:6px}.field-row{margin-bottom:0}.micro-note{margin:7px 0 14px}.canvas{top:56px;right:0;bottom:44dvh}.canvas-toolbar{left:50%;bottom:calc(44dvh + 12px);padding:4px;gap:0}.canvas-hint{display:none}.empty{top:38%}.empty h2{font-size:17px}.empty p{font-size:11px;margin:8px 0 13px}.empty-symbol{font-size:34px;margin-bottom:10px}.selection-tools{top:62px;left:8px;max-width:calc(100vw - 16px);font-size:10px}.selection-tools button{padding:6px}.toast{left:50%;bottom:calc(44dvh + 65px)}.library{top:62px;bottom:calc(44dvh + 57px);left:8px;width:calc(100vw - 16px)}.channel-notice{margin:6px 0;font-size:10px}}
