.editor-header{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0}.editor-header label{margin:0;max-width:330px;flex:1;min-width:180px}.editor-surface{background:#f1f3f6;border:1px solid #d7dfeb;border-radius:12px;padding:14px}.editor-surface:fullscreen{overflow:auto;border-radius:0;background:#f1f3f6;padding:20px}.editor-display{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.editor-display label{display:flex;align-items:center;gap:8px;margin:0}.editor-display select{width:auto;max-width:210px}.editor-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:16px}.editor-layout:not(:has(.editor-side)){grid-template-columns:1fr}.editor-side{position:static;height:auto;background:#fff;border:1px solid #d7dfeb;padding:14px;border-radius:8px;display:block;width:auto;overflow:auto;max-height:950px}.editor-side h3{margin-top:20px}.editor-side h3:first-child{margin-top:0}.editor-stock,.editor-tools{display:grid;gap:6px}.editor-stock button{display:flex;justify-content:space-between;text-align:left;padding:9px;font-size:12px}.editor-stock small{color:#667085}.editor-tools{grid-template-columns:1fr 1fr}.editor-tools button{font-size:11px;padding:10px 5px}.editor-scroll{overflow:auto;background:#fff;border:1px solid #d7dfeb;border-radius:8px;min-height:300px}.editor-zoom{min-width:100%;transform-origin:top left}.editor-zoom #board{width:100%;min-width:600px;max-width:none;height:auto;border-radius:0;touch-action:none;background:white}.editor-zoom svg>text{fill:unset}.editor-zoom svg>path{stroke:unset}.editor-zoom svg>path[stroke]{stroke:revert-layer}.editor-zoom svg defs marker path{stroke:none}.editor-module,.editor-bar,[data-editor-item]{cursor:move}.editor-selected{filter:drop-shadow(0 0 3px #1a6bff)}.editor-module.editor-selected{stroke:#1a6bff;stroke-width:3}.editor-layer-panel{background:#fff;border:1px solid #d7dfeb;border-radius:8px;padding:16px;margin:14px 0}.editor-layer-panel .row{flex-wrap:wrap}.layer-row{display:flex;align-items:center;gap:12px;border-top:1px solid #d7dfeb;padding:9px 0}.layer-row label{flex:1;margin:0}.layer-row input,.editor-audience input,.editor-properties input[type=checkbox]{width:auto}.layer-row button{font-size:11px;padding:6px 8px}.layer-row small{color:#667085;font-size:10px}.tone-picker{display:flex;gap:8px}.tone-picker button{width:35px;height:35px;padding:0}.editor-delete{color:#a92323;margin-top:15px}.editor-properties{margin-top:12px}.editor-audience{display:grid;grid-template-columns:1fr 1fr;gap:5px}.editor-audience label{margin:4px 0;font-weight:400}.editor-main{min-width:0}.editor-surface text{font-family:'Bai Jamjuree',sans-serif}@media(max-width:1100px){.editor-layout{grid-template-columns:200px minmax(0,1fr)}.main:has(.editor-surface){padding:24px 18px;max-width:1600px}}@media(max-width:700px){.editor-layout{grid-template-columns:1fr}.editor-side{max-height:400px}.editor-stock{grid-template-columns:1fr 1fr}.editor-tools{grid-template-columns:repeat(4,1fr)}.editor-display select{max-width:160px}.editor-audience{grid-template-columns:1fr}.layer-row{flex-wrap:wrap}.editor-header label{max-width:none}.editor-zoom #board{min-width:650px}}

.editor-expanded{position:fixed;inset:0;z-index:1000;overflow:auto;border-radius:0}.editor-side input[type=checkbox]{width:auto}