:root{--panel-bg:#1e1e24;--panel-border:#34343c;--text:#e6e6ea;--text-dim:#9a9aa4;--accent:#c9a24b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:15px/1.4 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--panel-bg);color:var(--text)}.app{width:100vw;height:100vh;display:flex;overflow:hidden}.control-panel{background:var(--panel-bg);border-right:1px solid var(--panel-border);flex-shrink:0;width:320px;padding:20px;overflow-y:auto}.control-panel h1{letter-spacing:-.4px;margin:0;font-size:22px}.control-panel .subtitle{color:var(--text-dim);margin:2px 0 20px;font-size:13px}.control-panel section{border-bottom:1px solid var(--panel-border);margin-bottom:20px;padding-bottom:16px}.control-panel section:last-of-type{border-bottom:none}.control-panel h2{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin:0 0 10px;font-size:13px;font-weight:600}.shape-row{gap:8px;display:flex}.shape-row button{border:1px solid var(--panel-border);color:var(--text-dim);cursor:pointer;background:#2a2a32;border-radius:4px;flex:1;padding:8px;font-size:13px}.shape-row button.active{border-color:var(--accent);color:var(--accent);background:#33301f}.checkbox-field{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.checkbox-field input{accent-color:var(--accent)}.field{flex-direction:column;gap:4px;margin-bottom:12px;font-size:13px;display:flex}.field span{justify-content:space-between;display:flex}.field em{color:var(--accent);font-style:normal}.field input[type=range]{width:100%;accent-color:var(--accent)}.text-line-block{margin-bottom:10px}.text-line{gap:6px;display:flex}.line-type-btn{border:1px solid var(--panel-border);width:30px;color:var(--text-dim);cursor:pointer;background:#2a2a32;border-radius:4px;flex-shrink:0;font-size:12px}.divider-preview{border:1px solid var(--panel-border);color:var(--accent);letter-spacing:2px;background:#2a2a32;border-radius:4px;flex:1;justify-content:center;align-items:center;padding:6px 8px;font-size:13px;display:flex}.text-line-options{align-items:center;gap:6px;margin:6px 0 0 36px;display:flex}.text-line-options select{border:1px solid var(--panel-border);color:var(--text);background:#2a2a32;border-radius:4px;padding:4px 6px;font-size:12px}.text-line-options input[type=range]{accent-color:var(--accent);flex:1}.text-line-options em{color:var(--accent);width:34px;font-size:11px;font-style:normal}.text-line input[type=text]{border:1px solid var(--panel-border);color:var(--text);background:#2a2a32;border-radius:4px;flex:1;padding:6px 8px;font-size:13px}.text-line button{border:1px solid var(--panel-border);width:28px;color:var(--text);cursor:pointer;background:#2a2a32;border-radius:4px}.text-line button:disabled{opacity:.35;cursor:not-allowed}.add-line{border:1px dashed var(--panel-border);width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;padding:8px;font-size:13px}.add-line:disabled{opacity:.35;cursor:not-allowed}.color-row{justify-content:space-between;gap:8px;display:flex}.color-row label{color:var(--text-dim);flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.color-row input[type=color]{border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:4px;width:36px;height:24px;padding:0}.export-btn{background:var(--accent);color:#1b1b1f;cursor:pointer;border:none;border-radius:6px;width:100%;padding:12px;font-size:14px;font-weight:600}.export-btn:hover{filter:brightness(1.08)}.viewport{flex:1;min-width:0}