:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eef3ff;--muted:#a9b7d6;--accent:#f4f1ea;--accent-ink:#1b2440;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none}body{color:var(--ink);background:radial-gradient(120% 90% at 50% 20%,#33447a 0%,#1a2346 55%,#0c1027 100%);overflow:hidden}.app{position:fixed;inset:0}.app canvas{touch-action:none}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c10278c;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;width:min(360px,100vw - 48px);min-width:0;height:284px;margin:0;padding:18px 20px;display:flex;position:absolute;top:50%;right:clamp(24px,8vw,160px);transform:translateY(-50%)}.panel .body{flex:1;min-height:0;overflow-y:auto}.panel .actions{flex:none;margin-top:auto}.panel .step{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px}.panel h1{letter-spacing:.01em;margin:0 0 6px;font-size:22px;font-weight:600}.panel p{color:var(--muted);margin:0 0 14px;font-size:15px;line-height:1.45}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:2px;outline:2px solid #9fb3e8}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button{font:inherit;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:8px 16px;font-size:15px}button.quiet{color:var(--ink);background:0 0;border-color:#ffffff40}button:disabled{opacity:.4;cursor:default}.error{color:#ffb4a8}.share{min-width:0;font:inherit;color:var(--ink);background:#ffffff0f;border:1px solid #fff3;border-radius:10px;flex:1 0 100%;padding:7px 12px;font-size:14px}@media (width<=520px){.panel{top:auto;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;height:288px;padding:14px 16px;transform:none}.panel h1{font-size:19px}.panel p{margin-bottom:10px;font-size:14px}button{min-height:44px;padding:10px 18px}}.segmented{background:#ffffff14;border-radius:999px;gap:2px;margin:0 0 10px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;padding:5px 12px;font-size:14px}.segmented button.on{background:var(--accent);color:var(--accent-ink)}.papers{align-items:center;gap:8px;margin:0 0 14px;display:flex}.papers-label,.papers-name{color:var(--muted);font-size:14px}.swatches{display:flex}.swatches .swatch{background:0 0;border:0;border-radius:50%;width:36px;height:36px;min-height:0;padding:0;position:relative}.swatches .swatch:before{content:"";background:var(--swatch);border-radius:50%;position:absolute;inset:5px;box-shadow:inset 0 0 0 1px #0000001f}.swatches .swatch.on:before{box-shadow:0 0 0 2px #1b2440, 0 0 0 4px var(--accent)}@media (width<=520px){.papers{margin-bottom:10px}.segmented{display:flex}.segmented button{flex:1;min-height:38px}.swatches .swatch{width:42px;height:42px;min-height:0;padding:0}.swatches .swatch:before{inset:7px}.papers-label{display:none}}