.workbook-frame{--sheet-height:28px;--sheet-space:28px;--canvas-control-size:32px;--canvas-control-radius:4px;height:100dvh;position:relative;overflow:hidden}.workbook-frame .app-shell{padding-bottom:var(--sheet-space);position:relative}.workbook-frame .canvas-footer{justify-content:flex-end}.workbook-frame .action-bar{bottom:calc(var(--sheet-space) + 16px);gap:6px}.workbook-frame .add-button,.workbook-frame .undo{height:var(--canvas-control-size);border-radius:var(--canvas-control-radius);box-shadow:none}.workbook-frame .add-button{gap:6px;padding:0 12px;font-size:12px;font-weight:600}.workbook-frame .undo{width:var(--canvas-control-size)}.workbook-frame .undo,.workbook-frame .image-add-button,.workbook-frame .zoom-controls{border:1px solid var(--border);color:var(--foreground);background:#fff}.workbook-frame .zoom-controls{border-radius:var(--canvas-control-radius);box-shadow:none;overflow:hidden}.workbook-frame .zoom-controls button{width:calc(var(--canvas-control-size) - 2px);height:calc(var(--canvas-control-size) - 2px)}.workbook-frame .zoom-controls span{width:36px;padding:4px 0;font-size:11px}.workbook-frame .action-bar svg,.workbook-frame .zoom-controls svg{width:16px;height:16px}.workbook-frame .undo:not(:disabled):hover,.workbook-frame .image-add-button:hover,.workbook-frame .zoom-controls button:not([aria-pressed=true]):hover{background:var(--muted)}.worksheet-footer{z-index:20;background:var(--muted);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);position:absolute;inset:auto 0 0}.sheet-strip{height:var(--sheet-height);align-items:stretch;gap:4px;padding-inline:8px;display:flex}.sheet-tabs{scrollbar-width:thin;overscroll-behavior-x:contain;min-width:0;display:flex;overflow-x:auto}.sheet-tab{min-width:88px;max-width:220px;color:var(--muted-foreground);white-space:nowrap;border-inline:1px solid #0000;flex:none;padding:0 16px;font-size:12px;position:relative}.sheet-tab span{text-overflow:ellipsis;display:block;overflow:hidden}.sheet-tab[aria-selected=true]{background:var(--background);color:var(--foreground);border-inline-color:var(--border);font-weight:650}.sheet-tab[aria-selected=true]:after{content:"";background:var(--foreground);height:2px;position:absolute;bottom:0;left:0;right:0}.sheet-tab:hover,.sheet-tool:hover{background:var(--background)}.sheet-tool{width:28px;color:var(--foreground);border-radius:3px;flex:none;place-items:center;display:grid}.sheet-add{margin-left:4px}.sheet-total{white-space:nowrap;color:var(--muted-foreground);align-self:center;margin-left:auto;padding:0 12px;font-size:11px}.sheet-tab:focus-visible,.sheet-tool:focus-visible{outline-offset:-3px}.sheet-reveal,.sheet-hide{display:none}@media (width<=639px){.workbook-frame{--sheet-height:28px;--sheet-space:calc(28px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.workbook-frame[data-footer-visible=false]{--sheet-space:calc(12px + env(safe-area-inset-bottom))}.workbook-frame .save-state{bottom:calc(var(--sheet-space) + 68px)}.worksheet-footer{transition:transform .18s ease-out}.worksheet-footer[data-visible=false]{transform:translateY(var(--sheet-height))}.worksheet-footer[data-visible=false] .sheet-strip{visibility:hidden}.sheet-strip{gap:0;padding-inline:4px}.sheet-tab{min-width:96px;padding-inline:16px;font-size:13px}.sheet-tool{width:44px}.sheet-total{display:none}.sheet-hide{display:grid}.sheet-reveal{background:var(--background);border:1px solid var(--border);border-bottom:0;border-radius:8px 8px 0 0;place-items:center;width:60px;height:44px;display:grid;position:absolute;bottom:100%;right:8px}.sheet-reveal span{background:var(--muted-foreground);border-radius:2px;width:24px;height:3px}.worksheet-footer[data-visible=true] .sheet-reveal{display:none}}.sheet-name-input{border:1px solid var(--border);background:var(--background);border-radius:4px;width:100%;min-height:44px;padding:8px 12px;font-size:16px}@media (prefers-reduced-motion:reduce){.worksheet-footer{transition:none}}@media (width>=640px) and (width<=900px){.workbook-frame .action-bar{left:16px;transform:none}}.sheet-tab[data-reorderable=true]{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sheet-tab[data-dragging=true]{opacity:.45;cursor:grabbing}.sheet-tab[data-drop]:before{content:"";background:var(--foreground);z-index:1;width:3px;position:absolute;top:3px;bottom:3px}.sheet-tab[data-drop=before]:before{left:0}.sheet-tab[data-drop=after]:before{right:0}.note-transfer{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:12px 0;padding:10px 0}.transfer-toggle{text-align:left;align-items:center;gap:8px;min-height:36px;font-size:13px;display:flex}.transfer-fields{padding:8px 0 4px}.transfer-fields label{color:#656a69;gap:6px;font-size:12px;display:grid}.transfer-fields select{border:1px solid var(--border);color:#303735;background:#fff;border-radius:3px;width:100%;min-width:0;min-height:40px;padding:8px;font-size:16px}.transfer-fields p,.transfer-fields small{color:#656a69;margin:8px 0;font-size:12px;line-height:1.6;display:block}.transfer-fields [role=alert]{color:#bc3045}.transfer-actions{flex-wrap:wrap;gap:8px;display:flex}.transfer-actions button{border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:3px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-size:13px;display:flex}.transfer-actions button:last-child{color:#fff;background:#373b3e;border-color:#373b3e}.transfer-actions button:disabled{opacity:.4;cursor:not-allowed}.note-transfer button:focus-visible,.note-transfer select:focus-visible{outline-offset:3px;outline:2px solid #65736c}
