:root{--gold:#d5a826;--gold-dark:#a8811a;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#f1f4f9;--panel:#fff;--err:#b91c1c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.5 Inter,Segoe UI,system-ui,sans-serif}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.center{height:100vh;color:var(--muted);place-items:center;display:grid}.editor{grid-template-rows:auto auto 1fr;height:100vh;display:grid}.top{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 14px;display:flex}.brand{white-space:nowrap;font-weight:700}.title{min-width:180px;max-width:360px;font:inherit;border:1px solid #0000;border-radius:8px;flex:1;padding:6px 10px;font-weight:600}.title:hover,.title:focus{border-color:var(--line)}.tools{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tools button,.slide-actions button,.inspector button{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:5px 10px}.tools .primary{background:var(--gold);border-color:var(--gold);color:#fff;font-weight:600}.sep{background:var(--line);width:1px;height:24px;margin:0 4px}.message{border-bottom:1px solid var(--line);background:#fffbeb;margin:0;padding:8px 14px}.link{color:var(--gold-dark);background:0 0;border:0}.danger{color:var(--err)}.workspace{grid-template-columns:210px 1fr 260px;min-height:0;display:grid}.thumbs{border-right:1px solid var(--line);background:var(--panel);padding:10px;overflow:auto}.thumb button{background:0 0;border:2px solid #0000;border-radius:8px;gap:6px;width:100%;margin-bottom:8px;padding:4px;display:flex}.thumb.current button{border-color:var(--gold)}.thumb .num{color:var(--muted);width:14px;font-size:12px}.slide-actions{flex-direction:column;gap:4px;display:flex}.canvas{flex-direction:column;gap:10px;min-width:0;min-height:0;padding:16px;display:flex}.stage-wrap{flex:1;place-items:center;min-height:0;display:grid}.slide-frame{background:#fff;position:relative;overflow:hidden;box-shadow:0 2px 12px #0f172a1f}.slide{transform-origin:0 0;width:1920px;height:1080px;position:absolute;top:0;left:0;overflow:hidden}.element{cursor:move;touch-action:none}.element.selected{outline:6px solid var(--gold);outline-offset:2px}.handle{background:var(--gold);cursor:nwse-resize;border:3px solid #fff;border-radius:50%;position:absolute;bottom:-12px;right:-12px}.text-editor{border:4px dashed var(--gold);resize:none;background:#ffffffe6;outline:none;font-family:inherit}.notes{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.notes textarea,.inspector textarea,.inspector input:not([type=color]){border:1px solid var(--line);font:inherit;color:var(--ink);border-radius:8px;padding:6px 8px}.inspector{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;gap:10px;padding:14px;display:flex;overflow:auto}.inspector h2{margin:6px 0 0;font-size:14px}.inspector label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.inspector .row{flex-wrap:wrap;gap:4px;display:flex}.inspector button[aria-pressed=true]{border-color:var(--gold);background:#fdf6e3}.hint{color:var(--muted);font-size:12px}.presenter{z-index:50;cursor:none;background:#000;place-items:center;display:grid;position:fixed;inset:0}.presenter .slide-frame{box-shadow:none}.counter{color:#ffffff80;font-size:12px;position:fixed;bottom:10px;right:16px}.print-only{display:none}@page{size:338.67mm 190.5mm;margin:0}@media print{body{background:#fff}.editor>:not(.print-only){display:none!important}.print-only{display:block}.print-page{page-break-after:always;place-items:center;width:338.67mm;height:190.5mm;display:grid}.print-page .slide-frame{box-shadow:none;zoom:1;transform:scale(1)}}@media (max-width:900px){.workspace{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.thumbs{border-right:0;border-bottom:1px solid var(--line);gap:6px;display:flex}.thumb button{width:190px}.slide-actions{flex-flow:wrap}.inspector{border-left:0;border-top:1px solid var(--line)}}
