:root{--bg: oklch(.967 .008 80);--surface: oklch(.992 .004 85);--surface-2: oklch(.975 .007 82);--paper: oklch(.997 .002 90);--ink: oklch(.265 .012 70);--ink-2: oklch(.445 .013 72);--ink-3: oklch(.585 .012 75);--ink-4: oklch(.7 .01 78);--line: oklch(.905 .008 82);--line-2: oklch(.855 .01 80);--line-soft: oklch(.935 .006 82);--accent: oklch(.515 .072 158);--accent-press: oklch(.455 .072 158);--accent-soft: oklch(.945 .03 158);--accent-line: oklch(.815 .045 158);--accent-ink: oklch(.4 .075 158);--warm-ink: oklch(.47 .1 45);--warm-soft: oklch(.955 .028 60);--danger: oklch(.55 .16 27);--danger-soft: oklch(.955 .03 30);--serif: "Spectral", Georgia, "Times New Roman", serif;--sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--heading: var(--serif);--pad: 20px;--gap: 14px;--row-h: 38px;--radius: 12px;--radius-sm: 8px;--shadow-card: 0 1px 2px oklch(.3 .02 70 / .05), 0 6px 18px oklch(.3 .02 70 / .06);--shadow-pop: 0 8px 24px oklch(.3 .02 70 / .12), 0 2px 6px oklch(.3 .02 70 / .08);--shadow-paper: 0 1px 1px oklch(.3 .02 70 / .06), 0 10px 34px oklch(.3 .02 70 / .13)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--heading);font-weight:500;letter-spacing:-.01em;margin:0}.window{display:flex;flex-direction:column;height:100vh}.titlebar{height:44px;flex:none;display:flex;align-items:center;padding:0 16px 0 80px;border-bottom:1px solid var(--line);background:var(--surface);-webkit-app-region:drag}.titlebar .title{position:absolute;left:50%;transform:translate(-50%);font-size:13px;font-weight:600;color:var(--ink-2)}.crumb{color:var(--ink-3);font-weight:500}.home-link{-webkit-app-region:no-drag;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--radius-sm);height:28px;padding:0 12px;font:inherit;font-size:12.5px;color:var(--ink-2);cursor:pointer}.home-link:hover{background:var(--surface-2)}.home-link.hidden{visibility:hidden}.content{flex:1;min-height:0;overflow:hidden}.btn{display:inline-flex;align-items:center;gap:6px;height:var(--row-h);padding:0 16px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--radius-sm);font:inherit;font-weight:500;color:var(--ink);cursor:pointer;white-space:nowrap}.btn:hover{background:var(--surface-2);border-color:var(--ink-4)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;pointer-events:none}.btn.ghost{border-color:transparent;background:transparent;color:var(--ink-2)}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{height:32px;padding:0 12px;font-size:13px}.btn.tiny{height:28px;padding:0 10px;font-size:12px;color:var(--accent-ink)}.btn.icon{width:44px;padding:0;justify-content:center;flex:none;color:var(--accent-ink)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--row-h);padding:0 16px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#f7fef9;font:inherit;font-weight:500;cursor:pointer;box-shadow:0 1px 2px #2153394d}.btn-primary:hover{background:var(--accent-press)}.btn-primary:disabled{opacity:.5;pointer-events:none}.btn-primary.sm{height:32px;font-size:13px}.btn-lg{height:48px;padding:0 22px;font-size:15px;border-radius:10px}.seg{display:flex;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:3px;gap:2px}.seg button{flex:1;height:30px;border:none;background:transparent;border-radius:7px;cursor:pointer;font:inherit;font-size:13px;color:var(--ink-2);text-transform:capitalize;white-space:nowrap}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014;font-weight:500}.seg.small button{height:26px;font-size:12.5px}.switch{width:38px;height:22px;border-radius:999px;border:none;background:var(--line-2);position:relative;cursor:pointer;flex:none;transition:background .15s}.switch[aria-pressed=true]{background:var(--accent)}.switch .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.switch[aria-pressed=true] .knob{transform:translate(16px)}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:var(--radius-sm);flex:none}.stepper button{width:24px;height:26px;border:none;background:transparent;cursor:pointer;font:inherit;color:var(--ink-2)}.stepper span{min-width:22px;text-align:center;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.stepper input{width:32px;height:26px;border:none;background:transparent;padding:0;text-align:center;font:inherit;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper.inline{width:max-content}.chip,.qchip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:500;background:var(--surface-2);border:1px solid var(--line)}.qchip{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}.text{width:100%;height:38px;padding:0 10px;border:1px solid var(--line-2);border-radius:var(--radius-sm);font:inherit;background:var(--surface)}.text:focus{outline:none;border-color:var(--accent-line)}.home{height:100%;overflow-y:auto;padding:46px 40px 64px}.home>*{max-width:968px;margin-inline:auto}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.eyebrow{text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600;color:var(--accent-ink);margin:0 0 6px}.hero h1{font-size:38px;line-height:1.05;margin:0}.lead{font-size:15px;color:var(--ink-2);max-width:440px;margin:12px 0 0;line-height:1.5}.block{margin-top:42px}.block h2{font-size:19px;margin-bottom:16px}.block h2 .count{color:var(--ink-3);font-size:14px;font-family:var(--sans)}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(282px,1fr));gap:16px}.preset-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-card)}.preset-card .layers{position:absolute;top:16px;right:16px;color:var(--ink-4)}.preset-card .del{position:absolute;top:12px;right:40px;border:none;background:transparent;color:var(--ink-4);cursor:pointer;opacity:0}.preset-card:hover .del{opacity:1}.preset-card .del:hover{color:var(--danger)}.preset-card h3{font-size:17px;font-weight:600;margin:0 0 8px}.preset-card .summary{font-size:13px;color:var(--ink-3);min-height:34px;margin:8px 0 12px}.card-actions{display:flex;gap:8px}.card-actions .btn-primary{flex:1}.empty-well{border:1px dashed var(--line-2);background:var(--surface-2);border-radius:var(--radius);padding:30px 28px}.well-head{display:flex;gap:14px;align-items:flex-start}.well-head strong{font-size:15px}.well-head p{margin:4px 0 0;color:var(--ink-3);font-size:13px}.tile{width:40px;height:40px;flex:none;border-radius:9px;background:var(--accent-soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center}.tile.sm{width:34px;height:34px}.starters{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:12px}.starter{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:12px;cursor:pointer}.starter:hover{border-color:var(--accent-line);box-shadow:var(--shadow-card)}.starter strong{display:block;font-size:14.5px}.starter .sub{display:block;font-size:12.5px;color:var(--ink-3)}.recents{border-top:1px solid var(--line-soft)}.recent-row{display:flex;align-items:center;gap:14px;padding:13px 2px;border-bottom:1px solid var(--line-soft)}.thumb{width:30px;height:38px;flex:none;border:1px solid var(--line-2);border-radius:3px;background:repeating-linear-gradient(var(--surface) 0 4px,var(--line-soft) 4px 5px)}.recent-meta{flex:1;min-width:0}.rtitle{font-size:14px;font-weight:600}.rsub{font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:4px}.recent-actions{display:flex;gap:8px}.builder{display:flex;height:100%}.controls{width:412px;flex:none;border-right:1px solid var(--line);background:var(--surface);padding:20px 22px 8px;overflow-y:auto;display:flex;flex-direction:column}.field{margin-bottom:18px}.field.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:7px}.hint{font-size:11.5px;color:var(--ink-3)}.yeargrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.yearbtn{height:36px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;font:inherit;color:var(--ink-2)}.yearbtn.sel{border:1.5px solid var(--accent);background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.topics-head{display:flex;justify-content:space-between;align-items:baseline}.topics-right{display:inline-flex;align-items:baseline;gap:10px}.txtbtn{border:none;background:none;padding:0;font:inherit;font-size:11.5px;font-weight:500;color:var(--ink-3);cursor:pointer}.txtbtn:hover{color:var(--accent-ink);text-decoration:underline}.topic-search{position:relative;margin:8px 0 2px}.topic-search .text{height:34px;padding-left:32px;padding-right:30px}.topic-search .search-ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;color:var(--ink-3);pointer-events:none}.search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;padding:3px;border:none;background:none;color:var(--ink-3);cursor:pointer;border-radius:var(--radius-sm)}.search-clear:hover{color:var(--accent-ink)}.revtoggle{display:flex;align-items:center;gap:8px;margin:4px 0 2px;font-size:12.5px;color:var(--ink-2);cursor:pointer}.revtoggle input{cursor:pointer}.strand{border-top:1px solid var(--line-soft);padding:8px 0 4px}.strand summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none}.strand summary::-webkit-details-marker{display:none}.chev{display:inline-flex;color:var(--ink-3);transform:rotate(0);transition:transform .15s}.strand[open] .chev{transform:rotate(-90deg)}.strand-name{font-size:14px;font-weight:600;flex:1}.strand-body{padding:4px 0 2px}.topic{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 0 3px 30px}.topic-main{display:flex;align-items:flex-start;gap:8px;cursor:pointer;min-width:0}.topic-main input{margin-top:1px;flex:none}.topic-label{font-size:12.5px;color:var(--ink);line-height:1.35}.topic-label.off{color:var(--ink-3)}.soon{font-size:11px;color:var(--ink-3);padding:2px 0 4px 30px;font-style:italic}.knowledge{margin:0 0 6px 30px}.knowledge>summary{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--ink-3);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.knowledge>summary::-webkit-details-marker{display:none}.knowledge>summary:hover{color:var(--ink-2)}.kw-ico{display:inline-flex;color:var(--accent, var(--ink-3))}.knowledge ul{margin:5px 0 2px;padding-left:18px;list-style:disc}.knowledge li{font-size:11.5px;line-height:1.4;color:var(--ink-2);margin-bottom:4px}.kw-prog{font-weight:600;color:var(--ink)}.footer{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:14px 0 16px;margin-top:auto}.genrow{display:flex;gap:8px}.genrow .btn-primary{flex:1;height:44px;font-size:15px}.genrow .btn.icon{height:44px}.preset-form{display:flex;gap:6px;margin-top:8px}.preset-form .text{flex:1}.preview{flex:1;display:flex;flex-direction:column;background:var(--bg);min-width:0}.toolbar{height:52px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.tl{display:flex;align-items:center;gap:12px}.live{font-size:13px;color:var(--ink-2)}.spin{color:var(--accent-ink);margin-left:6px;font-size:12px}.dlmenu{display:flex;gap:8px}.stage{flex:1;overflow:auto;padding:24px;display:flex;justify-content:center}.stage iframe{width:100%;max-width:820px;height:100%;border:none;border-radius:4px;box-shadow:var(--shadow-paper);background:#fff}.empty{margin:auto;color:var(--ink-3)}.output{display:flex;height:100%}.sidebar{width:320px;flex:none;border-right:1px solid var(--line);background:var(--surface);padding:18px;overflow-y:auto;display:flex;flex-direction:column}.back{align-self:flex-start;margin-bottom:10px}.ready{display:flex;align-items:center;gap:5px;color:var(--accent-ink);font-size:11.5px;font-weight:600;letter-spacing:.04em;margin-bottom:4px}.sidebar h2{font-size:19px}.sidebar .meta{font-size:12.5px;color:var(--ink-3);margin:4px 0 16px}.versions{display:flex;flex-direction:column;gap:8px}.vthumb{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:8px;cursor:pointer;text-align:left}.vthumb.active{background:var(--accent-soft);border-color:var(--accent-line)}.vpaper{width:38px;height:50px;flex:none;border:1px solid var(--line-2);border-radius:3px;background:repeating-linear-gradient(var(--paper) 0 5px,var(--line-soft) 5px 6px)}.vlabel strong{display:block;font-size:13.5px}.vsub{font-size:11.5px;color:var(--ink-3)}.sidebar-footer{margin-top:auto;padding-top:14px}.sidebar-footer .btn-primary{width:100%}.reprintbar{display:flex;align-items:center;gap:10px;background:var(--surface-2);border-bottom:1px solid var(--line);padding:9px 20px;font-size:13px;color:var(--ink-2)}.centered{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px;text-align:center}.centered h2{font-size:20px}.centered .sub{color:var(--ink-3);font-size:14px;margin:0}.gen-tile{position:relative;width:56px;height:56px;border-radius:16px;background:var(--accent-soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;margin-bottom:6px}.ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:18px;border:2px solid var(--accent-line);border-top-color:var(--accent);animation:spin .8s linear infinite}.progress{width:260px;height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-top:8px}.progress .bar{display:block;height:100%;width:30%;background:var(--accent);border-radius:999px;animation:ramp 1.4s ease forwards}.err-tile{width:52px;height:52px;border-radius:14px;background:var(--warm-soft);color:var(--warm-ink);display:flex;align-items:center;justify-content:center}.err-detail{max-width:520px;font-size:12px;color:var(--ink-3);background:var(--surface-2);padding:10px;border-radius:var(--radius-sm);white-space:pre-wrap;overflow:auto}.err-actions{display:flex;gap:10px;margin-top:8px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--surface);padding:9px 16px;border-radius:999px;font-size:13px;box-shadow:var(--shadow-pop);max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:pop .22s cubic-bezier(.2,.8,.2,1)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ramp{0%{width:8%}to{width:100%}}@keyframes pop{0%{opacity:0;transform:translate(-50%) scale(.96)}}.scroll::-webkit-scrollbar{width:11px}.scroll::-webkit-scrollbar-thumb{background:#c1bdb7;border:3px solid transparent;background-clip:padding-box;border-radius:8px}.hero-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.chiprow{display:flex;gap:6px;flex-wrap:wrap}.chip.accent{background:var(--accent-soft);border-color:transparent;color:var(--accent-ink)}.word-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--accent-ink);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px}.opgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:7px}.opbtn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;cursor:pointer;border:1px solid var(--line-2);background:var(--surface);font:inherit;color:var(--ink-2)}.opbtn[aria-pressed=true]{border:1.5px solid var(--accent);background:var(--accent-soft);color:var(--ink)}.opcheck{width:18px;height:18px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--line-2);color:#fff}.opbtn[aria-pressed=true] .opcheck{border:none;background:var(--accent)}.opsym{width:16px;text-align:center;font-size:17px;font-weight:600;color:var(--ink-3)}.opbtn[aria-pressed=true] .opsym{color:var(--accent-ink)}.oplabel{font-size:13.5px;font-weight:500}.countgrid{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.countbtn{height:34px;min-width:42px;padding:0 13px;border-radius:8px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2)}.countbtn[aria-pressed=true]{border:1.5px solid var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.count-or{font-size:12.5px;color:var(--ink-3);margin-left:2px}.count-custom{width:56px;height:34px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);text-align:center;font:inherit;font-size:13px;color:var(--ink)}.word-empty{display:flex;flex-direction:column;gap:6px;text-align:center}.word-empty strong{color:var(--ink-2);font-size:15px}.word-empty span{font-size:13px;color:var(--ink-3);max-width:320px}