/* Unified grid; all editors, iframes and players remain on their original nodes. */
.personal-toolbar,.personal-toolbar .personal-tools{flex-wrap:wrap}.personal-toolbar .personal-tools{min-width:0;max-width:100%}
.personal-components .workspace-canvas-grid{display:grid;grid-template-columns:repeat(var(--canvas-columns,6),minmax(0,1fr));grid-auto-rows:176px;gap:16px;align-items:stretch;padding:0}
.personal-components .workspace-canvas-grid>.canvas-widget{min-width:0;min-height:0;box-sizing:border-box;animation:none;transition-property:background-color,color,border-color,border-radius,box-shadow,opacity}
.personal-components .workspace-canvas-grid>.canvas-widget:not(.plugin-expanded){height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:16px;container-type:inline-size}
.workspace-canvas-grid>.canvas-widget[hidden]{display:none!important}
.canvas-widget:not(.plugin-expanded)>.widget-heading{display:flex;align-items:center;gap:6px;min-height:32px;margin:0 0 10px;flex-shrink:0}.canvas-widget:not(.plugin-expanded)>.widget-heading h2{font-size:14px;line-height:1.3;display:flex;align-items:center;gap:7px;margin:0;overflow-wrap:anywhere}.canvas-widget:not(.plugin-expanded)>.widget-heading h2 svg{width:18px;height:18px;flex:none}
.canvas-widget:not(.plugin-expanded)>.plugin-content{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.canvas-widget:not(.plugin-expanded)>.plugin-content>textarea{height:100%;min-height:0;resize:none;line-height:1.65}
.canvas-widget:not(.plugin-expanded) .timer-display{font-size:36px;line-height:1.2;min-height:0;padding:0;margin:0 0 8px}.canvas-widget:not(.plugin-expanded) .timer-actions{gap:5px}.canvas-widget:not(.plugin-expanded) .timer-actions button{min-height:36px;font-size:12px;padding:6px 10px}
.canvas-widget:not(.plugin-expanded) .plugin-frame{height:100%;min-height:0}.canvas-widget:not(.plugin-expanded) .plugin-content:has(>.plugin-frame){display:flex}.canvas-widget:not(.plugin-expanded) .plugin-summary{height:100%;min-height:0;overflow:hidden}
.canvas-widget[data-canvas-cols="1"]:not(.plugin-expanded){padding:12px!important}.canvas-widget[data-canvas-cols="1"]:not(.plugin-expanded) .widget-heading h2{font-size:12px;gap:4px}.canvas-widget[data-canvas-cols="1"]:not(.plugin-expanded) .widget-heading h2 svg{width:14px;height:14px}.canvas-widget[data-canvas-cols="1"]:not(.plugin-expanded) .plugin-status{display:none}
.plugin-card-placeholder{box-sizing:border-box}.canvas-editor{margin:16px 0 14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text)}.canvas-editor[hidden],.canvas-remote-actions[hidden]{display:none}.canvas-editor>strong{font-size:14px}
.canvas-actions,.canvas-remote-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.canvas-actions>button,.canvas-remote-actions>button{min-height:40px;padding:8px 12px;white-space:nowrap}.canvas-copy-label{display:flex;align-items:center;gap:8px;font-size:12px;margin-left:auto;min-width:0}.canvas-copy-label select{max-width:180px;min-width:0}
.canvas-notice{margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.canvas-notice:is([data-status=error],[data-status=offline],[data-status=conflict]){color:var(--danger,#b74860)}
.canvas-editing>.canvas-widget{outline:1px dashed color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px;scroll-margin-block:24px}.canvas-editing>.canvas-widget>.widget-heading{display:none}
.canvas-widget-controls{display:flex;align-items:center;gap:5px;flex-shrink:0;height:32px;margin:0 0 10px;min-width:0}.canvas-control-name{font-size:12px;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-widget-controls .icon-button{width:28px;min-width:28px;height:32px;min-height:32px;padding:0}.canvas-handle{font-size:22px;touch-action:none;cursor:grab}.canvas-handle:active{cursor:grabbing}
.canvas-size-button{border:1px solid var(--line);border-radius:8px;padding:5px 7px;min-height:32px;font-size:11px;flex:none;background:var(--surface-soft)}.canvas-resize-handle{position:absolute;right:0;bottom:0;z-index:5;width:30px;height:30px;min-height:30px!important;font-size:18px!important;padding:0!important;color:var(--accent);touch-action:none;cursor:nwse-resize;background:linear-gradient(135deg,transparent 35%,var(--surface) 36%);border-radius:0 0 var(--radius) 0}
.canvas-editing>.canvas-widget[data-canvas-visible=false]{opacity:.55}.canvas-editing>.canvas-widget[data-canvas-visible=false]>.plugin-content{visibility:hidden}.canvas-sorting,.canvas-resizing{user-select:none}.canvas-sorting iframe,.canvas-resizing iframe{pointer-events:none}
.canvas-drag-target{opacity:.25!important;border:2px dashed var(--accent)!important;background:var(--accent-soft)!important}.canvas-pointer-float{position:fixed;left:0;top:0;z-index:100020;pointer-events:none;max-width:260px;padding:14px 20px;border:1px solid var(--accent);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 14px 40px #0004;font-size:13px;will-change:transform}.canvas-size-live{position:absolute;right:12px;bottom:12px;z-index:6;padding:4px 8px;border-radius:6px;background:var(--accent);color:white;font-size:12px;pointer-events:none}
.canvas-size-menu{position:fixed;inset:auto;margin:0;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 16px 50px #0004;z-index:100030;box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto}.canvas-size-title{display:flex;align-items:center;justify-content:space-between;font-size:13px}.canvas-size-title .icon-button{width:36px;height:36px;min-height:36px;font-size:20px}
.canvas-size-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 16px}.canvas-size-presets button{min-height:40px;border:1px solid var(--line);border-radius:9px;font-size:12px}.canvas-size-presets button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.canvas-size-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.canvas-size-fields label{display:grid;gap:6px;font-size:12px;min-width:0}.canvas-size-fields select{width:100%;min-height:40px}.canvas-size-visible{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:15px}.canvas-size-visible input{width:16px;height:16px;accent-color:var(--accent)}.canvas-size-move{display:flex;gap:8px;margin-top:14px}.canvas-size-move button{flex:1;min-height:40px}
.personal-layout-row{grid-template-columns:28px minmax(0,1fr) 24px!important}.personal-layout-dimensions{grid-column:2/-1;display:flex;gap:10px;min-width:0}.personal-layout-dimensions label{display:flex;align-items:center;gap:6px;font-size:12px;min-width:0}.personal-layout-dimensions select{width:85px;min-width:0}.personal-layout-compact{grid-column:2/-1;display:flex!important;gap:8px!important;align-items:center;font-size:12px}.personal-layout-compact input{width:16px;height:16px}.personal-conflict-values.readable-diff{display:block}
@container(max-width:220px){.canvas-control-name{display:none}.canvas-widget-controls{justify-content:space-between}.tools-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tools-shortcut{padding:7px 2px!important;gap:4px!important;font-size:10px!important}}
@media(max-width:700px){.personal-components .workspace-canvas-grid{gap:12px}.personal-components .workspace-canvas-grid>.canvas-widget:not(.plugin-expanded){padding:12px}.canvas-copy-label{margin-left:0;flex-basis:100%}.canvas-copy-label select{flex:1;max-width:none}.canvas-widget-controls{gap:3px}.canvas-control-name{font-size:11px}.canvas-size-button{font-size:10px;padding:5px}.canvas-editor{padding:12px}.canvas-size-presets button,.canvas-size-move button{min-height:44px}}
@media(pointer:coarse){.canvas-resize-handle{display:none}.canvas-widget-controls .canvas-handle{width:44px;min-width:44px;height:44px;min-height:44px}.canvas-widget-controls{height:44px}.canvas-size-button{min-height:44px}}