:root{--surface:#ffffff;--surface-muted:#f1f5f9;--border:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--primary:#2563eb;--primary-dark:#1d4ed8;--accent:#2563eb;--shadow-soft:0 8px 30px rgba(15,23,42,0.08);color:var(--text-main,#0f172a);background-color:var(--surface,#fff);}
.lsv-workbench{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;}
.lsv-stage{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border,#e2e8f0);background:linear-gradient(165deg,var(--surface-muted,#f1f5f9) 0%,var(--surface,#fff) 45%,var(--surface-muted,#f1f5f9) 100%);box-shadow:var(--shadow-soft,0 8px 30px rgba(15,23,42,0.08));}
.lsv-canvas-frame{position:relative;width:100%;aspect-ratio:1/1;max-height:min(88vw,560px);margin:0 auto;}
@media (min-width:480px){.lsv-canvas-frame{aspect-ratio:4/3;max-height:min(72vw,520px);}}
.lsv-canvas-frame canvas{display:block;width:100%;height:100%;touch-action:none;}
.lsv-stage-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:1rem 1.5rem;padding:0.65rem 1rem;border-top:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);font-size:0.8125rem;color:var(--text-muted,#64748b);}
.lsv-meta-stat{font-variant-numeric:tabular-nums;}
.lsv-rail{display:flex;flex-direction:column;gap:0.75rem;}
.lsv-acc{border:1px solid var(--border,#e2e8f0);border-radius:14px;background:var(--surface,#fff);overflow:hidden;}
.lsv-acc summary{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.9rem 1rem;font-size:0.875rem;font-weight:700;color:var(--text-main,#0f172a);cursor:pointer;list-style:none;}
.lsv-acc summary::-webkit-details-marker{display:none;}
.lsv-acc summary::after{content:"+";font-weight:400;color:var(--text-muted,#64748b);font-size:1.1rem;}
.lsv-acc[open] summary::after{content:"\2212";}
.lsv-acc-body{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:0.85rem;}
.lsv-label{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted,#64748b);}
.lsv-field{display:flex;flex-direction:column;gap:0.35rem;}
.lsv-field span:not(.lsv-label){font-size:0.8125rem;font-weight:600;color:var(--text-main,#0f172a);}
.lsv-field input,.lsv-field textarea{width:100%;padding:0.65rem 0.8rem;font-size:0.9375rem;color:var(--text-main,#0f172a);background:var(--surface-muted,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:10px;font-family:inherit;box-sizing:border-box;}
.lsv-field textarea{resize:vertical;min-height:5.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:0.8125rem;line-height:1.45;}
.lsv-field input:focus,.lsv-field textarea:focus{outline:none;border-color:var(--primary,#2563eb);box-shadow:0 0 0 2px rgba(37,99,235,0.2);}
.lsv-hint{font-size:0.75rem;color:var(--text-muted,#64748b);line-height:1.4;}
.lsv-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.65rem;}
@media (max-width:479px){.lsv-row-3{grid-template-columns:1fr;}}
.lsv-range-wrap{display:flex;flex-direction:column;gap:0.25rem;}
.lsv-range-wrap input[type="range"]{width:100%;accent-color:var(--primary,#2563eb);}
.lsv-range-val{font-size:0.75rem;font-variant-numeric:tabular-nums;color:var(--text-muted,#64748b);}
.lsv-iter-num{max-width:5rem;margin-top:0.35rem;padding:0.45rem 0.6rem;font-size:0.875rem;border-radius:8px;border:1px solid var(--border,#e2e8f0);background:var(--surface-muted,#f1f5f9);color:var(--text-main,#0f172a);}
.lsv-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5rem;}
@media (min-width:400px){.lsv-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.lsv-preset-tile{padding:0.65rem 0.5rem;font-size:0.8125rem;font-weight:600;text-align:center;color:var(--text-main,#0f172a);background:var(--surface-muted,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:12px;cursor:pointer;transition:transform 0.12s,background 0.15s,border-color 0.15s;}
.lsv-preset-tile:hover{background:var(--surface,#fff);border-color:var(--primary,#2563eb);color:var(--primary,#2563eb);}
.lsv-preset-tile:focus-visible{outline:2px solid var(--primary,#2563eb);outline-offset:2px;}
.lsv-primary-actions{display:flex;flex-wrap:wrap;gap:0.65rem;padding-top:0.25rem;}
.lsv-btn-draw{flex:1;min-width:140px;padding:0.75rem 1.25rem;font-size:0.9375rem;font-weight:700;color:#fff;background:var(--primary,#2563eb);border:none;border-radius:12px;cursor:pointer;transition:background 0.15s,transform 0.1s;}
.lsv-btn-draw:hover{background:var(--primary-dark,#1d4ed8);}
.lsv-btn-draw:active{transform:scale(0.98);}
.lsv-btn-ghost{padding:0.75rem 1.1rem;font-size:0.9375rem;font-weight:600;color:var(--text-main,#0f172a);background:transparent;border:1px solid var(--border,#e2e8f0);border-radius:12px;cursor:pointer;}
.lsv-btn-ghost:hover{background:var(--surface-muted,#f1f5f9);}
.lsv-string-panel{border:1px solid var(--border,#e2e8f0);border-radius:14px;background:var(--surface,#fff);overflow:hidden;}
.lsv-string-panel summary{padding:0.85rem 1rem;font-size:0.8125rem;font-weight:700;color:var(--text-main,#0f172a);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:0.5rem;}
.lsv-string-panel summary::-webkit-details-marker{display:none;}
.lsv-string-panel summary::after{content:"\203A";transform:rotate(90deg);color:var(--text-muted,#64748b);font-size:1rem;}
.lsv-string-panel:not([open]) summary::after{transform:rotate(0deg);}
.lsv-string-body{padding:0 1rem 1rem;}
.lsv-string-out{max-height:min(28vh,200px);overflow:auto;padding:0.65rem 0.75rem;font-size:0.75rem;line-height:1.5;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text-main,#0f172a);background:var(--surface-muted,#f1f5f9);border-radius:10px;border:1px solid var(--border,#e2e8f0);}
.lsv-color-row{display:flex;flex-wrap:wrap;align-items:center;gap:0.65rem;}
.lsv-color-row input[type="color"]{width:44px;height:36px;padding:0;border:1px solid var(--border,#e2e8f0);border-radius:8px;cursor:pointer;background:var(--surface,#fff);}
@media (min-width:900px){.lsv-workbench{display:grid;grid-template-columns:minmax(0,1fr) min(340px,34vw);grid-template-rows:auto 1fr;gap:1.25rem 1.5rem;align-items:start;}
.lsv-stage{grid-column:1;grid-row:1 / span 2;}
.lsv-rail{grid-column:2;grid-row:1;}
.lsv-string-panel{grid-column:2;grid-row:2;align-self:stretch;}
.lsv-canvas-frame{max-height:min(70vh,620px);}}
.lsv-prose{margin-top:2rem;padding-bottom:2rem;}
.lsv-prose h2{font-size:clamp(1.25rem,3vw,1.6rem);font-weight:700;margin:2rem 0 0.75rem;color:var(--text-main,#0f172a);}
.lsv-prose h2:first-child{margin-top:0;}
.lsv-prose h3{font-size:1.05rem;font-weight:700;margin:1.5rem 0 0.5rem;color:var(--text-main,#0f172a);}
.lsv-prose p{font-size:0.9375rem;line-height:1.65;color:var(--text-main,#0f172a);margin:0 0 0.85rem;}
.lsv-callout{margin:1.25rem 0;padding:1rem 1.1rem;border-radius:12px;border-left:4px solid var(--primary,#2563eb);background:var(--surface-muted,#f1f5f9);font-size:0.9375rem;line-height:1.6;color:var(--text-main,#0f172a);}
.lsv-dl{margin:1rem 0;padding:0;}
.lsv-dl dt{font-weight:700;font-size:0.875rem;margin-top:0.75rem;color:var(--text-main,#0f172a);}
.lsv-dl dt:first-child{margin-top:0;}
.lsv-dl dd{margin:0.25rem 0 0;padding:0;font-size:0.875rem;line-height:1.55;color:var(--text-muted,#64748b);padding-left:0.5rem;border-left:2px solid var(--border,#e2e8f0);}
.lsv-table-wrap{overflow-x:auto;margin:1rem 0;border:1px solid var(--border,#e2e8f0);border-radius:12px;}
.lsv-table{width:100%;border-collapse:collapse;font-size:0.8125rem;}
.lsv-table th,.lsv-table td{padding:0.65rem 0.85rem;text-align:left;border-bottom:1px solid var(--border,#e2e8f0);}
.lsv-table th{background:var(--surface-muted,#f1f5f9);font-weight:700;color:var(--text-main,#0f172a);}
.lsv-table tr:last-child td{border-bottom:none;}
.lsv-table td{color:var(--text-muted,#64748b);}
.lsv-muted-note{font-size:0.875rem;color:var(--text-muted,#64748b);margin:1rem 0;}