:root{color:#17211c;background:#eef1ec;font-family:Avenir Next,Optima,Candara,sans-serif;line-height:1.45;font-weight:500}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr;background:linear-gradient(90deg,rgba(23,33,28,.08) 1px,transparent 1px),linear-gradient(rgba(23,33,28,.08) 1px,transparent 1px),#eef1ec;background-size:28px 28px}.canvas-loading,.admin-loading{min-height:100vh;display:grid;place-items:center;background:#0d1420;color:#dce5f3}.canvas-library-view{min-height:100vh;padding:56px;background:radial-gradient(circle at 18px 18px,rgba(148,163,184,.12) 1px,transparent 1px),#050607;background-size:28px 28px;color:#f5f7fb;overflow:auto}.library-shell{width:min(1720px,100%);min-height:calc(100vh - 112px);margin:0 auto}.library-shell.compact{width:min(980px,100%);min-height:auto;padding:28px;border:1px solid rgba(51,65,85,.82);border-radius:28px;background:#111827}.library-header{min-height:68px;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:28px}.library-header h1{margin:0;display:flex;align-items:center;gap:10px;color:#f8fafc;font-size:28px;line-height:1.08;letter-spacing:0}.library-header h1 span{padding:4px 10px;border-radius:999px;background:#151c2a;color:#cbd5e1;font-size:12px}.library-header p{margin:8px 0 0;color:#9aa5b7;font-size:14px}.library-breadcrumb{height:24px;display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#8b95a8;font-size:12px}.library-breadcrumb button,.back-list{border:1px solid rgba(51,65,85,.85);border-radius:8px;background:#0c121d;color:#cbd5e1;font-weight:800}.library-breadcrumb button{height:24px;padding:0 8px}.back-list{height:36px;padding:0 14px;margin-bottom:18px}.library-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.segmented{height:36px;padding:3px;display:flex;border:1px solid rgba(51,65,85,.82);border-radius:999px;background:#0b111c}.segmented button,.icon-action,.ghost-action,.primary-action,.smart-action{height:34px;border:1px solid rgba(51,65,85,.8);background:#0b111c;color:#dce5f3;font-size:13px;font-weight:900;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.segmented button{height:28px;padding:0 14px;border-color:transparent;border-radius:999px;background:transparent}.segmented button.active{background:#e8edf6;color:#0f172a}.icon-action{min-width:40px;border-radius:12px}.trash-entry{position:relative}.trash-entry span{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#e8edf6;color:#0f172a;font-size:11px}.ghost-action,.primary-action,.smart-action{padding:0 16px;border-radius:0}.primary-action{border-color:#a7ff00;background:#a7ff00;color:#050607}.smart-action{border-color:#34d399;background:linear-gradient(90deg,#34d39933,#a855f747);color:#f8fafc}.icon-action:hover,.ghost-action:hover,.primary-action:hover,.smart-action:hover,.library-card:hover{transform:translateY(-1px)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;align-items:stretch}.library-card{position:relative;min-height:210px;border:1px solid #232b37;background:#090a0c;color:#f8fafc;text-align:left;overflow:hidden;transition:border-color .14s ease,transform .14s ease,background .14s ease}.library-card:hover{border-color:#a7ff00b8}.new-project-card{display:grid;place-items:center;align-content:center;gap:18px;border-style:dashed;border-color:#a7ff00;background:#030405}.new-project-card span{color:#cbd5e1;font-size:40px;line-height:1}.new-project-card strong{color:#8b95a8;font-size:13px}.project-thumb,.folder-thumb{position:relative;height:156px;display:grid;place-items:center;border-bottom:1px solid #171d26;background:linear-gradient(120deg,#195636cc,#030608b8),radial-gradient(circle at 62% 42%,rgba(167,255,0,.2),transparent 34%)}.project-preview-grid{width:64%;height:58%;border:1px solid rgba(148,163,184,.34);background:linear-gradient(90deg,#0f172abf,#0f172a26),repeating-linear-gradient(0deg,rgba(148,163,184,.12),rgba(148,163,184,.12) 1px,transparent 1px,transparent 18px),repeating-linear-gradient(90deg,rgba(148,163,184,.12),rgba(148,163,184,.12) 1px,transparent 1px,transparent 18px);box-shadow:0 24px 60px #00000073}.folder-thumb{background:#070809}.folder-illustration{width:118px;height:82px;border-radius:18px 18px 22px 22px;background:linear-gradient(135deg,#b2fff7cc,#63b3ffb8),#62d7d1;box-shadow:-18px 16px 26px #b2fff747,14px -12px #60a5fab8}.folder-thumb>span{position:absolute;left:14px;bottom:12px;color:#8b95a8;font-size:12px}.smart-badge{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:999px;background:#7c3aede0;color:#ede9fe;font-size:11px;font-weight:900}.project-more{position:absolute;right:12px;bottom:12px;width:34px;height:28px;border:1px solid rgba(148,163,184,.28);background:#111827b8;color:#cbd5e1}.library-card footer{min-height:54px;padding:10px 16px 12px;display:grid;gap:4px;background:#0b0c0f}.library-card footer strong{min-width:0;overflow:hidden;color:#f5f7fb;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.library-card footer span{color:#6f7785;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.project-context-menu{position:fixed;z-index:30;width:148px;padding:8px;display:grid;gap:4px;border:1px solid #30343d;border-radius:14px;background:#1b1d21;box-shadow:0 24px 70px #0000008c}.project-context-menu button{height:38px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#f8fafc;text-align:left;font-weight:900}.project-context-menu button:hover{background:#2a2d33}.project-context-menu button.danger{color:#fecaca}.library-dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#00000085}.library-dialog{position:relative;width:min(520px,calc(100vw - 40px));padding:34px 36px 28px;border:1px solid #334155;border-radius:8px;background:#20282e;color:#f8fafc}.library-dialog h2{margin:0 0 22px;font-size:26px;letter-spacing:0}.library-dialog input{width:100%;height:44px;padding:0 12px;border:1px solid #34d399;border-radius:6px;background:#0c1213;color:#f8fafc;outline:none}.dialog-close{position:absolute;top:14px;right:14px;border:0;background:transparent;color:#9aa5b7;font-size:24px}.dialog-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:10px}.dialog-actions button{height:36px;padding:0 18px;border:1px solid #46515f;border-radius:8px;background:transparent;color:#f8fafc;font-weight:900}.dialog-actions button.primary{border-color:#49e6b0;background:#49e6b0;color:#06221a}.move-target-list{display:grid;gap:10px;max-height:300px;overflow:auto}.move-target-list label{padding:12px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;border:1px solid #46515f;border-radius:8px;background:#151c22}.move-target-list label.selected{border-color:#49e6b0;background:#49e6b01f}.move-target-list input{width:auto;height:auto;grid-row:1 / span 2}.move-target-list span{font-weight:900}.move-target-list small{color:#9aa5b7}.recycle-hint{margin-bottom:16px;padding:10px 14px;border:1px solid #334155;border-radius:12px;background:#0c121d;color:#cbd5e1;font-size:13px}.recycle-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.restore-card-action{position:absolute;right:12px;bottom:12px;height:30px;padding:0 12px;border:1px solid rgba(52,211,153,.6);border-radius:999px;background:#064e3bd1;color:#d1fae5;font-weight:900}.library-toast{position:fixed;left:50%;bottom:28px;z-index:50;transform:translate(-50%);padding:10px 14px;border:1px solid rgba(248,113,113,.48);border-radius:999px;background:#450a0aeb;color:#fecaca;font-size:12px;font-weight:900}.canvas-app{--canvas-ease: cubic-bezier(.4, 0, .2, 1);--canvas-page: #0b1020;--canvas-grid: rgba(148, 163, 184, .16);--canvas-panel: rgba(17, 24, 39, .9);--canvas-card: rgba(15, 23, 42, .96);--canvas-card-solid: #111827;--canvas-soft: #1e293b;--canvas-soft-2: #263449;--canvas-line: #334155;--canvas-line-2: #64748b;--canvas-text: #f8fafc;--canvas-muted: #cbd5e1;--canvas-faint: #94a3b8;--canvas-shadow: rgba(0, 0, 0, .28);--canvas-success: #34d399;--canvas-warning: #f59e0b;--canvas-danger: #f87171;min-height:100vh;display:grid;grid-template-columns:78px 1fr;background:var(--canvas-page);color:var(--canvas-text);overflow:hidden}.canvas-rail{min-height:100vh;padding:38px 14px 24px;display:flex;flex-direction:column;align-items:center;gap:22px;border-right:1px solid rgba(51,65,85,.72);background:#090f1b}.rail-button{width:42px;height:42px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--canvas-faint);transition:background .18s var(--canvas-ease),border-color .18s var(--canvas-ease),color .18s var(--canvas-ease)}.rail-button:hover{border-color:var(--canvas-line);background:var(--canvas-soft);color:var(--canvas-text)}.rail-button.active{border-color:var(--canvas-text);background:#f8fafc14}.rail-button.active span{width:6px;height:6px;display:block;margin:auto;border-radius:999px;background:var(--canvas-text)}.grid-icon{background:linear-gradient(var(--canvas-faint) 0 0) 12px 12px / 7px 7px no-repeat,linear-gradient(var(--canvas-faint) 0 0) 23px 12px / 7px 7px no-repeat,linear-gradient(var(--canvas-faint) 0 0) 12px 23px / 7px 7px no-repeat,linear-gradient(var(--canvas-faint) 0 0) 23px 23px / 7px 7px no-repeat}.line-icon{background:linear-gradient(var(--canvas-faint) 0 0) center 15px / 18px 2px no-repeat,linear-gradient(var(--canvas-faint) 0 0) center 21px / 18px 2px no-repeat,linear-gradient(var(--canvas-faint) 0 0) center 27px / 18px 2px no-repeat}.trash-icon{background:linear-gradient(var(--canvas-faint) 0 0) center 14px / 16px 2px no-repeat,linear-gradient(var(--canvas-faint) 0 0) center 20px / 12px 12px no-repeat;-webkit-mask:linear-gradient(#000 0 0) center 14px / 18px 2px no-repeat,linear-gradient(#000 0 0) center 21px / 14px 14px no-repeat;mask:linear-gradient(#000 0 0) center 14px / 18px 2px no-repeat,linear-gradient(#000 0 0) center 21px / 14px 14px no-repeat}.rail-spacer{flex:1}.rail-pill{width:46px;min-height:36px;border:1px solid var(--canvas-line);border-radius:999px;background:var(--canvas-card-solid);color:var(--canvas-muted);font-size:12px;transition:all .18s var(--canvas-ease)}.rail-user{writing-mode:vertical-rl;color:var(--canvas-faint);font-size:11px;max-height:160px;overflow:hidden}.canvas-stage{position:relative;min-width:0;padding:16px}.canvas-header{position:absolute;z-index:3;top:38px;left:40px;height:56px;padding:0 18px;display:flex;align-items:center;gap:12px;border:1px solid var(--canvas-line);border-radius:999px;background:var(--canvas-panel);box-shadow:0 16px 44px var(--canvas-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.round-tool{width:36px;height:36px;border:1px solid var(--canvas-line);border-radius:999px;background:var(--canvas-card-solid);color:var(--canvas-muted);transition:all .18s var(--canvas-ease)}.round-tool:hover{background:var(--canvas-soft-2);color:var(--canvas-text)}.canvas-title strong,.canvas-title span{display:block}.canvas-title span{color:var(--canvas-faint);font-size:11px}.canvas-switcher{display:flex;align-items:center;gap:6px;padding-left:4px}.canvas-switcher select,.canvas-switcher button{height:32px;border:1px solid var(--canvas-line);border-radius:999px;background:var(--canvas-card-solid);color:var(--canvas-muted);font-size:11px;font-weight:800}.canvas-switcher select{width:132px;padding:0 28px 0 12px;outline:none}.canvas-switcher button{padding:0 10px;transition:all .18s var(--canvas-ease)}.canvas-switcher button:hover:not(:disabled),.canvas-switcher select:hover{background:var(--canvas-soft-2);color:var(--canvas-text)}.canvas-switcher button:disabled{opacity:.42;cursor:not-allowed}.canvas-toolbar{position:absolute;z-index:3;top:28px;right:28px;left:260px;min-height:54px;padding:6px;display:flex;gap:8px;overflow-x:auto;border:1px solid var(--canvas-line);border-radius:999px;background:var(--canvas-panel);box-shadow:0 16px 44px var(--canvas-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:none}.canvas-toolbar::-webkit-scrollbar{display:none}.canvas-tool{min-width:max-content;height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--canvas-line);border-radius:999px;background:var(--canvas-card-solid);color:var(--canvas-muted);font-size:11px;font-weight:700;transition:all .2s var(--canvas-ease)}.canvas-tool:hover{background:var(--canvas-soft-2);color:var(--canvas-text);transform:translateY(-1px)}.tool-dot{width:11px;height:11px;border:1px solid var(--canvas-line-2);border-radius:4px;background:#94a3b81f}.canvas-surface{position:relative;height:calc(100vh - 32px);border:1px solid rgba(51,65,85,.78);border-radius:24px;overflow:hidden;background:radial-gradient(circle at 1px 1px,var(--canvas-grid) 1.2px,transparent 0) 0 0 / 24px 24px,var(--canvas-page);-webkit-user-select:none;user-select:none}.canvas-world{position:absolute;inset:0;width:1px;height:1px;transform-origin:0 0;will-change:transform}.canvas-links{position:absolute;left:-5000px;top:-5000px;width:10000px;height:10000px;overflow:visible;pointer-events:auto}.canvas-link-path{fill:none;stroke:var(--canvas-faint);stroke-width:2.5px;opacity:.82;filter:drop-shadow(0 0 8px rgba(148,163,184,.16));pointer-events:none}.canvas-link-path.active{stroke:var(--canvas-success);opacity:1;filter:drop-shadow(0 0 12px rgba(52,211,153,.24))}.canvas-link-hit{fill:none;stroke:transparent;stroke-width:18px;pointer-events:stroke;cursor:pointer}.edge-delete-button{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(248,113,113,.56);border-radius:999px;background:#450a0af0;color:#fecaca;font-size:16px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 10px 28px #0000005c}.port-drag-line{position:absolute;left:-5000px;top:-5000px;z-index:8;width:10000px;height:10000px;overflow:visible;pointer-events:none}.port-drag-line path{fill:none;stroke:var(--canvas-success);stroke-width:2.5px;stroke-dasharray:9 7;filter:drop-shadow(0 0 12px rgba(52,211,153,.36))}.canvas-nodes{position:absolute;inset:0}.canvas-node{position:absolute;min-width:220px;min-height:96px;display:flex;flex-direction:column;border:1px solid var(--canvas-line);border-radius:22px;background:var(--canvas-card);box-shadow:0 16px 42px var(--canvas-shadow);color:var(--canvas-text);overflow:visible;cursor:grab;transition:box-shadow .18s var(--canvas-ease),outline-color .18s var(--canvas-ease),transform .18s var(--canvas-ease)}.canvas-node.selected{outline:2px solid var(--canvas-text);outline-offset:2px;box-shadow:0 0 0 5px #f8fafc14,0 24px 64px #0000005c}.canvas-node.dragging{z-index:5;transform:translateY(-1px);box-shadow:0 0 0 5px #34d39914,0 30px 80px #0000007a}.canvas-node:active{cursor:grabbing}.canvas-node-head{height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--canvas-line);border-radius:21px 21px 0 0;background:#111827ad}.canvas-node-title{min-width:0;flex:1;display:flex;align-items:center;gap:8px}.canvas-node-title strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--canvas-muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.node-status-badge{flex:0 0 auto;padding:2px 7px;border:1px solid var(--canvas-line);border-radius:6px;background:var(--canvas-soft);color:var(--canvas-faint);font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.node-status-badge.ready{border-color:#34d3995c;background:#064e3b8c;color:#a7f3d0}.node-status-badge.running{border-color:#f59e0b66;background:#78350f94;color:#fde68a;animation:nodeStatusPulse 1s ease-in-out infinite}.node-status-badge.pending{border-color:#94a3b847;background:#1e293bb8;color:var(--canvas-muted)}.node-status-badge.danger{border-color:#f871716b;background:#7f1d1d8a;color:#fecaca}@keyframes nodeStatusPulse{0%,to{opacity:.78}50%{opacity:1}}.node-port{width:18px;height:18px;flex:0 0 auto;border:1px solid var(--canvas-line-2);border-radius:999px;background:var(--canvas-card-solid);transition:all .16s var(--canvas-ease)}.node-port:hover{border-color:var(--canvas-text);background:var(--canvas-soft-2);box-shadow:0 0 0 5px #94a3b81a}.node-port.active{border-color:var(--canvas-success);background:#064e3b;box-shadow:0 0 0 5px #34d3991f}.canvas-node-body{flex:1;min-height:0;padding:12px;display:grid}.canvas-node-body textarea{width:100%;height:100%;min-height:90px;resize:none;border:1px solid var(--canvas-line);border-radius:14px;outline:none;background:#0b1020b8;color:var(--canvas-text);padding:10px;font:inherit}.node-placeholder{min-height:100%;display:grid;place-items:center;gap:6px;text-align:center;border:1px dashed var(--canvas-line);border-radius:16px;background:#1e293b4d;color:var(--canvas-muted);transition:all .2s var(--canvas-ease)}.node-placeholder span{color:var(--canvas-text);font-size:13px;font-weight:900}.node-placeholder small{max-width:190px;color:var(--canvas-faint);font-size:11px;line-height:1.4}.node-input-port,.node-output-port{position:absolute;top:50%;width:10px;height:10px;padding:0;border:2px solid var(--canvas-faint);border-radius:999px;background:var(--canvas-page);transform:translateY(-50%);transition:all .16s var(--canvas-ease);cursor:crosshair}.canvas-node:hover .node-input-port,.canvas-node:hover .node-output-port{border-color:var(--canvas-text);box-shadow:0 0 0 4px #94a3b81a}.node-input-port{left:-6px}.node-output-port{right:-6px}.node-input-port.connectable,.node-output-port.active{border-color:var(--canvas-success);background:#052e26;box-shadow:0 0 0 5px #34d39924}.output-state-grid{min-height:100%;padding:14px;display:grid;align-content:center;gap:8px;border:1px dashed rgba(148,163,184,.42);border-radius:16px;background:linear-gradient(135deg,#0f172ad1,#1e293b61),#0f172a6b;text-align:center}.output-state-grid strong{color:var(--canvas-text);font-size:15px;font-weight:900}.output-state-grid span{color:var(--canvas-faint);font-size:11px;line-height:1.45}.output-state-grid.pending{border-color:#f59e0b8a;background:#78350f3d}.output-state-grid.completed{border-color:#34d3998f;background:#064e3b3d}.output-state-grid.failed{border-color:#f871718f;background:#7f1d1d3d}.node-resize-handle{position:absolute;right:8px;bottom:8px;width:16px;height:16px;border:1px solid rgba(203,213,225,.34);border-radius:6px 2px 8px;background:linear-gradient(135deg,transparent 45%,rgba(203,213,225,.8) 46%,rgba(203,213,225,.8) 52%,transparent 53%),#0f172ad6;cursor:nwse-resize;opacity:.52;transition:opacity .16s var(--canvas-ease),border-color .16s var(--canvas-ease),background-color .16s var(--canvas-ease)}.canvas-node:hover .node-resize-handle,.canvas-node.selected .node-resize-handle{border-color:#f8fafcb8;opacity:1}.canvas-selection-box{position:absolute;z-index:6;pointer-events:none;border:1px solid rgba(125,211,252,.86);border-radius:10px;background:#0ea5e921;box-shadow:inset 0 0 0 1px #f0f9ff1f,0 0 28px #0ea5e92e}.canvas-cut-line{position:absolute;inset:0;z-index:7;pointer-events:none}.canvas-cut-line line{stroke:#fb7185;stroke-width:2;stroke-dasharray:8 7;filter:drop-shadow(0 0 8px rgba(251,113,133,.6))}.canvas-create-menu{position:absolute;z-index:9;width:212px;padding:8px;display:grid;gap:6px;border:1px solid var(--canvas-line);border-radius:16px;background:var(--canvas-card-solid);box-shadow:0 22px 58px var(--canvas-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.canvas-create-menu button{height:34px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--canvas-muted);text-align:left;font-size:12px;font-weight:800;transition:all .16s var(--canvas-ease)}.canvas-create-menu button:hover{border-color:var(--canvas-line);background:var(--canvas-soft);color:var(--canvas-text)}.connection-create-menu{width:222px}.connection-create-menu strong{padding:6px 8px 4px;color:var(--canvas-text);font-size:12px}.toolkit-dock{position:absolute;left:50%;bottom:28px;z-index:2;transform:translate(-50%);display:flex;gap:8px;padding:6px;border:1px solid var(--canvas-line);border-radius:999px;background:var(--canvas-panel);box-shadow:0 16px 44px var(--canvas-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toolkit-dock button{height:38px;padding:0 12px;border:1px solid var(--canvas-line);border-radius:999px;background:var(--canvas-card-solid);color:var(--canvas-muted);font-size:11px;font-weight:700;transition:all .2s var(--canvas-ease)}.toolkit-dock button:hover:not(:disabled){background:var(--canvas-soft-2);color:var(--canvas-text);transform:translateY(-1px)}.toolkit-dock button:disabled{cursor:wait;opacity:.68}.toolkit-error{position:absolute;left:50%;bottom:78px;z-index:2;transform:translate(-50%);margin:0;padding:7px 12px;border:1px solid rgba(248,113,113,.42);border-radius:999px;background:#450a0ae6;color:#fecaca;font-size:12px;font-weight:800}.canvas-side-panel{position:absolute;z-index:4;top:102px;right:22px;width:min(360px,calc(100vw - 130px));max-height:calc(100% - 218px);padding:14px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;border:1px solid var(--canvas-line);border-radius:18px;background:#0f172af0;box-shadow:0 22px 58px var(--canvas-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.canvas-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.canvas-side-head strong{color:var(--canvas-text);font-size:14px}.canvas-side-head button{width:30px;height:30px;border:1px solid var(--canvas-line);border-radius:999px;background:var(--canvas-card-solid);color:var(--canvas-muted);transition:all .16s var(--canvas-ease)}.canvas-side-head button:hover{background:var(--canvas-soft-2);color:var(--canvas-text)}.workspace-data-panel{position:absolute;top:88px;right:24px;z-index:2;width:min(360px,calc(100% - 48px));display:grid;gap:10px}.workspace-data-card{padding:14px;border:1px solid #28344a;border-radius:16px;background:#111a29eb;box-shadow:0 18px 44px #0208173d}.workspace-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#d7deea;font-size:12px;font-weight:900}.workspace-panel-heading strong{min-width:28px;height:22px;display:grid;place-items:center;border:1px solid #334158;border-radius:999px;color:#8df0c6;font-size:11px}.workspace-data-list{min-height:0;display:grid;gap:7px;overflow:auto}.workspace-data-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:9px 10px;border:1px solid rgba(51,65,85,.72);border-radius:10px;background:#111827b8}.workspace-data-row strong,.workspace-data-row code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-data-row strong{color:var(--canvas-text);font-size:12px}.workspace-data-row span,.workspace-data-row code{color:var(--canvas-faint);font-size:11px}.workspace-data-row code{grid-column:1 / -1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.canvas-trash-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.canvas-trash-row button{grid-row:1 / span 2;grid-column:2;height:28px;padding:0 10px;border:1px solid rgba(52,211,153,.36);border-radius:999px;background:#064e3b9e;color:#d1fae5;font-size:11px;font-weight:900;transition:all .16s var(--canvas-ease)}.canvas-trash-row button:hover{background:#059669b8;border-color:#a7f3d0ad}.workspace-data-empty{margin:0;padding:12px;border:1px dashed var(--canvas-line);border-radius:10px;color:var(--canvas-faint);font-size:12px}.canvas-hint{position:absolute;left:50%;bottom:72px;transform:translate(-50%);margin:0;color:#94a3b8b8;font-size:12px}.link-source-hint{position:absolute;left:50%;bottom:108px;z-index:3;transform:translate(-50%);padding:8px 12px;border:1px solid rgba(52,211,153,.36);border-radius:999px;background:#064e3bd1;color:#d1fae5;box-shadow:0 16px 44px var(--canvas-shadow);font-size:12px;font-weight:800;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.canvas-status{position:absolute;left:26px;bottom:24px;height:34px;padding:0 14px;display:flex;align-items:center;gap:10px;border:1px solid var(--canvas-line);border-radius:999px;background:var(--canvas-panel);color:var(--canvas-muted);font-size:11px;font-weight:900;box-shadow:0 16px 44px var(--canvas-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.canvas-status button{height:24px;padding:0 9px;border:1px solid var(--canvas-line);border-radius:999px;background:var(--canvas-card-solid);color:var(--canvas-muted);font-size:11px;font-weight:900;transition:all .16s var(--canvas-ease)}.canvas-status button:hover{background:var(--canvas-soft-2);color:var(--canvas-text)}.status-dot{width:7px;height:7px;border-radius:999px;background:var(--canvas-success)}.minimap{position:absolute;right:24px;bottom:24px;width:180px;height:124px;padding:10px;border:1px solid var(--canvas-line);border-radius:18px;background:#0f172ae6;box-shadow:0 16px 44px var(--canvas-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.minimap div{height:100%;display:grid;place-items:center;border:1px solid rgba(203,213,225,.72);border-radius:6px;color:var(--canvas-faint);font-size:11px;font-weight:900}.minimap-map{position:relative;overflow:hidden;cursor:crosshair;background:radial-gradient(circle at 1px 1px,rgba(148,163,184,.28) 1px,transparent 0) 0 0 / 12px 12px,#111827d1}.minimap-map span{position:absolute;display:block;border:1px solid rgba(203,213,225,.46);border-radius:3px;background:#94a3b83d}.minimap-map span.selected{border-color:var(--canvas-text);background:#f8fafc61}.minimap-viewport{position:absolute;display:block;border:1px solid rgba(52,211,153,.9);border-radius:5px;background:#34d39914;box-shadow:0 0 0 1px #05966942,0 0 18px #34d3992e;pointer-events:none}.minimap-map strong{position:absolute;right:8px;bottom:6px;color:#cbd5e1b8;font-size:10px;letter-spacing:.08em}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:#eef1ec}.admin-sidebar{min-height:100vh;padding:28px 20px;display:flex;flex-direction:column;gap:24px;background:#17211c;color:#f4f1e8}.admin-nav{display:grid;gap:8px}.admin-nav a{min-height:38px;padding:0 12px;display:flex;align-items:center;border:1px solid transparent;border-radius:8px;color:#dce5de}.admin-nav a:hover{background:#26342d;border-color:#3f5147}.admin-main{padding:32px;overflow:auto}.sidebar{min-height:100vh;padding:28px 20px;display:flex;flex-direction:column;gap:24px;background:#17211c;color:#f4f1e8}.brand h1,.brand p{margin:0}.brand h1{font-family:Georgia,Times New Roman,serif;font-size:28px;letter-spacing:0}.brand p{margin-top:6px;color:#a9b6ad;font-size:12px}.nav-list{display:grid;gap:8px}.nav-button,.logout-button,.primary-action,.tool-row{min-height:40px;border:1px solid transparent;border-radius:8px;cursor:pointer}.nav-button,.logout-button{width:100%;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:transparent;color:#dce5de}.nav-button.active,.nav-button:hover,.logout-button:hover{background:#26342d;border-color:#3f5147}.user-card{margin-top:auto;padding:14px;border:1px solid #3f5147;border-radius:8px;background:#202c26}.user-card strong,.user-card span{display:block}.user-card span{color:#a9b6ad;font-size:12px}.main-surface{padding:32px;overflow:auto}.workspace-grid{display:grid;gap:16px}.panel{padding:22px;border:1px solid rgba(23,33,28,.14);border-radius:8px;background:#ffffffb8;box-shadow:0 18px 60px #17211c14}.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:160px;background:#f7f3e8}.eyebrow{margin:0 0 10px;color:#627468;font-size:12px;font-weight:800;text-transform:uppercase}h2,h3{margin:0;letter-spacing:0}h2{max-width:620px;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,5vw,56px);line-height:1}h3{margin-bottom:14px;font-size:16px}.primary-action{padding:0 18px;background:#d85832;color:#fffaf2;font-weight:800}.tool-list{display:grid;gap:8px}.tool-row{width:100%;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#17211c;border-color:#17211c1f}.tool-row:hover{border-color:#d85832}.admin-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px}.admin-form label{display:grid;gap:6px;color:#627468;font-size:12px;font-weight:800}.admin-form input,.admin-form select{height:42px;padding:0 12px;border:1px solid rgba(23,33,28,.16);border-radius:8px;background:#fff;color:#17211c}.credit-form{grid-template-columns:minmax(180px,1.2fr) minmax(120px,.8fr) minmax(180px,1fr) auto}.provider-form{grid-template-columns:repeat(3,minmax(160px,1fr))}.toggle-label{min-height:42px;display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px}.toggle-label input{width:16px;height:16px}.provider-list{margin-top:14px;display:grid;gap:8px}.credit-ledger-list{display:grid;gap:8px}.credit-ledger-row{min-height:48px;padding:10px 14px;display:grid;grid-template-columns:110px minmax(180px,1fr) minmax(160px,1fr) 90px minmax(140px,.8fr);align-items:center;gap:12px;border:1px solid rgba(23,33,28,.12);border-radius:8px;background:#fff}.credit-ledger-row span{color:#627468;font-size:12px}.provider-row{min-height:48px;padding:10px 14px;display:grid;grid-template-columns:minmax(180px,1fr) 90px minmax(140px,1fr) 90px 120px auto;align-items:center;gap:12px;border:1px solid rgba(23,33,28,.12);border-radius:8px;background:#fff}.provider-row span{color:#627468;font-size:13px}.mini-action{min-height:34px;padding:0 12px;border:1px solid rgba(23,33,28,.16);border-radius:8px;background:#f7faf3;color:#17211c;font-weight:800}.mini-action:hover{border-color:#d85832}.workspace-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.model-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.workspace-tool-toggle{min-height:78px;padding:12px;display:grid;gap:4px;text-align:left;border:1px solid rgba(23,33,28,.12);border-radius:8px;background:#fff;color:#17211c}.model-access-toggle{min-height:108px;padding:12px;display:grid;gap:4px;text-align:left;border:1px solid rgba(23,33,28,.12);border-radius:8px;background:#fff;color:#17211c}.workspace-tool-toggle.enabled,.model-access-toggle.enabled{border-color:#315d3f;background:#f0f8f1}.workspace-tool-toggle span,.workspace-tool-toggle em,.model-access-toggle span,.model-access-toggle em{color:#627468;font-size:12px;font-style:normal}.site-content-list{display:grid;gap:10px}.site-content-row{align-items:end;display:grid;gap:12px;grid-template-columns:140px minmax(220px,1fr) auto}.site-content-row span{color:#627468;font-size:12px;font-weight:800}.site-content-row input{background:#f7faf3;border:1px solid #d5dfd2;border-radius:10px;color:#142217;font:inherit;min-height:42px;padding:0 12px}.audit-list,.job-list,.asset-list{display:grid;gap:10px}.job-row{background:#fff;border:1px solid rgba(23,33,28,.12);border-radius:8px;display:grid;gap:6px;grid-template-columns:minmax(120px,.6fr) minmax(180px,1fr) minmax(140px,.8fr);padding:12px}.asset-row{background:#fff;border:1px solid rgba(23,33,28,.12);border-radius:8px;display:grid;gap:6px;grid-template-columns:minmax(150px,1fr) 90px minmax(180px,1fr) minmax(140px,.8fr);padding:12px}.asset-row span,.asset-row code{color:#627468;font-size:12px}.asset-row code{grid-column:1 / -1;white-space:normal;word-break:break-word}.job-row span,.job-row p{color:#627468;font-size:12px}.job-row p{grid-column:1 / -1;margin:0;word-break:break-word}.job-actions{display:flex;flex-wrap:wrap;gap:8px;grid-column:1 / -1}.audit-row{background:#fff;border:1px solid rgba(23,33,28,.12);border-radius:8px;display:grid;gap:6px;grid-template-columns:minmax(140px,.8fr) minmax(180px,1fr) minmax(140px,.8fr);padding:12px}.audit-row span,.audit-row code{color:#627468;font-size:12px}.audit-row code{grid-column:1 / -1;white-space:normal;word-break:break-word}.admin-form .primary-action{height:42px}.success-message,.secret-message{margin:14px 0 0;color:#315d3f}.secret-message{color:#9b431f}.secret-message strong{word-break:break-all}.table-list{display:grid;gap:8px}.table-row{min-height:48px;padding:10px 14px;display:grid;grid-template-columns:minmax(180px,1fr) 120px 100px 100px auto;align-items:center;gap:12px;border:1px solid rgba(23,33,28,.12);border-radius:8px;background:#fff}.table-row span{color:#627468;font-size:13px}.empty-state{min-height:120px;display:grid;place-content:center;gap:6px;color:#627468;text-align:center}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric span,.metric strong{display:block}.metric span{color:#627468;font-size:12px}.metric strong{margin-top:8px;font-size:26px}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);background:#17211c;color:#f4f1e8}.login-intro,.login-panel{padding:48px;display:flex;flex-direction:column;justify-content:center}.login-intro{background:#202c26}.login-intro h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,8vw,86px);line-height:.95}.login-intro p{max-width:460px;color:#b7c2ba}.login-panel form{width:min(100%,420px);display:grid;gap:14px}.login-panel label{display:grid;gap:6px;color:#dce5de}.login-panel input{height:44px;padding:0 12px;border:1px solid #3f5147;border-radius:8px;background:#101814;color:#f4f1e8}.login-panel button{height:46px;border:0;border-radius:8px;background:#d85832;color:#fffaf2;font-weight:800;cursor:pointer}.login-panel button:disabled{cursor:wait;opacity:.72}[role=alert]{margin:0;color:#ffb199}@media(max-width:820px){.app-shell,.login-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.metric-strip,.admin-form,.site-content-row,.provider-form,.credit-ledger-row,.provider-row,.job-row,.asset-row,.audit-row,.table-row,.hero-panel,.canvas-app{grid-template-columns:1fr}.canvas-rail{min-height:auto;flex-direction:row}.rail-user{writing-mode:initial}.canvas-toolbar{left:20px;right:20px;top:104px}.canvas-header{top:24px;left:24px}.workspace-data-panel{top:160px;left:16px;right:16px;width:auto}.toolkit-dock{max-width:calc(100vw - 48px);overflow-x:auto}.minimap{display:none}.hero-panel{align-items:flex-start;flex-direction:column}.main-surface,.login-intro,.login-panel{padding:24px}}