:root{--ui-bg: #f1f2f0;--ui-surface: #fafaf8;--ui-sunken: #e8e9e5;--ui-ink: #141518;--ui-muted: #5b5e64;--ui-line: rgba(20, 21, 24, .12);--ui-line-strong: rgba(20, 21, 24, .26);--ui-accent: #c8381f;--ui-accent-text: #b2321b;--ui-on-accent: #fdf8f6;--ui-accent-wash: rgba(200, 56, 31, .09);--ui-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 24px 60px -20px rgba(20, 21, 24, .35);--ui-font: "Geist Variable", "Hiragino Sans", "Noto Sans JP Variable", system-ui, sans-serif;--ui-radius-control: 10px;--ui-radius-surface: 18px;--ui-ease: cubic-bezier(.16, 1, .3, 1);--z-drawer: 40;--z-toast: 50;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ui-bg: #111214;--ui-surface: #1c1d20;--ui-sunken: #141518;--ui-ink: #ecebe8;--ui-muted: #9d9fa4;--ui-line: rgba(236, 235, 232, .1);--ui-line-strong: rgba(236, 235, 232, .24);--ui-accent: #ee5a3b;--ui-accent-text: #f2785e;--ui-on-accent: #141518;--ui-accent-wash: rgba(238, 90, 59, .12);--ui-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 24px 60px -20px rgba(0, 0, 0, .7);color-scheme:dark}}:root[data-theme=dark]{--ui-bg: #111214;--ui-surface: #1c1d20;--ui-sunken: #141518;--ui-ink: #ecebe8;--ui-muted: #9d9fa4;--ui-line: rgba(236, 235, 232, .1);--ui-line-strong: rgba(236, 235, 232, .24);--ui-accent: #ee5a3b;--ui-accent-text: #f2785e;--ui-on-accent: #141518;--ui-accent-wash: rgba(238, 90, 59, .12);color-scheme:dark}html{background:var(--ui-bg)}body{margin:0}body{min-height:100dvh}.boot{min-height:100dvh;background:var(--ui-bg)}@media(min-width:1340px){.app[data-drawer=open]:not([data-framed]) .pv{margin-right:412px}}.stage{position:fixed;inset:0;display:grid;place-items:center;background:var(--ui-sunken);overflow:hidden}.app[data-drawer=open] .stage{right:412px}.device{display:grid;place-items:center;border-radius:44px;background:#0f1012;box-shadow:var(--ui-shadow);transform-origin:center}.device--tablet{border-radius:32px}.device iframe{display:block;border:0;border-radius:32px;background:#fff}.device--tablet iframe{border-radius:20px}.dr-launcher{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:var(--z-drawer);display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 1rem;border:1px solid var(--ui-line);border-radius:999px;background:color-mix(in srgb,var(--ui-surface) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ui-ink);font:600 .9rem/1 var(--ui-font);box-shadow:var(--ui-shadow);cursor:pointer;opacity:.72}.dr-launcher:hover,.dr-launcher:focus-visible{opacity:1}.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));z-index:var(--z-toast);translate:-50% 16px;padding:.7rem 1.1rem;border-radius:var(--ui-radius-control);background:var(--ui-ink);color:var(--ui-bg);font:500 .9rem/1.3 var(--ui-font);opacity:0;pointer-events:none}.toast[data-show]{opacity:1;translate:-50% 0}@media(prefers-reduced-motion:no-preference){.toast{transition:opacity .3s var(--ui-ease),translate .4s var(--ui-ease)}}.dr{position:fixed;top:12px;right:12px;bottom:12px;z-index:var(--z-drawer);width:388px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);border:1px solid var(--ui-line);border-radius:var(--ui-radius-surface);background:var(--ui-surface);color:var(--ui-ink);font:400 .92rem/1.45 var(--ui-font);box-shadow:var(--ui-shadow);overflow:hidden;-webkit-font-smoothing:antialiased}.dr *,.dr *:before,.dr *:after{box-sizing:border-box}.dr button,.dr input,.dr textarea{font:inherit;color:inherit}.dr button{cursor:pointer}.dr :focus-visible{outline:2px solid var(--ui-accent-text);outline-offset:2px}.dr-head{display:flex;align-items:center;gap:.5rem;padding:.75rem .75rem .75rem 1rem;border-bottom:1px solid var(--ui-line)}.dr-logo{display:block;height:19px;width:auto}.dr-sub{color:var(--ui-muted);font-weight:500;margin-right:auto}.dr-locale{font-size:.8rem}.dr-devices{display:flex;gap:2px}.dr-icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border:0;border-radius:var(--ui-radius-control);background:transparent;color:var(--ui-muted)}.dr-icon-btn:hover{background:var(--ui-sunken);color:var(--ui-ink)}.dr-icon-btn[aria-pressed=true]{background:var(--ui-ink);color:var(--ui-surface)}.dr-tabs{display:flex;gap:2px;padding:.5rem .75rem;border-bottom:1px solid var(--ui-line);overflow-x:auto;scrollbar-width:none}.dr-tab{flex:1 0 auto;min-height:34px;padding:0 .5rem;font-size:.86rem;border:0;border-radius:var(--ui-radius-control);background:transparent;color:var(--ui-muted);font-weight:500}.dr-tab:hover{color:var(--ui-ink)}.dr-tab[aria-selected=true]{background:var(--ui-sunken);color:var(--ui-ink)}.dr-body{overflow-y:auto;overscroll-behavior:contain;padding:.5rem 1rem 1.5rem}.dr-foot{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-top:1px solid var(--ui-line);background:var(--ui-surface)}.dr-group{padding-block:1rem;border-bottom:1px solid var(--ui-line)}.dr-group:last-child{border-bottom:0}.dr-group-title{margin:0 0 .6rem;font-size:.8rem;font-weight:600;color:var(--ui-muted)}.dr-hint{margin:.55rem 0 0;color:var(--ui-muted);font-size:.82rem}.dr-on,.dr-off{white-space:nowrap;font-weight:500}.dr-on{color:var(--ui-accent-text)}.dr-field{display:grid;gap:.35rem;margin-bottom:.85rem}.dr-field>span{font-size:.82rem;font-weight:500}.dr-field input:not([type=color]),.dr-field textarea{width:100%;min-height:40px;padding:.5rem .7rem;border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-control);background:var(--ui-bg)}.dr-field textarea{resize:vertical}.dr-field ::placeholder{color:var(--ui-muted)}.dr-seg{display:flex;padding:3px;border-radius:var(--ui-radius-control);background:var(--ui-sunken)}.dr-seg button{flex:1 1 0;min-height:34px;padding:0 .6rem;border:0;border-radius:8px;background:transparent;color:var(--ui-muted);font-weight:500;white-space:nowrap}.dr-seg button[aria-checked=true]{background:var(--ui-surface);color:var(--ui-ink);box-shadow:0 1px 2px #1415181f}.dr-locale.dr-seg button{min-height:28px}.dr-directions{display:grid;gap:.6rem;padding-top:.5rem}.dr-direction{display:grid;grid-template-columns:76px minmax(0,1fr);gap:.9rem;align-items:center;padding:.6rem;border:1px solid var(--ui-line);border-radius:14px;background:transparent;text-align:left}.dr-direction:hover{border-color:var(--ui-line-strong)}.dr-direction[aria-pressed=true]{border-color:var(--ui-accent);background:var(--ui-accent-wash)}.dr-direction-sample{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:10px;background:var(--d-bg);color:var(--d-ink);font-size:1.9rem;line-height:1;overflow:hidden}.dr-direction-sample i{position:absolute;right:8px;bottom:8px;width:14px;height:14px;border-radius:50%;background:var(--d-accent)}.dr-direction-text{display:grid;gap:.15rem}.dr-direction-text strong{display:flex;align-items:center;justify-content:space-between;font-weight:600}.dr-direction-text kbd{padding:0 .4rem;border:1px solid var(--ui-line);border-radius:6px;color:var(--ui-muted);font:500 .72rem/1.5 var(--ui-font)}.dr-direction-text span{font-size:.84rem;color:var(--ui-ink)}.dr-direction-text small{color:var(--ui-muted);font-size:.78rem}.dr-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.dr-swatch{position:relative;width:30px;height:30px;padding:0;border:2px solid var(--ui-surface);border-radius:50%;box-shadow:0 0 0 1px var(--ui-line-strong)}.dr-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ui-ink)}.dr-swatch-picker{background:conic-gradient(#e2552c,#d9a21b,#2f7d4f,#1d6fa3,#8a3d8f,#e2552c);cursor:pointer;overflow:hidden}.dr-swatch-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.dr-text-btn{border:0;background:none;padding:.3rem;color:var(--ui-accent-text);font-weight:500;font-size:.82rem}.dr-fonts{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.dr-font{display:grid;gap:.3rem;padding:.7rem;border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);background:transparent;text-align:left}.dr-font span{font-size:1.15rem;line-height:1.15}.dr-font small{color:var(--ui-muted);font-size:.72rem}.dr-font[aria-pressed=true],.dr-list-item[aria-pressed=true]{border-color:var(--ui-accent);background:var(--ui-accent-wash)}.dr-callout{margin-top:.75rem;padding:.25rem .85rem;border-radius:var(--ui-radius-control);background:var(--ui-accent-wash)}.dr-switches{display:grid}.dr-switch{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding-block:.6rem;cursor:pointer}.dr-switch+.dr-switch{border-top:1px solid var(--ui-line)}.dr-switch-text{display:grid}.dr-switch-text small{color:var(--ui-muted);font-size:.8rem}.dr-switch input{position:absolute;opacity:0;width:1px;height:1px}.dr-switch-track{position:relative;width:40px;height:24px;border-radius:999px;background:var(--ui-line-strong)}.dr-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--ui-surface);box-shadow:0 1px 2px #0003}@media(prefers-reduced-motion:no-preference){.dr-switch-track,.dr-switch-track:after{transition:background-color .25s var(--ui-ease),translate .3s var(--ui-ease)}}.dr-switch input:checked+.dr-switch-track{background:var(--ui-accent)}.dr-switch input:checked+.dr-switch-track:after{translate:16px 0}.dr-switch input:focus-visible+.dr-switch-track{outline:2px solid var(--ui-accent-text);outline-offset:2px}.dr-list{display:grid;gap:.4rem}.dr-list-item{min-height:42px;padding:0 .85rem;border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);background:transparent;text-align:left;font-weight:500}.dr-chips{display:flex;flex-wrap:wrap;gap:.4rem}.dr-chip{min-height:34px;padding:0 .8rem;border:1px solid var(--ui-line-strong);border-radius:999px;background:transparent;font-size:.85rem}.dr-chip[aria-pressed=true]{border-color:var(--ui-ink);background:var(--ui-ink);color:var(--ui-surface)}.dr-actions{display:grid;gap:.6rem}.dr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;padding:0 1rem;border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-control);background:transparent;font-weight:600;white-space:nowrap}.dr-btn:hover{border-color:var(--ui-ink)}.dr-btn:active{scale:.98}.dr-btn:disabled{opacity:.5;cursor:not-allowed}.dr-btn--primary{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)}.dr-btn--primary:hover{border-color:var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 88%,var(--ui-ink))}.dr-btn--danger{border-color:var(--ui-accent-text);color:var(--ui-accent-text);white-space:normal;text-align:left}.dr-paste{display:grid;gap:.5rem}.dr-message{margin:0;padding:.7rem .9rem .7rem 1.8rem;border-radius:var(--ui-radius-control);font-size:.84rem}.dr-message--error{background:var(--ui-accent-wash);color:var(--ui-accent-text)}.dr-message--warn{background:var(--ui-sunken);color:var(--ui-ink)}.dr-slots{display:flex;gap:.35rem;margin-right:auto;min-width:0}.dr-copy{flex:none}.dr-slot{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 .55rem;border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);background:transparent;font-weight:600}.dr-slot[aria-pressed=true]{border-color:var(--ui-ink);box-shadow:inset 0 0 0 1px var(--ui-ink)}.dr-slot-swatch{width:16px;height:16px;border-radius:5px;border:1px dashed var(--ui-line-strong)}.dr-slot-swatch[style]{border:1px solid var(--ui-line)}@media(pointer:coarse){.dr-head{position:relative;padding-top:1rem;touch-action:none}.dr-head:before{content:"";position:absolute;top:6px;left:50%;width:36px;height:4px;translate:-50% 0;border-radius:2px;background:var(--ui-line-strong)}}@media(max-width:1023px){.dr-devices{display:none}}@media(max-width:720px){.dr{inset:auto 0 0;width:auto;max-height:62dvh;border-radius:var(--ui-radius-surface) var(--ui-radius-surface) 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}.dr-head:before{content:"";position:absolute;top:6px;left:50%;width:36px;height:4px;translate:-50% 0;border-radius:2px;background:var(--ui-line-strong)}.dr-head{position:relative;padding-top:1rem}.dr-sub{display:none}.dr-logo{margin-right:auto}.dr-fonts{grid-template-columns:1fr}}