:root{--bg:#faf9f6;--surface:#fff;--surface-2:#fffdf9;--surface-3:#f4f1ea;--line:#e7e2d8;--line-strong:#d5cfc2;--text:#111;--text-2:#55524b;--text-3:#8a857a;--brand:#f5a000;--brand-dark:#d98a00;--brand-soft:#fff3df;--navy:#111;--navy-2:#3a372f;--navy-soft:#f4f1ea;--green:#34c759;--green-soft:#e8f9ed;--red:#ff3b30;--red-soft:#ffeae8;--blue:#f5a000;--blue-soft:#fff3df;--amber:#f5a000;--amber-soft:#fff3df;--radius:16px;--radius-sm:12px;--radius-xs:8px;--shadow:0 1px 3px #0000000a, 0 4px 12px #0000000d;--shadow-lg:0 2px 8px #0000000a, 0 12px 32px #00000014;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", Arial, sans-serif;--mono:"SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;margin:0;font-size:14px;line-height:1.5}.app{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px)saturate(180%);border-right:1px solid var(--line);background:#ffffffb8;flex-direction:column;flex:0 0 240px;width:240px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:10px;padding:20px 18px 16px;display:flex}.sidebar-logo img{border-radius:10px;width:36px;height:36px}.sidebar-logo .name{color:var(--text);letter-spacing:-.02em;font-size:16px;font-weight:700}.sidebar-logo .sub{color:var(--text-3);font-size:11px}.nav{flex-direction:column;gap:2px;padding:4px 10px;display:flex}.nav-item{color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.active{background:var(--brand);color:#fff;font-weight:600}.nav-item .ph{font-size:18px}.nav-section{color:var(--text-3);letter-spacing:.5px;text-transform:uppercase;padding:16px 14px 6px;font-size:11px;font-weight:600}.sidebar-foot{color:var(--text-3);border-top:1px solid var(--line);margin-top:auto;padding:14px;font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--line);z-index:10;background:#ffffffb8;justify-content:space-between;align-items:center;height:56px;padding:0 28px;display:flex;position:sticky;top:0}.topbar .page-title{letter-spacing:-.02em;font-size:17px;font-weight:600}.topbar .user{color:var(--text-2);align-items:center;gap:10px;font-size:13px;display:flex}.content{width:100%;max-width:1280px;margin:0 auto;padding:28px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card+.card{margin-top:16px}.card-title{letter-spacing:-.01em;margin:0 0 4px;font-size:16px;font-weight:600}.card-desc{color:var(--text-2);margin:0 0 16px;font-size:13px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;color:inherit;align-items:center;gap:14px;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{border-radius:12px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.stat-card .num{letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:1.1}.stat-card .label{color:var(--text-2);font-size:12px}.btn{background:var(--surface-3);color:var(--text);cursor:pointer;white-space:nowrap;border:none;border-radius:980px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background:var(--line)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;font-weight:600}.btn-primary:hover{background:var(--brand-dark)}.btn-danger{background:var(--red-soft);color:var(--red)}.btn-danger:hover{background:#ffd6d3}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--surface-3);color:var(--text)}.btn-sm{padding:5px 14px;font-size:13px}.btn-lg{padding:11px 24px;font-size:16px}.field{margin-bottom:16px}.field label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field label .req{color:var(--red)}.input,.select,.textarea{border:1px solid var(--line-strong);border-radius:var(--radius-xs);width:100%;color:var(--text);background:var(--surface);outline:none;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px #0071e31f}.input::placeholder{color:var(--text-3)}.textarea{resize:vertical;min-height:80px}.form-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.form-grid .full{grid-column:1/-1}.hint{color:var(--text-3);margin-top:5px;font-size:12px}.error-text{color:var(--red);margin-top:5px;font-size:13px}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--text-2);background:var(--surface-3);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 16px;font-size:14px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-3)}.table .mono{font-family:var(--mono);font-size:13px}.row-actions{gap:6px;display:flex}.badge{white-space:nowrap;border-radius:980px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-green{background:var(--green-soft);color:var(--green)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-blue{background:var(--blue-soft);color:var(--blue)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-gray{background:var(--surface-3);color:var(--text-2)}.badge-brand{background:var(--brand-soft);color:var(--brand)}.modal-mask{-webkit-backdrop-filter:blur(4px);z-index:100;background:#00000059;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:640px;max-height:88vh;box-shadow:var(--shadow-lg);border-radius:20px;animation:.2s scaleIn;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-head h3{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.modal-body{padding:20px 24px 24px}.modal-foot{justify-content:flex-end;gap:10px;padding:0 24px 24px;display:flex}.modal-close{background:var(--surface-3);color:var(--text-2);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:background .15s;display:flex}.modal-close:hover{background:var(--line);color:var(--text)}.toast-wrap{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(20px)saturate(180%);color:#fff;box-shadow:var(--shadow-lg);background:#1d1d1feb;border-radius:980px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;animation:.2s slideDown;display:flex}.toast.error{background:#ff3b30eb}.toast.success{background:#34c759eb}.search-bar{gap:10px;margin-bottom:16px;display:flex}.search-bar .input{max-width:320px}.page-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-head h2{letter-spacing:-.03em;margin:0;font-size:24px;font-weight:700}.page-head .sub{color:var(--text-2);margin-top:2px;font-size:14px}.empty{text-align:center;color:var(--text-3);padding:48px 20px}.empty .ph{color:var(--line-strong);margin-bottom:10px;font-size:36px;display:block}.spinner{border:2.5px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:24px;height:24px;margin:0 auto;animation:.7s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-2) 50%, var(--surface-3) 75%);border-radius:var(--radius-xs);background-size:200% 100%;animation:1.2s infinite shimmer}.wizard-steps{align-items:center;gap:8px;margin-bottom:24px;display:flex}.wizard-step{color:var(--text-3);align-items:center;gap:8px;font-size:13px;display:flex}.wizard-step .dot{background:var(--surface-3);width:28px;height:28px;color:var(--text-3);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.wizard-step.active{color:var(--text);font-weight:600}.wizard-step.active .dot{background:var(--brand);color:#fff}.wizard-step.done .dot{background:var(--green);color:#fff}.wizard-line{background:var(--line);border-radius:1px;flex:1;max-width:60px;height:2px}.picker-list{flex-direction:column;gap:8px;max-height:380px;display:flex;overflow-y:auto}.picker-item{border:2px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.picker-item:hover,.picker-item.selected{border-color:var(--brand);background:var(--brand-soft)}.picker-item .t{font-size:14px;font-weight:600}.picker-item .s{color:var(--text-2);margin-top:2px;font-size:12px}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.tpl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;padding:18px;transition:all .2s}.tpl-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tpl-card .tpl-preview{aspect-ratio:2;border-radius:var(--radius-xs);background:var(--surface-3);border:1px solid var(--line);color:var(--text-3);justify-content:center;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.tpl-card .tpl-name{font-size:15px;font-weight:600}.tpl-card .tpl-meta{color:var(--text-2);margin-top:3px;font-size:12px}.task-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:14px;padding:16px 18px;display:flex}.task-card+.task-card{margin-top:10px}.task-card .t{font-weight:600;font-family:var(--mono);font-size:14px}.task-meta{color:var(--text-2);flex-wrap:wrap;gap:6px 16px;font-size:12px;display:flex}.task-meta b{color:var(--text);font-weight:600}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:18px;display:flex}.tab{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:color .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=900px){.sidebar{flex-basis:64px;width:64px}.sidebar-logo .name,.sidebar-logo .sub,.nav-item span:not(.ph),.nav-section,.sidebar-foot{display:none}.content{padding:18px}.form-grid{grid-template-columns:1fr}}.ed-root{flex-direction:column;height:calc(100vh - 112px);min-height:560px;display:flex}.ed-topbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.ed-topbar.is-preview{background:var(--brand-soft);border-radius:var(--radius-sm);margin-bottom:14px;padding:8px 14px}.ed-title{flex:1;min-width:0}.ed-title .h{letter-spacing:-.02em;font-size:16px;font-weight:700}.ed-title .s{color:var(--text-2);margin-top:2px;font-size:12px}.ed-title .s .dirty{color:var(--amber);margin-left:6px}.ed-body{flex:1;gap:14px;min-height:0;display:flex}.ed-left{flex-direction:column;flex:0 0 168px;gap:10px;width:168px;padding-right:2px;display:flex;overflow-y:auto}.ed-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px}.ed-section .title{color:var(--text-3);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.ed-tools{flex-direction:column;gap:4px;display:flex}.ed-tool{border-radius:var(--radius-xs);background:var(--surface-3);color:var(--text);cursor:pointer;text-align:left;border:none;align-items:center;gap:8px;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex}.ed-tool:hover:not(:disabled){background:var(--brand-soft);color:var(--brand)}.ed-tool:disabled{opacity:.35;cursor:not-allowed}.ed-tool .ph{flex:0 0 17px;font-size:17px}.ed-tool .lbl{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ed-btn-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.ed-btn-grid .ed-tool{justify-content:center;padding:7px 4px;font-size:12px}.ed-center{background:var(--surface-3);border-radius:var(--radius);border:1px solid var(--line);flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.ed-canvas-area{background-image:linear-gradient(45deg,#e8e8ed 25%,#0000 25%),linear-gradient(-45deg,#e8e8ed 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8e8ed 75%),linear-gradient(-45deg,#0000 75%,#e8e8ed 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:28px;display:flex;position:relative;overflow:auto}.ed-canvas-wrap{box-shadow:var(--shadow-lg);background:#fff;border-radius:2px;position:relative}.ed-canvas-wrap.is-preview{outline:3px solid var(--brand);outline-offset:3px}.ed-canvas-wrap canvas{display:block}.ed-loading{z-index:5;-webkit-backdrop-filter:blur(4px);background:#f5f5f7cc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ed-zoom-bar{background:var(--surface);border-top:1px solid var(--line);color:var(--text-2);align-items:center;gap:4px;padding:8px 12px;font-size:12px;display:flex}.ed-zoom-bar .btn{padding:4px 10px;font-size:12px}.ed-zoom-bar .pct{text-align:center;font-variant-numeric:tabular-nums;min-width:48px;font-weight:600}.ed-zoom-bar .spacer{flex:1}.ed-zoom-bar .tip{color:var(--text-3);font-size:11px}.ed-right{flex-direction:column;flex:0 0 260px;gap:10px;width:260px;padding-right:2px;display:flex;overflow-y:auto}.ed-right .card{border-radius:var(--radius-sm);padding:16px}.ed-right .card+.card{margin-top:0}.ed-sel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ed-sel-head .name{letter-spacing:-.01em;font-size:15px;font-weight:700}.ed-sel-head .acts{gap:4px;display:flex}.ed-row{gap:8px;display:flex}.ed-row .field{flex:1;min-width:0}.ed-row .field label{color:var(--text-3);margin-bottom:3px;font-size:11px}.ed-row .input{padding:7px 10px;font-size:13px}.ed-color-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ed-color-sw{cursor:pointer;border:2px solid var(--line);border-radius:50%;width:26px;height:26px;padding:0;transition:transform .1s}.ed-color-sw:hover{transform:scale(1.1)}.ed-color-sw.active{border-color:var(--brand);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--brand)}.ed-color-sw.custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;overflow:hidden}.ed-color-sw.custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.ed-layers{flex-direction:column;gap:4px;max-height:280px;display:flex;overflow-y:auto}.ed-layer{border-radius:var(--radius-xs);background:var(--surface-3);cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:all .1s;display:flex}.ed-layer:hover{background:var(--surface-2)}.ed-layer.active{background:var(--brand-soft)}.ed-layer .ph{color:var(--text-2);flex:0 0 15px;font-size:15px}.ed-layer .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.ed-layer .vis-btn{cursor:pointer;color:var(--text-3);background:0 0;border:none;border-radius:50%;align-items:center;padding:3px;transition:background .1s;display:flex}.ed-layer .vis-btn:hover{color:var(--text);background:var(--line)}.ed-layer .vis-btn.hidden{color:var(--text-3);opacity:.4}.ed-layers-empty{text-align:center;color:var(--text-3);padding:18px 0;font-size:13px}.ed-hint-box{color:var(--text-3);background:var(--surface-3);border-radius:var(--radius-xs);padding:10px 12px;font-size:12px;line-height:1.6}.ed-hint-box code{background:var(--surface);font-family:var(--mono);color:var(--text-2);border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-size:11px}@media (width<=1100px){.ed-left{flex-basis:140px;width:140px}.ed-right{flex-basis:220px;width:220px}}