*{box-sizing:border-box}body,html{margin:0;height:100%;background:#0e0f13;color:#e8e9ee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{height:100vh;display:flex;flex-direction:column}#topbar{height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #23252d;background:#121319}.brand{font-weight:700;font-size:15px}.topbar-actions{display:flex;gap:8px}.btn{padding:8px 14px;font-size:13px;border-radius:8px;border:1px solid #2c2f3a;background:#1a1c24;color:#e8e9ee;cursor:pointer;font-family:inherit}.btn.primary{background:#4f6df5;border-color:#4f6df5;color:#fff}.btn.ghost{background:transparent}.btn.tiny{padding:6px 9px;font-size:12px}.btn:disabled{opacity:.6;cursor:default}.mode-switch{display:flex;gap:4px;background:#1a1c24;border:1px solid #23252d;border-radius:9px;padding:3px}.mode-btn{padding:6px 14px;font-size:12.5px;border:none;border-radius:6px;background:transparent;color:#a7abc0;cursor:pointer;font-family:inherit}.mode-btn.active{background:#4f6df5;color:#fff}#main{flex:1 1;display:flex;min-height:0}#sidebar{width:300px;flex:0 0 300px;overflow-y:auto;border-right:1px solid #23252d;padding:14px;background:#121319}.panel{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #1e2028}.panel h3{margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#8a8fa3}.panel label{display:block;font-size:12px;color:#a7abc0;margin-bottom:10px}.panel input[type=number],.panel input[type=text],.panel select,.panel textarea{width:100%;margin-top:5px;background:#1a1c24;border:1px solid #2c2f3a;color:#e8e9ee;border-radius:7px;padding:8px 9px;font-size:13px;font-family:inherit}.panel textarea{resize:vertical}.panel input[type=color]{width:100%;margin-top:5px;height:34px;border:1px solid #2c2f3a;border-radius:7px;background:#1a1c24;padding:2px}.panel input[type=range]{width:100%;margin-top:6px}.range-val{float:right;color:#8a8fa3;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row{margin-bottom:10px}.row.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.row.preset-row{display:flex;flex-direction:column;gap:6px}.row.seg{display:flex;gap:6px;margin-bottom:12px}.seg-btn{flex:1 1;padding:7px 8px;font-size:12px;border-radius:7px;border:1px solid #2c2f3a;background:#1a1c24;color:#c3c6d6;cursor:pointer;font-family:inherit}.seg-btn.active{background:#4f6df5;border-color:#4f6df5;color:#fff}.upload-drop{display:flex;align-items:center;justify-content:center;text-align:center;border:1.5px dashed #333648;border-radius:9px;padding:18px 10px;font-size:12.5px;color:#9195ab;cursor:pointer;margin-bottom:8px}.upload-drop:hover{border-color:#4f6df5;color:#c3c6d6}.hint{font-size:11px;color:#767b91;line-height:1.5;margin:0}.reset-btn{margin-top:4px;width:100%}#canvasArea{flex:1 1;position:relative;overflow:auto;padding:30px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#181a22 25%,transparent 0),linear-gradient(-45deg,#181a22 25%,transparent 0),linear-gradient(45deg,transparent 75%,#181a22 0),linear-gradient(-45deg,transparent 75%,#181a22 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:#101116}.preview-frame{position:relative;box-shadow:0 30px 80px rgba(0,0,0,.55);border-radius:6px;overflow:hidden;flex:0 0 auto}#dimLabel{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:11.5px;color:#767b91}#slides{width:220px;flex:0 0 220px;overflow-y:auto;border-left:1px solid #23252d;padding:14px;background:#121319}.slides-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.slides-header h3{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#8a8fa3}.slide-card{border:1.5px solid #23252d;border-radius:10px;padding:8px;margin-bottom:10px;cursor:pointer;background:#16171e;position:relative}.slide-card.active{border-color:#4f6df5}.slide-card .thumb{width:100%;aspect-ratio:1284/2778;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0c0d12;position:relative}.slide-card .thumb-inner{position:absolute;top:0;left:0;transform-origin:top left}.slide-card .caption{font-size:11px;color:#c3c6d6;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-card .del{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;font-size:12px;line-height:1;z-index:2}.export-node-host{position:fixed;left:-100000px;top:0;pointer-events:none;opacity:1}@media (max-width:820px){#app{height:100dvh}#topbar{height:auto;flex:0 0 auto;flex-wrap:wrap;gap:8px;padding:10px 12px}.brand{font-size:14px;width:100%}.mode-btn,.mode-switch{flex:1 1 auto}.mode-btn{padding:8px 6px}.topbar-actions{flex:1 1 100%}.topbar-actions .btn{flex:1 1 auto}#main{flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}#canvasArea{order:1;flex:0 0 auto;height:42vh;min-height:240px;padding:16px}#sidebar{order:3;border-right:none}#sidebar,#slides{width:100%;flex:0 0 auto}#slides{order:2;border-left:none;border-bottom:1px solid #23252d}#slideList{display:flex;flex-direction:row;gap:10px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.slide-card{flex:0 0 96px;min-width:0;margin-bottom:0}.slide-card .caption{max-width:80px}.panel input[type=number],.panel input[type=text],.panel select,.panel textarea{font-size:16px;padding:10px}.seg-btn{padding:10px 8px}.upload-drop{padding:22px 10px}.btn{padding:10px 14px}}@media (max-width:480px){#canvasArea{height:38vh}.mode-btn{font-size:12px}}