.designer-shell.svelte-fgfn2i{display:flex;flex-direction:row;align-items:stretch;width:100%;height:calc(100vh - var(--ribbon-height));min-height:0;background:var(--bg);color:var(--text-secondary);font-family:DM Mono,ui-monospace,monospace;overflow:hidden}.designer-stage.svelte-fgfn2i{flex:1 1 0%;min-width:0;min-height:0;position:relative}.designer-canvas.svelte-fgfn2i{display:block;width:100%;height:100%;opacity:0;transition:opacity .6s var(--ease-out)}.designer-canvas.ready.svelte-fgfn2i{opacity:1}.fe-ribbon.svelte-fgfn2i{flex:0 0 68px;min-height:0;display:flex;flex-direction:column;align-items:center;padding-top:16px;user-select:none;border-right:1px solid var(--border-light)}.ribbon-new-btn.svelte-fgfn2i{width:32px;height:32px;border:1px dashed var(--border);border-radius:6px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .12s,color .12s;flex-shrink:0;margin-bottom:8px}.ribbon-new-btn.svelte-fgfn2i:hover{border-color:var(--rule);color:var(--text-secondary)}.ribbon-list.svelte-fgfn2i{display:flex;flex-direction:column;align-items:center;gap:6px;overflow-y:auto;flex:1;scrollbar-width:none;overscroll-behavior:none;padding-bottom:16px;width:100%}.ribbon-list.svelte-fgfn2i::-webkit-scrollbar{display:none}.ribbon-row.svelte-fgfn2i{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.ribbon-item.svelte-fgfn2i{width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .12s,background .12s,color .12s;padding:0;flex-shrink:0}.ribbon-item.svelte-fgfn2i:hover{border-color:var(--rule);color:var(--text-secondary)}.ribbon-item.active.svelte-fgfn2i{background:var(--bg-surface);border-color:var(--accent);color:var(--text)}.ribbon-item-num.svelte-fgfn2i{pointer-events:none}.ribbon-item-delete.svelte-fgfn2i{position:absolute;right:2px;top:50%;transform:translateY(-50%);color:transparent;font-size:13px;cursor:pointer;transition:color .12s;line-height:1}.ribbon-row.svelte-fgfn2i:hover .ribbon-item-delete:where(.svelte-fgfn2i){color:var(--text-muted)}.ribbon-item-delete.svelte-fgfn2i:hover{color:#c83232e6}