:root{--grid-cols:8;--grid-rows:6;--board-length:400;--board-width:300;--color-bg:#1a1a1a;--color-surface-1:#1f1f1f;--color-card-bg:#242424;--color-card-hover:#2e2e2e;--color-input-bg:#111;--color-border:#3a3a3a;--color-border-strong:#525252;--color-border-accent:#c8956d;--color-fg:#f5f5f5;--color-fg-muted:#b8b8b8;--color-fg-subtle:#9a9a9a;--color-fg-disabled:#6a6a6a;--color-accent:#c8956d;--color-accent-hover:#d4a683;--color-accent-fg:#1a1a1a;--color-warn:#ffc107;--color-warn-bg:#ffc1071a;--color-error:#ff6b6b;--color-error-bg:#dc354526;--color-success:#6db58e;--color-info:#6ba3ff;--color-multi:#ffb84d;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.875rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-accent:0 0 0 3px #c8956d40;--transition-fast:.12s ease-out;--transition-base:.2s ease-out;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-md:1.125rem;--font-lg:1.25rem;--font-xl:1.5rem;--font-2xl:1.75rem;--z-sticky:10;--z-toast:1000;--z-modal:1100}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 1px 1px, #ffffff08 1px, transparent 0), var(--color-bg);color:var(--color-fg);padding:var(--spacing-md);background-size:24px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.skip-link{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{left:var(--spacing-md);top:var(--spacing-md);z-index:var(--z-modal);background:var(--color-accent);color:var(--color-accent-fg);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);clip:auto;width:auto;height:auto;margin:0;text-decoration:none;position:fixed;overflow:visible}@media (prefers-reduced-motion:reduce){.header-section h1{color:var(--color-fg);background:0 0;animation:none}}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.header-section h1{color:var(--color-fg);background:0 0}}.header-section{margin-bottom:var(--spacing-md)}.header-section h1{font-size:var(--font-2xl);letter-spacing:-.02em;margin-bottom:var(--spacing-sm);background:linear-gradient(120deg, var(--color-fg) 0%, var(--color-accent) 40%, var(--color-fg) 80%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:8s linear infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}to{background-position:200%}}.app-tagline{color:var(--color-fg-subtle);font-size:var(--font-sm);margin-bottom:var(--spacing-md)}.config-bar{background:var(--color-card-bg);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.config-primary{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.config-tools{border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);width:100%;margin-top:0}.config-tools>summary{cursor:pointer;font-size:var(--font-sm);color:var(--color-fg-muted);-webkit-user-select:none;user-select:none;padding:var(--spacing-xs) 0;align-items:center;gap:var(--spacing-xs);list-style:none;display:inline-flex}.config-tools>summary::-webkit-details-marker{display:none}.config-tools>summary:before{content:"▸";transition:transform var(--transition-fast);display:inline-block}.config-tools[open]>summary:before{transform:rotate(90deg)}.config-tools[open]>.config-section{margin-top:var(--spacing-sm);gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.config-section{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.config-bar label{font-size:var(--font-sm);color:var(--color-fg-muted);white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.config-bar input[type=number]{background:var(--color-surface-1);width:3.5rem;color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm);padding:.25rem .4rem}.btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-1);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);white-space:nowrap;box-shadow:var(--shadow-sm);font-weight:500}.btn:hover:not(:disabled){background:var(--color-card-hover);border-color:var(--color-border-strong);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-accent-fg)}.btn-danger{color:var(--color-error);border-color:#ff6b6b66}.btn-danger:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{background:var(--color-surface-1);transform:none}#toggle-3d-btn,#save-preset-btn{justify-content:center;min-width:6.5rem}.config-bar .btn{align-items:center;min-height:1.8rem;line-height:1.2;display:inline-flex}#seed-display::-webkit-inner-spin-button{opacity:1;cursor:pointer}#seed-display::-webkit-outer-spin-button{opacity:1;cursor:pointer}.divider{background:var(--color-border);width:1px;height:2rem}.workspace{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:1fr 1fr;align-items:start;display:grid}.preview-column{gap:var(--spacing-md);flex-direction:column;display:flex}.preview-sticky{top:var(--spacing-md);z-index:var(--z-sticky);position:sticky}.preview-column:has(#three-d-section:not([hidden])) .preview-sticky{position:static}.grid-wrapper{background:var(--color-card-bg);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.grid-wrapper h2{font-size:var(--font-base);margin-bottom:var(--spacing-sm);color:var(--color-fg-muted)}.grid-hint{font-size:var(--font-xs);color:var(--color-fg-subtle);margin-bottom:var(--spacing-sm)}.input-container{grid-template-columns:repeat(var(--grid-cols), minmax(0, 1fr));grid-template-rows:repeat(var(--grid-rows), minmax(0, 1fr));aspect-ratio:var(--board-length) / var(--board-width);background:var(--color-input-bg);border-radius:var(--radius-sm);gap:2px;padding:2px;display:grid}.visual-container{grid-template-columns:repeat(var(--grid-cols), minmax(0, 1fr));grid-template-rows:repeat(var(--grid-rows), minmax(0, 1fr));aspect-ratio:var(--board-length) / var(--board-width);background:var(--color-input-bg);border-radius:var(--radius-sm);filter:contrast(1.08)saturate(1.12);gap:2px;padding:2px;display:grid;position:relative;box-shadow:0 1px 2px #00000040,0 6px 14px #00000059}.visual-container:after{content:"";mix-blend-mode:soft-light;pointer-events:none;border-radius:inherit;z-index:1;background:radial-gradient(at 50% 0,#ffffff1a 0%,#0000 55%),radial-gradient(#0000 50%,#0003 100%);position:absolute;top:0;bottom:0;left:0;right:0}.visual-container:before{content:"";border-radius:inherit;height:2px;clip-path:inset(0 round var(--radius-sm));pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#c8956d66,#0000);position:absolute;top:0;left:0;right:0}.presets-section{background:var(--color-card-bg);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-top:var(--spacing-md)}.preset-tabs{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.preset-tab{background:var(--color-surface-1)}.preset-tab.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg)}.preset-tab-panel.hidden{display:none}.presets-grid{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.preset-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);box-shadow:var(--shadow-sm);isolation:isolate;position:relative}.preset-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-md), 0 0 18px #c8956d59;transform:translateY(-3px)scale(1.01)}.preset-card:focus-visible{outline-offset:2px;outline:2px solid #c8956dcc}.preset-card:focus-visible:before{content:"";border-radius:inherit;background:linear-gradient(var(--angle,0deg), var(--color-accent), transparent 30%, transparent 70%, var(--color-accent));-webkit-mask-composite:xor;z-index:-1;padding:1px;animation:4s linear infinite border-beam-rotate;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (prefers-reduced-motion:reduce){.preset-card:focus-visible:before{background:linear-gradient(var(--color-accent), transparent 50%, var(--color-accent));animation:none}}@supports not (@property: --foo){.preset-card:focus-visible:before{animation:none}}.preset-card .preset-thumbnail{width:100%;aspect-ratio:var(--board-length) / var(--board-width);background:var(--color-input-bg);border-radius:3px;gap:0;margin-bottom:.25rem;display:grid;overflow:hidden}.preset-card .preset-name{font-size:var(--font-sm);color:var(--color-fg-muted);text-align:center}.preset-card .preset-thumbnail>.preset-thumb-cell{background-image:repeating-linear-gradient(90deg,#0000 0 2px,#0000000b 2px 3px);width:100%;height:100%;position:relative;box-shadow:inset 0 1px 2px #ffffff2e,inset 0 -2px 4px #0000004d}.preset-card .preset-thumbnail>.preset-thumb-cell:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(135deg,#ffffff1f 0%,#0000 40% 60%,#0000001f 100%);position:absolute;top:0;bottom:0;left:0;right:0}.preset-card .preset-thumbnail>.preset-thumb-cell:before{content:"";opacity:.06;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;top:0;bottom:0;left:0;right:0}.input-cell{text-align:center;text-transform:uppercase;background:var(--color-card-bg);width:100%;height:100%;color:var(--color-fg);border:1px solid var(--color-border-strong);text-shadow:0 1px #fff3,0 -1px #00000059;min-width:0;padding:.25rem;font-size:1.2rem;font-weight:600}.input-cell:focus{outline:2px solid var(--color-accent);background:#c8956d26}.visual-cell{background:var(--color-input-bg);outline-offset:-.5px;z-index:0;background-image:repeating-linear-gradient(90deg,#0000 0 2px,#0000000b 2px 3px);border-radius:1px;outline:.5px solid #00000038;min-height:40px;transition:filter .12s,outline-color .12s;position:relative;box-shadow:inset 0 1px 2px #ffffff2e,inset 0 -2px 4px #0000004d}.visual-cell[style*=rgb\(17]{outline-color:#ffffff1a}.visual-cell:hover{filter:brightness(1.06);outline-color:#c8956d8c}.visual-cell:after{content:"";pointer-events:none;mix-blend-mode:overlay;border-radius:inherit;background:linear-gradient(135deg,#ffffff1f 0%,#0000 40% 60%,#0000001f 100%);position:absolute;top:0;bottom:0;left:0;right:0}.visual-cell:before{content:"";opacity:.06;pointer-events:none;mix-blend-mode:multiply;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;top:0;bottom:0;left:0;right:0}.controls-section{background:var(--color-card-bg);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.controls-section-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.controls-area{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.block-card{background:var(--color-card-bg);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base), box-shadow var(--transition-base);isolation:isolate;position:relative}.block-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.block-card:hover:before,.block-card:focus-within:before{content:"";border-radius:inherit;background:linear-gradient(var(--angle,0deg), var(--color-accent), transparent 30%, transparent 70%, var(--color-accent));-webkit-mask-composite:xor;z-index:-1;padding:1px;animation:4s linear infinite border-beam-rotate;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes border-beam-rotate{to{--angle:360deg}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@supports not (@property: --foo){.block-card:hover:before,.block-card:focus-within:before{animation:none}}@media (prefers-reduced-motion:reduce){.block-card:hover:before,.block-card:focus-within:before{background:linear-gradient(var(--color-accent), transparent 50%, var(--color-accent));animation:none}}.block-card-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.block-card-header h3{font-size:var(--font-base)}.block-card-actions{flex-wrap:wrap;gap:.25rem;display:flex}.block-preview{aspect-ratio:1;background:var(--color-input-bg);width:100%;margin-bottom:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.block-regions-info{font-size:var(--font-xs);color:var(--color-fg-subtle);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);background:#ffffff08;border-radius:3px}.block-regions-info.regions-multi{color:var(--color-multi);background:#ffb84d1a;border-color:#ffb84d66}.block-regions-info.regions-none{color:var(--color-fg-subtle);font-style:italic}.block-control-row{margin-bottom:var(--spacing-sm);flex-direction:column;gap:.25rem;display:flex}.block-control-row>label{font-size:var(--font-sm);color:var(--color-fg-muted)}.block-control-row select,.block-control-row input[type=number],.block-control-row input[type=range]{background:var(--color-surface-1);width:100%;color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm);padding:.25rem .5rem}.block-control-row input[type=range]{height:1.5rem;accent-color:var(--color-accent);cursor:pointer;padding:0}.block-control-row input[type=range]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.divider-row{gap:.5rem;margin-bottom:.25rem;display:flex}.divider-row input[type=number]{background:var(--color-surface-1);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;padding:.25rem .5rem}.zone-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.zone-row select{background:var(--color-surface-1);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm);flex:1;padding:.25rem .5rem}.zone-row input[type=color]{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:2rem;height:2rem;padding:0}.zone-row button{background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #ff6b6b66;padding:.25rem .5rem}.btn-icon{background:var(--color-surface-1);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.25rem .5rem;display:inline-flex}.btn-icon:hover:not(:disabled){background:var(--color-card-hover);border-color:var(--color-border-strong)}.btn-icon:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.angle-display{font-size:var(--font-sm);color:var(--color-fg-muted);margin-left:.5rem}.block-controls{margin-top:var(--spacing-sm)}.block-controls>summary{cursor:pointer;font-size:var(--font-sm);color:var(--color-fg-muted);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);align-items:center;gap:var(--spacing-xs);-webkit-user-select:none;user-select:none;list-style:none;display:inline-flex}.block-controls>summary::-webkit-details-marker{display:none}.block-controls>summary:before{content:"▸";transition:transform var(--transition-fast);display:inline-block}.block-controls[open]>summary:before{transform:rotate(90deg)}.block-controls>summary:hover{background:var(--color-surface-1);color:var(--color-fg)}.block-controls-content{padding-top:var(--spacing-sm)}@media (max-width:900px){.workspace{grid-template-columns:1fr}.preview-sticky{position:static}body{padding:var(--spacing-sm)}.header-section h1{font-size:var(--font-lg)}.config-bar{padding:var(--spacing-sm)}.config-primary{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;align-items:start;display:grid}.config-primary>.divider{display:none}.config-section{flex-wrap:wrap}.config-bar label{font-size:var(--font-xs)}.config-bar input[type=number]{width:4rem}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-sm)}.controls-area{grid-template-columns:1fr}.presets-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (max-width:900px) and (min-width:600px){.preview-sticky{top:var(--spacing-sm);position:sticky}}@media (max-width:600px){.config-bar label .en,.btn .en{display:none}.config-bar .btn,.btn,select,input[type=number],input[type=text]{min-height:44px}.config-primary{flex-direction:column;display:flex}}@media (max-width:320px){body,.config-bar{padding:var(--spacing-xs)}.header-section h1{font-size:var(--font-md)}}.lumber-panel{background:var(--color-card-bg);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex-direction:column;align-self:stretch;display:flex}.lumber-panel-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:baseline;display:flex}.lumber-panel-header h2{font-size:var(--font-md);margin:0}.lumber-rough-thickness{font-size:var(--font-sm);color:var(--color-fg-muted);background:var(--color-surface-1);border-radius:var(--radius-sm);padding:.125rem .5rem}.lumber-content{font-size:var(--font-sm);line-height:1.5}.lumber-empty{color:var(--color-fg-subtle);font-style:italic}.lumber-summary{font-size:var(--font-xs);color:var(--color-fg-muted);border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}.lumber-entry{grid-template-columns:1fr auto;align-items:baseline;gap:.25rem 1rem;padding:.25rem 0;display:grid}.lumber-entry-wood{font-weight:600}.lumber-entry-detail{font-size:var(--font-xs);color:var(--color-fg-subtle);grid-column:1/-1}.lumber-warning{background:var(--color-warn-bg);border:1px solid var(--color-warn);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-top:var(--spacing-sm);color:var(--color-warn);font-size:.8125rem}.lumber-error{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-top:var(--spacing-sm);color:var(--color-error);font-size:.8125rem}.cutlist-panel{background:var(--color-card-bg);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex-direction:column;align-self:stretch;display:flex}.cutlist-panel-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:baseline;display:flex}.cutlist-panel-header h2{font-size:var(--font-md);margin:0}.cutlist-content{font-size:var(--font-sm);line-height:1.5}.cutlist-empty{color:var(--color-fg-subtle);font-style:italic}.cutlist-summary{font-size:var(--font-xs);color:var(--color-fg-muted);border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}.cutlist-warning{background:var(--color-warn-bg);border:1px solid var(--color-warn);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-top:var(--spacing-sm);color:var(--color-warn);font-size:.8125rem}.cutlist-error{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-top:var(--spacing-sm);color:var(--color-error);font-size:.8125rem}#toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:var(--color-card-bg);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);color:var(--color-fg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:280px;max-width:420px;font-size:var(--font-sm);pointer-events:auto;word-break:break-word;padding:.75rem 1rem;animation:.25s ease-out toast-slide-in}.toast.toast-error{border-left-color:var(--color-error)}.toast.toast-success{border-left-color:var(--color-accent)}.toast.toast-info{border-left-color:var(--color-info)}.toast.fade-out{animation:.25s ease-in forwards toast-slide-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.toast,.toast.fade-out{animation:none}}.modal-overlay{z-index:1100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-overlay[hidden]{display:none}.modal-dialog{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:min(560px,90vw);box-shadow:var(--shadow-lg)}.modal-dialog h2{font-size:var(--font-md);margin-bottom:var(--spacing-sm)}.modal-text{color:var(--color-fg-muted);font-size:var(--font-sm);margin-bottom:var(--spacing-md)}#share-url-input{background:var(--color-bg);width:100%;color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);padding:.5rem .75rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8125rem}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}