@layer controls{.preview-pane{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.preview-pane-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.preview-pane-pictures{align-items:flex-start;gap:var(--space-5);display:flex}.preview-pane-picture{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.preview-pane-picture-label{font-size:var(--font-size-md);color:var(--color-text)}.preview-pane-picture-note,.preview-pane-note{font-size:var(--font-size-md);color:var(--color-text-muted)}.preview-pane-tools{align-items:center;gap:var(--space-4);font-size:var(--font-size-md);color:var(--color-text-muted);display:flex}.preview-pane-canvas{background:var(--color-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);max-width:100%;max-height:360px;image-rendering:pixelated;display:block}.preview-pane-canvas.at-table-scale,.preview-pane-canvas.at-full-height{max-height:none}.notice{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);font-size:var(--font-size-lg);display:flex}.notice>svg{flex-shrink:0}.notice-danger{background:var(--color-danger-soft);border-color:var(--color-danger-dim);color:var(--color-danger-dim)}.asset-row-thumb.row-thumb{object-fit:contain;background:var(--color-sunken)}.asset-row-refused-mark{color:var(--color-warning);flex-shrink:0;display:inline-flex}}@layer screens{#library-overlay{z-index:var(--z-modal);background:var(--color-app-bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#library-page{width:100%;height:100%;padding:var(--space-8);box-sizing:border-box;color:var(--color-text);flex-direction:column;display:flex;overflow:hidden}#library-page-actions{align-items:center;gap:var(--space-5);display:flex}#library-body{gap:var(--space-8);min-height:0;margin-top:var(--space-7);flex:1;display:flex}#library-nav{flex:0 0 var(--sidebar-width);gap:var(--space-5);min-height:0;padding-right:var(--space-7);border-right:var(--border-width) solid var(--color-border);flex-direction:column;display:flex}#library-nav-toolbar[hidden]{display:none}#library-search{flex-shrink:0}#library-list{gap:var(--space-1);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}#library-list-empty{color:var(--color-text-muted);font-size:var(--font-size-lg);margin:0;display:none}#library-list-empty.active{display:block}#library-workspace{flex:auto;min-width:0;min-height:0;overflow-y:auto}#library-empty,#library-form{display:none}#library-empty.active{display:grid}#btn-library-add[hidden]{display:none}#library-form.active{gap:var(--space-6);flex-direction:column;display:flex}#library-unsupported{max-width:var(--measure-reading);text-align:center;display:none}#library-unsupported.active{display:block}#import-builtin-notice{max-width:var(--measure-reading)}#import-notices{z-index:var(--z-sticky-header);padding:var(--space-4) 0;background:var(--color-app-bg);max-width:var(--measure-reading);position:sticky;top:0}#import-notices:empty,#import-prop-fields,#import-illustration-fields,#import-preview{display:none}#import-prop-fields.active,#import-illustration-fields.active{display:flex}#import-prop-fields .field-stack[hidden]{display:none}.import-base-stage{height:var(--import-base-height);background:var(--color-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);cursor:crosshair;align-self:flex-start;width:auto;display:block}.import-base-stage:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}#import-slots{gap:var(--space-7);flex-direction:column;display:flex}#import-preview.active{gap:var(--space-5);flex-direction:column;display:flex}#import-preview-panes{align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}#import-actions{align-items:center;gap:var(--space-5);margin-right:var(--space-9);flex-shrink:0;display:flex}#import-actions[hidden],#import-actions .btn[hidden]{display:none}#btn-import-remove{margin-right:var(--space-9)}#import-builtin-notice{display:none}#import-builtin-notice.active{display:block}#library-form.drag-over{outline:var(--border-width) dashed var(--color-accent);outline-offset:var(--space-3);background:var(--color-accent-soft)}#import-drop-hint{max-width:var(--measure-reading);display:none}#library-form.drag-over #import-drop-hint{color:var(--color-accent);display:block}}