[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:before,.simplebar-content:after{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}:root{color-scheme:dark;--surface-base: #0f0f0f;--surface-sunken: #0a0a0a;--surface-raised: #141414;--surface-overlay: #1e1e1e;--surface-scrim: rgb(10 10 10 / 97%);--surface-hover: rgb(255 255 255 / 6%);--surface-active: rgb(255 255 255 / 10%);--scrim: rgb(0 0 0 / 60%);--stage: #000;--stage-border: #1a1a1a;--stage-empty: #111;--stage-grid: #1a1a1a;--stage-label: #444;--border-subtle: #161616;--border-default: #222;--border-strong: #2a2a2a;--border-input: #3a3a3a;--border-focus: #888;--text-primary: #fff;--text-secondary: #aaa;--text-muted: #888;--text-faint: #555;--text-disabled: #444;--text-ghost: #333;--accent: #2196f3;--accent-hover: #42a5f5;--accent-contrast: #fff;--accent-soft: rgb(33 150 243 / 14%);--accent-border: rgb(33 150 243 / 45%);--danger: #e57373;--danger-strong: #c62828;--danger-soft: rgb(224 82 82 / 12%);--danger-border: rgb(224 82 82 / 35%);--success: #66bb6a;--success-soft: rgb(102 187 106 / 12%);--success-border: rgb(102 187 106 / 30%);--warning: #ffc107;--warning-soft: rgb(255 193 7 / 10%);--warning-border: rgb(255 193 7 / 35%);--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 8px 24px rgb(0 0 0 / 45%);--shadow-lg: 0 16px 48px rgb(0 0 0 / 60%);--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--font-xs: .72rem;--font-sm: .8rem;--font-md: .875rem;--font-lg: 1rem;--font-xl: 1.25rem;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-xxl: 1536px;--nav-height: 48px;--ease: .16s ease;--focus-ring: 0 0 0 3px var(--accent-soft)}:root[data-theme=light]{color-scheme:light;--surface-base: #fff;--surface-sunken: #f2f3f5;--surface-raised: #fafbfc;--surface-overlay: #fff;--surface-scrim: rgb(255 255 255 / 97%);--surface-hover: rgb(16 18 22 / 5%);--surface-active: rgb(16 18 22 / 9%);--scrim: rgb(16 18 22 / 45%);--stage: #2b2d31;--stage-border: #d3d6dc;--stage-empty: #eceef1;--stage-grid: #dcdfe4;--stage-label: #8b9099;--border-subtle: #edeef1;--border-default: #e2e4e8;--border-strong: #d3d6dc;--border-input: #c6cad1;--border-focus: #8b9099;--text-primary: #16181d;--text-secondary: #4a4f57;--text-muted: #6b7280;--text-faint: #9aa0a8;--text-disabled: #b9bec5;--text-ghost: #d5d8dd;--accent: #1976d2;--accent-hover: #1565c0;--accent-contrast: #fff;--accent-soft: rgb(25 118 210 / 10%);--accent-border: rgb(25 118 210 / 35%);--danger: #c62828;--danger-strong: #8e1f1f;--danger-soft: rgb(198 40 40 / 8%);--danger-border: rgb(198 40 40 / 28%);--success: #2e7d32;--success-soft: rgb(46 125 50 / 8%);--success-border: rgb(46 125 50 / 25%);--warning: #b26a00;--warning-soft: rgb(178 106 0 / 10%);--warning-border: rgb(178 106 0 / 32%);--shadow-sm: 0 1px 2px rgb(16 18 22 / 6%);--shadow-md: 0 8px 24px rgb(16 18 22 / 10%);--shadow-lg: 0 16px 48px rgb(16 18 22 / 14%)}html,body{height:100%}body{margin:0;padding:0;background:var(--surface-base);color:var(--text-primary);font-family:Spline Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}*,*:before,*:after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft);color:var(--text-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.svg-icon{display:contents}@keyframes spin{to{transform:rotate(360deg)}}code{font-family:Source Code Pro,ui-monospace,monospace;font-size:.78em;color:var(--text-primary)}.link{color:var(--accent);text-decoration:none;border-radius:var(--radius-sm)}.link:hover{text-decoration:underline}.muted{color:var(--text-muted);font-size:var(--font-sm)}.divider{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-xs);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-default)}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.page{width:100%;padding:var(--space-7) var(--space-4);display:flex;flex-direction:column;align-items:center}.page-narrow{width:100%;max-width:400px}.page-wide{width:100%;max-width:1080px}.page-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5);text-align:center}.page-header h1{margin:0;font-size:1.6rem;font-weight:300;letter-spacing:-.02em;color:var(--text-primary)}.page-header p{margin:0;font-size:var(--font-md);color:var(--text-muted)}.page-wide .page-header{text-align:left;align-items:flex-start}.card{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-sm);opacity:0;animation:fade-up .32s ease 0s forwards}.card-title{margin:0;font-size:var(--font-lg);font-weight:500;color:var(--text-primary)}.card-subtitle{margin:0;font-size:var(--font-sm);color:var(--text-muted);line-height:1.55}.stack{display:flex;flex-direction:column;gap:var(--space-5)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font:inherit;font-size:var(--font-md);font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--ease),color var(--ease),border-color var(--ease),box-shadow var(--ease)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-focus)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger-border)}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-sm{min-height:30px;padding:0 var(--space-3);font-size:var(--font-sm)}.btn-block{width:100%}.btn-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.form{display:flex;flex-direction:column;gap:var(--space-4)}app-text-field,app-password-field,app-textarea-field,app-select-field,app-checkbox-field{display:block}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label,.field .field-label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.field input:not([type=checkbox],[type=radio]),.field select,.field textarea{width:100%;min-height:40px;background:var(--surface-base);border:1px solid var(--border-input);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;font-size:var(--font-md);padding:0 var(--space-3);outline:none;transition:border-color var(--ease),background var(--ease)}.field input:not([type=checkbox],[type=radio])::placeholder,.field select::placeholder,.field textarea::placeholder{color:var(--text-faint)}.field input:not([type=checkbox],[type=radio]):hover:not(:disabled,:focus),.field select:hover:not(:disabled,:focus),.field textarea:hover:not(:disabled,:focus){border-color:var(--border-focus)}.field input:not([type=checkbox],[type=radio]):focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field input:not([type=checkbox],[type=radio]):disabled,.field select:disabled,.field textarea:disabled{background:var(--surface-sunken);color:var(--text-disabled);cursor:not-allowed}.field input:not([type=checkbox],[type=radio]).invalid,.field select.invalid,.field textarea.invalid{border-color:var(--danger)}.field textarea{min-height:80px;padding:var(--space-3);resize:vertical;line-height:1.5}.field select{cursor:pointer}input[type=search].is-loading::-webkit-search-cancel-button{display:none}input[type=search]::-webkit-search-cancel-button{appearance:none;width:14px;height:14px;cursor:pointer;background:var(--text-faint);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18 6 6 18M6 6l12 12' stroke='black' stroke-width='2.4' stroke-linecap='round' fill='none'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18 6 6 18M6 6l12 12' stroke='black' stroke-width='2.4' stroke-linecap='round' fill='none'/></svg>") center/contain no-repeat}input[type=search]::-webkit-search-cancel-button:hover{background:var(--text-primary)}input[type=checkbox],input[type=radio]{flex:none;width:15px;height:15px;margin:0;accent-color:var(--accent);cursor:pointer}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}.checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer}.field-error{font-size:var(--font-xs);color:var(--danger)}.field-hint{font-size:var(--font-xs);color:var(--text-faint)}.form-error,.form-success{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);border-radius:var(--radius-md);padding:var(--space-3);line-height:1.45}.form-error{color:var(--danger);background:var(--danger-soft);border:1px solid var(--danger-border)}.form-success{color:var(--success);background:var(--success-soft);border:1px solid var(--success-border)}.list-header{display:flex;flex-direction:column;gap:var(--space-1)}.list-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.list-toolbar .search{flex:1 1 240px;max-width:320px}.list-toolbar>.btn{margin-left:auto}.table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.table-scroll .data-table{min-width:100%}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.data-table th{font-size:var(--font-xs);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default);white-space:nowrap}.data-table td{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--surface-hover)}.name-cell{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.actions-cell{vertical-align:middle;text-align:right;white-space:nowrap}.actions-cell .actions{display:inline-flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end}.empty-state{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--font-sm)}@media(width<1024px){.table-scroll{border:none;border-radius:0;overflow-x:visible}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table thead{display:none}.data-table tr{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);background:var(--surface-base)}.data-table td{border:none;padding:var(--space-1) 0}.data-table td[data-label]:before{font-size:var(--font-xs);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);content:attr(data-label);display:block;margin-bottom:2px}.data-table tbody tr:hover td{background:transparent}.actions-cell{text-align:left;white-space:normal;padding-top:var(--space-2)}.actions-cell .actions{justify-content:flex-start}}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15rem var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-overlay);color:var(--text-secondary);font-size:var(--font-xs);line-height:1.6;white-space:nowrap}.chip-accent{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.chip-danger{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid var(--border-strong);background:var(--surface-overlay)}.avatar-fallback{display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:300;color:var(--text-muted);text-transform:uppercase}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);right:0;z-index:600;padding:.3rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-overlay);color:var(--text-secondary);box-shadow:var(--shadow-md);font-size:var(--font-xs);font-weight:400;line-height:1.3;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity var(--ease),transform var(--ease)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(0)}.dlg-backdrop{position:fixed;inset:0;background:var(--scrim);z-index:10}.dialog-overlay{position:fixed;inset:0;z-index:10;background:var(--scrim);display:flex;align-items:center;justify-content:center;pointer-events:all}.dialog{background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:8px;padding:20px 24px;min-width:300px;max-width:90vw;box-shadow:0 16px 48px var(--scrim);display:flex;flex-direction:column;gap:12px}.dialog-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.dlg-row{display:flex;align-items:center;gap:10px}.dlg-row input[type=text]{flex:1;background:var(--surface-base);border:1px solid var(--border-input);border-radius:4px;color:var(--text-primary);font:inherit;font-size:12px;padding:4px 8px}.dlg-row input[type=text]:focus{outline:none;border-color:var(--border-focus)}.dlg-row input[type=number]{width:80px;background:var(--surface-base);border:1px solid var(--border-input);border-radius:4px;color:var(--text-primary);font:inherit;font-size:12px;padding:4px 8px;text-align:center}.dlg-row input[type=number]:focus{outline:none;border-color:var(--border-focus)}.dlg-row input[type=range]{flex:1;height:4px;accent-color:var(--accent);cursor:pointer}.dlg-row select{background:var(--surface-base);border:1px solid var(--border-input);border-radius:4px;color:var(--text-primary);font:inherit;font-size:12px;padding:4px 8px;cursor:pointer}.dlg-row select:focus{outline:none;border-color:var(--border-focus)}.dlg-row select option{background:var(--surface-overlay)}.dlg-label{color:var(--text-muted);font-size:12px;min-width:80px}.dlg-message{color:var(--text-secondary);font-size:12px;margin:0}.dlg-value{color:var(--text-secondary);font-size:12px;min-width:40px;text-align:right}.dlg-unit{color:var(--text-muted);font-size:11px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.dialog-wide{min-width:340px}.project-manager-dialog,.export-dialog,.ai-settings{width:360px;min-width:360px;max-width:360px;max-height:80vh;overflow-y:auto}.brush-shape-dialog,.add-preset-dialog,.add-font-dialog{width:340px;min-width:340px;max-width:340px;max-height:80vh;overflow-y:auto}@media(width<640px){.dialog{width:calc(100vw - 32px)!important;min-width:auto!important;max-width:calc(100vw - 32px)!important;max-height:85vh;padding:16px;gap:10px}.dialog-title{font-size:16px}.dlg-row{flex-wrap:wrap}.dlg-label{min-width:70px}}.merge-layers-preview{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:10px;background:var(--surface-hover);border-radius:6px}.merge-layer-chip{flex:1;display:flex;flex-direction:column;gap:3px}.merge-layer-name{font-size:12px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merge-layer-badge{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.merge-arrow{font-size:18px;color:var(--text-muted);flex-shrink:0}.merge-ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.merge-op-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:var(--surface-hover);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-secondary);font:inherit;font-size:11px;cursor:pointer;transition:background .15s,color .15s}.merge-op-btn .material-symbols-outlined{font-size:20px}.merge-op-btn:hover{background:var(--surface-active);color:var(--text-primary);border-color:var(--accent)}.dlg-separator{border:none;border-top:1px solid var(--border-strong);margin:10px 0}.rasterize-options{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.rasterize-option-btn{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--surface-hover);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;transition:background .15s,color .15s}.rasterize-option-btn .material-symbols-outlined{font-size:22px;margin-top:1px;flex-shrink:0}.rasterize-option-btn div{display:flex;flex-direction:column;gap:3px}.rasterize-option-btn strong{font-size:13px;color:var(--text-primary);font-weight:600}.rasterize-option-btn span{font-size:11px;color:var(--text-muted);line-height:1.4}.rasterize-option-btn:hover{background:var(--surface-active);border-color:var(--accent);color:var(--text-primary)}.dlg-warn-box{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--warning-soft);border:1px solid var(--warning-border);border-radius:6px;margin-bottom:8px}.dlg-warn-box .material-symbols-outlined{font-size:20px;color:var(--warning);flex-shrink:0;margin-top:1px}.dlg-warn-box div{display:flex;flex-direction:column;gap:4px}.dlg-warn-box strong{font-size:12px;font-weight:600;color:var(--warning)}.dlg-warn-box p{margin:0;font-size:11px;color:var(--text-secondary);line-height:1.5}.cs-anchor-grid{display:grid;grid-template-columns:repeat(3,20px);grid-template-rows:repeat(3,20px);gap:2px}.cs-anchor-cell{width:20px;height:20px;border-radius:3px;border:1px solid var(--border-strong);background:var(--surface-base);cursor:pointer;transition:background .1s}.cs-anchor-cell:hover{background:var(--surface-active)}.cs-anchor-cell.active{background:var(--accent);border-color:var(--accent)}.dlg-tabs{display:flex;gap:4px;margin-bottom:4px}.dlg-tab{flex:1;padding:6px 12px;background:var(--surface-base);border:1px solid var(--border-strong);border-radius:5px;color:var(--text-secondary);font:inherit;font-size:12px;cursor:pointer;transition:background .15s}.dlg-tab.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.project-list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface-base)}.project-list::-webkit-scrollbar{width:6px}.project-list::-webkit-scrollbar-track{background:transparent}.project-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.project-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.project-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--border-strong);transition:background .1s}.project-item:last-child{border-bottom:none}.project-item:hover{background:var(--surface-hover)}.project-item.selected{background:var(--accent-soft)}.project-name{font-size:12px;color:var(--text-primary);font-weight:500}.project-date{font-size:10px;color:var(--text-muted)}.dlg-empty,.dlg-loading{font-size:12px;color:var(--text-muted);padding:12px;text-align:center}.dlg-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.dlg-actions-row{display:flex;gap:8px;flex-wrap:wrap}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.format-btn{padding:8px 10px;background:var(--surface-base);border:1px solid var(--border-strong);border-radius:5px;color:var(--text-secondary);font:inherit;font-size:12px;cursor:pointer;transition:background .15s;text-align:center}.format-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.format-btn.selected{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.dlg-row-check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);cursor:pointer}.dlg-row-check input[type=checkbox]{accent-color:var(--accent)}.dlg-warning{font-size:12px;color:var(--warning);margin:0}.dlg-hint{font-size:11px;color:var(--text-muted);margin:0}.dlg-section{display:flex;flex-direction:column;gap:6px}.popup-backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cdk-global-overlay-wrapper{display:flex;align-items:center;justify-content:center}.popup-panel{display:flex;flex-direction:column;width:min(92vw,440px);max-height:min(88vh,720px);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.popup-panel:focus{outline:none}.popup-sm{width:min(92vw,380px)}.popup-lg{width:min(94vw,720px)}@media(width<640px){.cdk-global-overlay-wrapper{align-items:flex-end}.popup-panel,.popup-sm,.popup-lg{width:100vw;max-width:100vw;max-height:92vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none}}
