.home-prose{color:var(--color-ink-2);line-height:1.75}.home-prose>*+*{margin-top:1.1rem}.home-prose p{text-wrap:pretty}.home-prose strong{color:var(--color-ink);font-weight:600}.home-prose a{color:var(--color-ink);text-underline-offset:4px;text-decoration:underline #d6b26e80;transition:color .3s}.home-prose a:hover{color:var(--color-gold-1);text-decoration-color:var(--color-accent)}.home-prose h3{color:var(--color-ink);margin-top:2.6rem;margin-bottom:.7rem;font-size:1.5rem;font-weight:420}.home-prose .lead{color:var(--color-ink);font-size:1.12rem}.home-steps{counter-reset:step;gap:.9rem;padding:0;list-style:none;display:grid}.home-steps li{padding-inline-start:3rem;position:relative}.home-steps li:before{counter-increment:step;content:counter(step, decimal-leading-zero);inset-inline-start:0;font:italic 400 1.05rem/1.6 var(--font-display);color:var(--color-accent-ink);position:absolute;top:.05rem}.home-steps strong{color:var(--color-ink);font-weight:600;display:block}.demo-card{background:linear-gradient(#17151b,#100e13) padding-box padding-box,linear-gradient(150deg,#f4e4bd8c,#d6b26e24 35%,#f4efe60d 60%,#d6b26e4d) border-box;border:1px solid #0000;border-radius:24px;padding:20px;position:relative;box-shadow:inset 0 1px #f4efe60d,0 40px 80px -40px #000000f2,0 0 60px -36px #d6b26e66}@media (width>=640px){.demo-card{padding:26px}}.demo-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.demo-tag{letter-spacing:.28em;text-transform:uppercase;color:var(--color-accent-ink);align-items:center;gap:8px;font-size:.66rem;font-weight:500;display:inline-flex}.demo-tag:before{content:"";background:var(--color-accent);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite demo-pulse;box-shadow:0 0 0 3px #d6b26e2e,0 0 12px #d6b26ecc}@keyframes demo-pulse{50%{box-shadow:0 0 0 6px #d6b26e0d,0 0 16px #d6b26ee6}}.demo-icon-btn{border:1px solid var(--color-line-2);width:34px;height:34px;color:var(--color-ink-2);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:border-color .3s,color .3s;display:grid}.demo-icon-btn:hover{color:var(--color-gold-1);border-color:#d6b26e99}.demo-icon-btn svg{width:14px;height:14px}.demo-caption{min-height:1.6em;color:var(--color-muted);text-align:center;margin-top:14px;font-size:.86rem}.demo-caption b{color:var(--color-gold-1);font-weight:500}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg-btn{border:1px solid var(--color-line-2);min-height:38px;color:var(--color-ink-2);letter-spacing:.02em;cursor:pointer;background:#f4efe608;border-radius:999px;padding:0 14px;font-size:.82rem;font-weight:500;transition:border-color .3s,color .3s,background-color .3s}.seg-btn:hover{color:var(--color-ink);border-color:#d6b26e80}.seg-btn[aria-pressed=true],.seg-btn[aria-selected=true]{color:var(--color-on-gold);background:linear-gradient(135deg,#f6e8c6 0%,#d9b673 45%,#b3894d 100%);border-color:#0000;box-shadow:inset 0 1px #ffffff80,0 8px 20px -10px #d6b26e99}.mb{background:var(--color-board);border:1px solid #f4efe60f;border-radius:14px;gap:4px;padding:6px;display:grid;position:relative}.mb-row{background:var(--color-board-2);border-radius:9px;grid-template-columns:46px minmax(0,1fr);min-height:44px;transition:box-shadow .4s;display:grid;overflow:hidden}.mb-label{background:linear-gradient(180deg, #ffffff47, #fff0 60%), var(--c,#ccc);color:var(--fg,#1a1820);font:560 1.05rem/1 var(--font-display);text-align:center;overflow-wrap:anywhere;place-items:center;padding:0 4px;transition:background-color .4s,box-shadow .4s;display:grid}.mb-label.is-long{font-size:.66rem;font-weight:600;line-height:1.1}.mb-cells{flex-wrap:wrap;align-content:center;gap:4px;min-width:0;padding:5px;display:flex}.mb-tile{background:var(--color-board-3);border-radius:7px;flex:none;place-items:center;width:32px;height:32px;font-size:1rem;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #f4efe612,0 2px 5px -2px #00000080}.mb-tray{border:1px dashed var(--color-board-line);border-radius:9px;flex-wrap:wrap;align-items:center;gap:4px;min-height:44px;margin-top:2px;padding:6px;display:flex}.mb-tray-label{letter-spacing:.22em;text-transform:uppercase;width:100%;color:var(--color-board-muted);padding:0 2px 2px;font-size:.6rem}.is-lit{box-shadow:0 0 0 1.5px var(--color-gold-1), 0 0 24px -4px #d6b26ebf!important}.wt-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:16px;display:grid}.wt-step{text-align:start;border:1px solid var(--color-line);color:var(--color-ink-2);cursor:pointer;background:#f4efe605;border-radius:14px;gap:4px;padding:10px 10px 12px;transition:border-color .3s,background-color .3s,color .3s;display:grid;position:relative;overflow:hidden}.wt-step:hover{border-color:#d6b26e66}.wt-step-num{font:italic 400 .95rem/1 var(--font-display);color:var(--color-accent-ink)}.wt-step-title{font-size:.74rem;font-weight:500;line-height:1.25}.wt-step[aria-current=step]{color:var(--color-ink);background:#d6b26e12;border-color:#d6b26e8c}.wt-progress{inset-inline:0;transform-origin:0;background:linear-gradient(90deg,#f6e8c6,#b3894d);height:2px;position:absolute;bottom:0;transform:scaleX(0)}[dir=rtl] .wt-progress{transform-origin:100%}.wt-step[aria-current=step] .wt-progress{animation:wt-progress var(--wt-dur,4s) linear forwards}.is-paused .wt-step[aria-current=step] .wt-progress{opacity:.5;animation:none;transform:scaleX(1)}@keyframes wt-progress{to{transform:scaleX(1)}}@media (width<=520px){.wt-step-title{display:none}.wt-step{place-items:center;padding:10px 6px}}.wt-toolbar{justify-content:flex-end;gap:6px;margin-bottom:6px;display:flex}.wt-chip{border:1px solid var(--color-line-2);height:26px;color:var(--color-ink-2);border-radius:999px;align-items:center;padding:0 10px;font-size:.66rem;transition:box-shadow .4s;display:inline-flex}.wt-chip-gold{color:var(--color-on-gold);background:linear-gradient(135deg,#f6e8c6,#b3894d);border-color:#0000}.wt-input{gap:6px;margin-top:6px;display:flex}.wt-input span{border:1px solid var(--color-board-line);background:var(--color-board);height:30px;color:var(--color-board-muted);border-radius:8px;align-items:center;padding:0 10px;font-size:.68rem;display:flex}.wt-input span:first-child{flex:1}.wt-tile-in{animation:.5s cubic-bezier(.2,.8,.2,1) both wt-pop;animation-delay:calc(var(--i,0) * .12s)}@keyframes wt-pop{0%{opacity:0;transform:scale(.6)}}.wt-png{inset-inline-end:14px;z-index:3;color:#1a1408;width:64px;height:78px;font:600 .7rem/1 var(--font-sans);letter-spacing:.08em;opacity:0;background:linear-gradient(#f6efe2,#d9ccb4);border-radius:8px;place-items:center;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:44px;transform:translateY(-10px)rotate(4deg);box-shadow:0 18px 30px -12px #000c}.wt-png.is-shown{opacity:1;transform:translateY(0)rotate(4deg)}.wt-flash{opacity:0;pointer-events:none;background:#fff8e680;border-radius:14px;position:absolute;inset:0}.wt-flash.is-on{animation:.6s ease-out wt-flash}@keyframes wt-flash{0%{opacity:.8}to{opacity:0}}.dm-stage{position:relative}.dm-pointer{z-index:5;pointer-events:none;opacity:0;width:26px;height:26px;transition:transform .7s cubic-bezier(.45,0,.2,1),opacity .3s;position:absolute;top:0;left:0}.dm-pointer svg{filter:drop-shadow(0 4px 8px #0009);width:100%;height:100%}.dm-finger{background:#f4efe640;border:1.5px solid #f4efe6cc;border-radius:50%}.dm-finger:after{content:"";border:2px solid var(--color-gold-1);opacity:0;border-radius:50%;position:absolute;inset:-6px;transform:scale(.5)}.dm-finger.is-holding:after{animation:.6s ease-out forwards dm-hold}@keyframes dm-hold{to{opacity:.9;transform:scale(1.15)}}.dm-lift{transform:scale(1.15)rotate(-4deg);box-shadow:0 0 0 1.5px var(--color-gold-1), 0 14px 24px -8px #000c!important}.dm-focus{box-shadow:0 0 0 2px var(--color-ink), 0 0 0 4px var(--color-accent)!important}.dm-keys{justify-content:center;gap:6px;min-height:34px;margin-top:12px;display:flex}.dm-key{border:1px solid var(--color-line-2);background:var(--color-surface-2);min-width:34px;height:34px;color:var(--color-ink-2);font:600 .78rem/1 var(--font-sans);box-shadow:0 2px 0 var(--color-line-2);border-radius:8px;place-items:center;padding:0 8px;transition:transform .15s,background-color .15s,color .15s;display:grid}.dm-key.is-down{box-shadow:none;background:var(--color-accent);color:var(--color-on-gold);transform:translateY(2px)}.if-frame-wrap{background:var(--color-board);border:1px solid #f4efe60f;border-radius:14px;place-items:center;height:230px;padding:14px;display:grid}.if-frame{background-position:50%;background-size:cover;border-radius:6px;max-width:100%;max-height:100%;transition:aspect-ratio .6s cubic-bezier(.2,.8,.2,1),width .6s,height .6s;position:relative;overflow:hidden}.if-keep{aspect-ratio:1;border:1.5px solid var(--color-gold-1);border-radius:4px;transition:width .6s cubic-bezier(.2,.8,.2,1),height .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #08070a9e}.if-keep:after{content:attr(data-label);white-space:nowrap;letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold-1);background:#0b0a0db3;border-radius:999px;padding:2px 8px;font-size:.6rem;position:absolute;top:6px;left:50%;transform:translate(-50%)}.if-results{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:22px;margin-top:16px;display:flex}.if-result{color:var(--color-muted);justify-items:center;gap:8px;font-size:.72rem;display:grid}.if-tile{background-position:50%;background-size:cover;background-color:var(--color-board-3);border-radius:9px;box-shadow:inset 0 0 0 1px #f4efe61a,0 10px 20px -10px #000c}.if-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.if-stat{border:1px solid var(--color-line);text-align:center;border-radius:12px;padding:10px}.if-stat dt{letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-ink);font-size:.6rem}.if-stat dd{font:400 1rem/1.2 var(--font-display);color:var(--color-ink);margin:4px 0 0}.if-upload{min-height:42px;color:var(--color-ink-2);cursor:pointer;border:1px dashed #d6b26e73;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:.84rem;transition:border-color .3s,color .3s,background-color .3s;display:flex}.if-upload:hover,.if-upload:focus-within{border-color:var(--color-accent);color:var(--color-gold-1);background:#d6b26e0d}.if-upload svg{width:16px;height:16px}.tc-label-btn{cursor:pointer;border:0;width:100%;height:100%}.tc-label-btn:focus-visible{outline:2px solid var(--color-gold-1);outline-offset:-3px}.tc-row.is-selected{box-shadow:0 0 0 1.5px var(--color-gold-1), 0 0 22px -6px #d6b26eb3}.tc-row-enter{animation:.45s cubic-bezier(.2,.8,.2,1) tc-enter}@keyframes tc-enter{0%{opacity:0;transform:translateY(-6px)scaleY(.8)}}.tc-swatches{flex-wrap:wrap;gap:7px;display:flex}.tc-swatch{cursor:pointer;background:var(--c);border:0;border-radius:50%;width:28px;height:28px;transition:transform .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #00000026}.tc-swatch:hover{transform:scale(1.1)}.tc-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1px #00000026, 0 0 0 2px #131116, 0 0 0 3.5px var(--color-accent)}.tc-field-label{letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent-ink);margin-bottom:8px;font-size:.64rem;display:block}.tg-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.tg-card{border-radius:18px;flex-direction:column;min-height:100%;padding:18px;display:flex}.tg-icon{background:#d6b26e0f;border:1px solid #d6b26e59;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:14px;font-size:1.25rem;display:grid}.tg-title{font:420 1.12rem/1.25 var(--font-display);color:var(--color-ink)}.tg-meta{letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-ink);margin-top:6px;font-size:.66rem}.tg-preview{color:var(--color-muted);flex:1;margin-top:10px;font-size:.84rem;line-height:1.5}.tg-use{border:1px solid var(--color-line-2);min-height:36px;color:var(--color-ink);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:16px;padding:0 14px;font-size:.78rem;font-weight:500;transition:border-color .3s,color .3s,background-color .3s;display:inline-flex}.tg-use svg{width:14px;height:14px;transition:transform .3s}.tg-card:hover .tg-use,.tg-use:focus-visible{color:var(--color-on-gold);background:linear-gradient(135deg,#f6e8c6,#b3894d);border-color:#0000}.tg-card:hover .tg-use svg{transform:translate(2px)}.tg-blank{border-style:dashed!important;border-color:#d6b26e59!important}.tg-more{justify-content:center;margin-top:18px;display:flex}@media (prefers-reduced-motion:reduce){.demo-tag:before,.wt-tile-in,.dm-finger.is-holding:after,.tc-row-enter{animation:none!important}}