:root{--bg:#f7f8fa;--panel:#fff;--panel-soft:#f1f5f9;--ink:#171717;--muted:#64748b;--line:#d9e0e8;--strong-line:#a8b3c2;--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#d9f3ef;--amber:#b45309;--amber-soft:#fff3d7;--danger:#be123c;--danger-soft:#ffe4e6;--blue:#2563eb;--shadow:0 18px 44px #0f172a1a;--font:"Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"SFMono-Regular", Consolas, monospace;font-family:var(--font);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:6px;outline:none;padding:9px 10px}input:focus,select:focus,button:focus-visible{outline-offset:2px;outline:2px solid #0f766e52}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.15}h2{font-size:18px;line-height:1.2}#root{min-height:100vh}.app-shell{background:linear-gradient(90deg, #0f766e14 1px, transparent 1px), linear-gradient(0deg, #2563eb0d 1px, transparent 1px), var(--bg);background-size:28px 28px;min-height:100vh;padding:24px}.app-header{align-items:center;gap:14px;max-width:1640px;margin:0 auto 16px;display:flex}.brand-mark{border:1px solid var(--line);background:var(--ink);color:#fff;width:52px;height:52px;box-shadow:var(--shadow);border-radius:8px;place-items:center;display:grid}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.notice-bar{border:1px solid var(--line);max-width:1640px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:8px;margin:0 auto 16px;padding:10px 12px;display:flex}.notice-bar.success{background:var(--accent-soft);color:var(--accent-strong);border-color:#0f766e59}.notice-bar.error{background:var(--danger-soft);color:var(--danger);border-color:#be123c40}.workspace{grid-template-columns:minmax(280px,360px) minmax(520px,1fr) minmax(300px,360px);align-items:start;gap:16px;max-width:1640px;margin:0 auto;display:grid}.left-rail{gap:16px;display:grid}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff0;border-radius:8px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.icon-button,.primary-button,.secondary-button,.danger-button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 12px;font-weight:800;display:inline-flex}.icon-button{width:36px;height:36px;min-height:36px;color:var(--ink);background:var(--panel-soft);border-color:var(--line);padding:0}.primary-button{color:#fff;background:var(--accent);border-color:var(--accent)}.primary-button:hover{background:var(--accent-strong)}.secondary-button{color:var(--ink);border-color:var(--line);background:#fff}.danger-button{width:100%;color:var(--danger);background:var(--danger-soft);border-color:#be123c3d}.upload-panel,.template-manager,.export-panel{overflow:hidden}.upload-grid{gap:10px;padding:16px;display:grid}.file-drop{border:1px dashed var(--strong-line);background:#fff;border-radius:8px;position:relative;overflow:hidden}.file-drop-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px;display:grid}.file-drop-button:hover{background:#0f766e0d}.file-input-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-drop-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.file-drop strong,.file-drop small{display:block}.file-drop small,.hint-text,.progress-block small{color:var(--muted);font-size:12px}.ready-pill{max-width:100%;color:var(--accent-strong);grid-column:1/-1;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.data-preview{border-top:1px solid var(--line);padding:14px 16px 16px}.data-preview-head{justify-content:space-between;gap:10px;margin-bottom:10px;font-size:13px;display:flex}.data-preview-head span{color:var(--muted)}.table-scroll{border:1px solid var(--line);border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:460px;font-size:12px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:8px 10px}th{background:var(--panel-soft);color:var(--muted);font-weight:800}.template-actions,.export-options,.progress-block{gap:10px;padding:16px;display:grid}.template-actions{grid-template-columns:1fr}.export-options .segmented{grid-template-columns:repeat(2,1fr)}.helper-text{color:var(--muted);font-size:12px;line-height:1.45}.template-list{gap:8px;padding:0 16px 16px;display:grid}.template-row{grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.template-row>button:first-child{border:1px solid var(--line);text-align:left;background:#fff;border-radius:6px;align-items:center;gap:9px;min-width:0;padding:9px 10px;display:flex}.template-row.active>button:first-child{background:var(--accent-soft);border-color:#0f766e73}.template-row strong,.template-row small{display:block}.template-row small{color:var(--muted);font-size:11px}.ghost-danger{width:34px;height:34px;color:var(--danger);background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;display:grid}.editor-panel{min-width:0;overflow:hidden}.empty-editor{padding-bottom:18px}.empty-editor p{color:var(--muted);padding:0 16px}.editor-layout{grid-template-columns:minmax(320px,1fr) 300px;min-height:620px;display:grid}.stage-shell{background-color:#edf1f5;background-image:linear-gradient(45deg,#0f172a0a 25%,#0000 25%),linear-gradient(-45deg,#0f172a0a 25%,#0000 25%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-width:0;padding:18px;display:grid}.poster-stage{border:1px solid var(--strong-line);-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none;background:#fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0f172a33}.poster-stage:active{cursor:grabbing}.poster-stage canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.text-layer{z-index:2;pointer-events:none;border:0;position:absolute;overflow:hidden}.text-layer.active{background:0 0;outline:0}.move-hint{background:var(--blue);color:#fff;place-items:center;width:18px;height:18px;display:none;position:absolute;top:-1px;right:-1px}.text-layer.active .move-hint{display:grid}.inspector{border-left:1px solid var(--line);background:#fff;align-content:start;gap:14px;padding:16px;display:grid}.field{gap:6px;min-width:0;display:grid}.field span,.control-title{color:var(--muted);font-size:12px;font-weight:800}.layer-list{gap:8px;display:grid}.control-title{justify-content:space-between;align-items:center;display:flex}.control-title button,.layer-list>button{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:6px;padding:8px 10px}.control-title button{padding:5px 8px;font-size:12px}.layer-list>button.selected{background:var(--accent-soft);color:var(--accent-strong);border-color:#0f766e73;font-weight:800}.layer-controls{gap:12px;display:grid}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.control-grid.compact{align-items:end}.nudge-panel,.font-size-control{gap:9px;display:grid}.nudge-panel>span,.font-size-control .control-title{color:var(--muted);font-size:12px;font-weight:800}.nudge-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.nudge-grid button,.stepper-row button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:6px;place-items:center;display:grid}.nudge-grid button:hover,.stepper-row button:hover{background:var(--panel-soft)}.font-size-control .control-title strong{color:var(--ink);font-size:12px}.stepper-row{grid-template-columns:40px 1fr 40px;gap:8px;display:grid}.font-size-control input[type=range]{accent-color:var(--accent);padding:0}.segmented{border:1px solid var(--line);border-radius:6px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--line);color:var(--muted);background:#fff;padding:8px}.segmented button:last-child{border-right:0}.segmented button.selected{background:var(--ink);color:#fff}.check-row{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.check-row input{width:auto}.progress-meta{justify-content:space-between;gap:12px;font-size:13px;display:flex}.progress-track{background:var(--panel-soft);border-radius:999px;height:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--blue));height:100%;transition:width .2s;display:block}.warning-box{background:var(--amber-soft);color:var(--amber);border:1px solid #b4530940;border-radius:8px;margin:0 16px 16px;padding:10px 12px;font-size:13px}.warning-box.danger{background:var(--danger-soft);color:var(--danger);border-color:#be123c3d}.export-panel .button-row{padding:0 16px 16px}@media (width<=1320px){.workspace{grid-template-columns:320px minmax(520px,1fr)}.export-panel{grid-column:1/-1}}@media (width<=980px){.app-shell{padding:14px}.workspace,.editor-layout{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid var(--line)}.poster-stage{max-height:none}}@media (width<=560px){.app-header{align-items:flex-start}h1{font-size:24px}.section-heading,.button-row,.data-preview-head{flex-direction:column;align-items:flex-start}.icon-button{width:38px}}