.canvas-home-banner{display:flex;align-items:center;gap:22px;padding:24px;border:1px solid #303030;background:#10141b;border-radius:14px;margin:22px 0}.canvas-home-banner strong{font-size:19px}.canvas-home-banner>span:last-child{margin-left:auto;color:#a3a3a3;font-size:12px}.canvas-welcome{padding:60px;min-height:350px;background:linear-gradient(135deg,#101923,#090909)}.canvas-welcome h2{font-size:48px;line-height:1.15;margin:24px 0}.canvas-welcome p{max-width:530px;color:#a3a3a3;margin-bottom:30px}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#0d0d0d;border:1px solid #303030;border-radius:12px;padding:12px;margin-bottom:14px}.canvas-toolbar .actions{gap:7px;flex-wrap:wrap}.canvas-separator{height:22px;width:1px;background:#303030;margin:0 4px}.canvas-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.canvas-properties{padding:18px;max-height:calc(100vh - 235px);overflow:auto;scrollbar-gutter:stable}.canvas-properties details{border-top:1px solid #303030;margin-top:22px;padding-top:18px}.canvas-properties summary{font-weight:650;cursor:pointer;margin-bottom:14px}.canvas-properties textarea{min-height:90px;font-size:12px}.canvas-properties input,.canvas-properties select{min-width:0;font-size:12px}.canvas-properties .theme-buttons{gap:5px}.canvas-properties .theme-chip{font-size:10px;padding:7px 8px}.canvas-selection-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.canvas-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.canvas-field-grid label{color:#a3a3a3;font-size:11px}.canvas-field-grid input{margin-top:5px}.canvas-empty-inspector{padding:23px 0;color:#a3a3a3;font-size:12px}.canvas-empty-inspector strong{color:#f3f3f3}.canvas-color-row{display:flex;gap:10px;align-items:end;margin:16px 0}.canvas-color-row label{font-size:11px;color:#a3a3a3}.canvas-color-row input[type=color]{display:block;width:56px;height:35px;padding:3px}.canvas-color-row select{flex:1;width:150px}.canvas-align{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.canvas-align .btn{font-size:10px;padding:7px 4px}.canvas-properties .actions{gap:5px;margin:12px 0;flex-wrap:wrap}.canvas-properties [aria-pressed=true]{border-color:#4b94ff;background:#102440;color:#e9f2ff}.canvas-layer{display:flex;align-items:center;text-align:left;gap:8px;width:100%;background:none;border:1px solid transparent;border-radius:6px;padding:9px 8px;color:#a3a3a3;font-size:11px;cursor:pointer}.canvas-layer span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-layer.active{background:#102440;border-color:#2c568f;color:#f3f3f3}.canvas-layer:hover{background:#151515}.canvas-layer i{margin-left:auto;color:#4b94ff}.canvas-work{min-width:0}.canvas-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#a3a3a3;margin:7px 0 14px}.canvas-meta label{white-space:nowrap}.canvas-meta input{width:auto;min-height:0}.canvas-stage-wrap{padding:28px;background-color:#141414;background-image:radial-gradient(#333 1px,transparent 1px);background-size:14px 14px;border:1px solid #303030;border-radius:12px;overflow:auto;max-height:calc(100vh - 330px);min-height:260px}#canvasStage{position:relative;width:100%;min-width:260px;box-shadow:0 12px 42px #0008;touch-action:none;outline:none}#canvasStage>svg{width:100%;height:100%;display:block}#canvasStage [data-vnode]{cursor:move}#canvasStage [data-vnode] text{user-select:none}#canvasStage [data-vnode]:hover{filter:drop-shadow(0 0 1px #4b94ff)}.canvas-selection{pointer-events:none;fill:none;stroke:#4b94ff;stroke-width:1.5;vector-effect:non-scaling-stroke}.canvas-selection [data-handle]{pointer-events:auto;fill:white;stroke:#2e75d8;stroke-width:2;cursor:nwse-resize}.canvas-selection [data-handle=ne],.canvas-selection [data-handle=sw]{cursor:nesw-resize}.canvas-selection [data-handle=rotate]{cursor:grab}#canvasGuides{stroke:#ed56b7;stroke-width:1;stroke-dasharray:5 5;pointer-events:none}.canvas-inline{position:absolute;z-index:3;background:white;color:#111;border:2px solid #4b94ff;padding:0;resize:both;font-family:'Malgun Gothic',sans-serif;line-height:1.35}.canvas-help{color:#a3a3a3;font-size:11px;line-height:1.7;padding:14px 0}.canvas-attribution{margin-top:20px}.canvas-attribution a{color:#83b6ff}.canvas-export-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.canvas-work .slide-strip{margin:8px 0 16px}.canvas-work .slide-thumb{min-width:140px;width:140px}.canvas-work>.actions{flex-wrap:wrap}#canvasPresenter{position:fixed;inset:0;z-index:9999;background:#050505;padding:20px;display:flex;flex-direction:column;color:#f3f3f3}#canvasPresenter header,#canvasPresenter footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0}#presentTimer{font-variant-numeric:tabular-nums;color:#a3a3a3}.present-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:24px;align-items:center}#presentCurrent{min-width:0;min-height:0;height:100%;display:grid;place-items:center}#presentCurrent>svg{height:100%;width:100%;max-height:75vh}#presentNotes{align-self:stretch;overflow:auto;border-left:1px solid #303030;padding-left:20px}#presentNotes svg{width:100%;height:auto;max-height:240px}#presentNotes h3{font-size:13px;margin:22px 0 14px}.present-note-text{white-space:pre-wrap;line-height:1.8;font-size:14px}.audience .present-layout{grid-template-columns:1fr}.audience #presentNotes{display:none}#presentCurrent[data-transition=fade]>svg{animation:canvasFade .25s}#presentCurrent[data-transition=slide]>svg{animation:canvasSlide .25s}@keyframes canvasFade{from{opacity:0}}@keyframes canvasSlide{from{opacity:0;transform:translateX(20px)}}@media(prefers-reduced-motion:reduce){#presentCurrent>svg{animation:none!important}}@media(min-width:1500px){.canvas-layout{grid-template-columns:330px minmax(0,1fr)}.canvas-stage-wrap{max-height:calc(100vh - 300px)}}@media(max-width:1000px){.canvas-layout{grid-template-columns:260px minmax(0,1fr)}.canvas-stage-wrap{padding:12px}.canvas-home-banner{flex-wrap:wrap}.canvas-home-banner>span:last-child{margin:0}.canvas-properties{padding:12px}}@media(max-width:720px){.canvas-layout{display:flex;flex-direction:column-reverse}.canvas-work,.canvas-properties{width:100%}.canvas-properties{max-height:none}.canvas-stage-wrap{max-height:65vh}.canvas-toolbar .btn{font-size:10px;padding:7px}.canvas-welcome{padding:28px}.canvas-welcome h2{font-size:34px}.present-layout{grid-template-columns:1fr}#presentNotes{display:none}#canvasPresenter header{flex-wrap:wrap}.canvas-meta{flex-wrap:wrap}}