.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-green-dim);color:var(--color-text);border:1px solid var(--color-green);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-base);font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none}.btn-primary:hover{background:var(--color-green);color:#000;box-shadow:0 0 12px var(--color-green-glow)}.btn-primary .btn-prefix{color:var(--color-green);opacity:.8}.btn-primary:hover .btn-prefix{color:#000}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-base);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);text-decoration:none}.btn-secondary:hover{border-color:var(--color-border-strong);color:var(--color-text)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.icon-btn:hover{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text)}.icon-btn.active,.icon-btn[aria-pressed=true]{background:var(--color-green-glow);border-color:var(--color-green-dim);color:var(--color-green)}.input-field{width:100%;padding:4px var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.input-field:focus{border-color:var(--color-blue);outline:none}.input-number{width:60px;padding:3px var(--space-1);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-sm);text-align:right;transition:border-color var(--transition-fast)}.input-number:focus{border-color:var(--color-blue);outline:none}.input-color{width:28px;height:22px;padding:1px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.input-color::-webkit-color-swatch-wrapper{padding:0}.input-color::-webkit-color-swatch{border:none;border-radius:1px}.input-range{-webkit-appearance:none;width:100%;height:4px;background:var(--color-border);border-radius:2px;outline:none;cursor:pointer}.input-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--color-green);border-radius:50%;cursor:pointer;transition:background var(--transition-fast)}.input-range::-webkit-slider-thumb:hover{background:var(--color-text)}.input-range:focus{outline:none}.input-select{padding:3px var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast)}.input-select:focus{border-color:var(--color-blue);outline:none}.form-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.form-row label{flex-shrink:0;color:var(--color-text-muted);font-size:var(--font-size-sm);min-width:52px}.form-row label:before{content:"> ";color:var(--color-green)}.form-row .unit-label{color:var(--color-text-dim);font-size:var(--font-size-xs)}.menu-group{position:relative}.menu-trigger{display:flex;align-items:center;padding:0 var(--space-3);height:var(--toolbar-h);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.08em;background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.menu-trigger:hover,.menu-group.open .menu-trigger{color:var(--color-text);background:var(--color-surface-2)}.menu-dropdown{display:none;position:absolute;top:100%;left:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-base) var(--radius-base);box-shadow:0 8px 24px #0006;z-index:var(--z-dropdown);padding:var(--space-1) 0}.menu-group.open .menu-dropdown{display:block}.menu-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:6px var(--space-3);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-sm);background:transparent;border:none;text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.menu-item:hover{background:var(--color-surface-2);color:var(--color-text)}.menu-item kbd{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-dim);margin-left:var(--space-3)}.menu-item:disabled{opacity:.4;cursor:default}.menu-separator{height:1px;background:var(--color-border-subtle);margin:var(--space-1) 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);min-width:360px;max-width:520px;width:100%;box-shadow:0 16px 48px #0009}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface-2)}.modal-title{color:var(--color-green);font-size:var(--font-size-sm);letter-spacing:.05em}.modal-close{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer;background:transparent;border:none;padding:2px var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.modal-close:hover{color:var(--color-red);background:#f851491a}.modal-body{padding:var(--space-4)}.toast-container{position:fixed;bottom:calc(var(--statusbar-h) + var(--space-3));left:var(--panel-left-w);z-index:var(--z-toast);display:flex;flex-direction:column-reverse;gap:var(--space-1);pointer-events:none}.toast{display:flex;align-items:baseline;gap:var(--space-2);padding:5px var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-left:2px solid var(--color-green);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:0 2px 8px #0006;animation:toast-in .15s ease both;pointer-events:auto}.toast.toast--error{border-left-color:var(--color-red)}.toast.toast--warn{border-left-color:var(--color-amber)}.toast-prefix{color:var(--color-green);font-weight:600}.toast--error .toast-prefix{color:var(--color-red)}.toast--warn .toast-prefix{color:var(--color-amber)}@keyframes toast-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.ctx-menu{position:fixed;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:0 8px 24px #00000080;z-index:var(--z-dropdown);padding:var(--space-1) 0;font-family:var(--font-mono)}.ctx-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px var(--space-3);background:transparent;border:none;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.ctx-item:hover{background:var(--color-surface-2);color:var(--color-text)}.ctx-item--danger:hover{color:var(--color-red);background:#f8514914}.ctx-label{flex:1}.ctx-shortcut{font-size:var(--font-size-xs);color:var(--color-text-dim);margin-left:var(--space-3)}.ctx-sep{height:1px;background:var(--color-border-subtle);margin:var(--space-1) 0}.modal--wide{min-width:560px;max-width:680px}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.shortcut-group-title{font-size:var(--font-size-xs);color:var(--color-green-dim);letter-spacing:.05em;margin-bottom:var(--space-2)}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0;font-size:var(--font-size-xs);color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle)}.shortcut-row span{color:var(--color-text-muted)}.shortcut-row kbd{font-family:var(--font-mono);font-size:10px;padding:1px 5px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text)}.welcome-intro{font-size:var(--font-size-sm);color:var(--color-green);line-height:1.8;margin-bottom:var(--space-4);border-left:2px solid var(--color-green-dim);padding-left:var(--space-3)}.welcome-tips{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.welcome-tip{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.tip-icon{color:var(--color-green-dim);flex-shrink:0;font-size:var(--font-size-sm);min-width:28px}.welcome-preset-title{font-size:var(--font-size-xs);color:var(--color-green-dim);margin-bottom:var(--space-2)}.welcome-preset-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.welcome-preset-btn{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);transition:all var(--transition-fast)}.welcome-preset-btn:hover{border-color:var(--color-green-dim);color:var(--color-green);background:var(--color-green-glow)}.welcome-preset-btn .preset-dim{font-size:var(--font-size-xs);color:var(--color-text-dim);margin-top:2px}.welcome-suppress{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-xs);color:var(--color-text-dim)}.welcome-suppress input{accent-color:var(--color-green)}.toolbar-btn.active{background:var(--color-green-glow);border-color:var(--color-green-dim);color:var(--color-green)}.toolbar-docname{max-width:200px;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid transparent;transition:border-color var(--transition-fast);cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-docname:hover,.toolbar-docname:focus{border-color:var(--color-border);background:var(--color-surface-2);outline:none}.toolbar-docname[contenteditable=true]:focus{border-color:var(--color-blue);background:var(--color-bg)}.accent-green{color:var(--color-green)}.accent-blue{color:var(--color-blue)}.accent-amber{color:var(--color-amber)}.accent-red{color:var(--color-red)}.blink{animation:blink 1.2s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.kbd{display:inline-block;padding:1px 4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-dim);background:var(--color-surface-2)}