@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#14120f;--surface:#1d1a16;--surface-2:#26221c;--surface-3:#2f2a23;--border:#37312a;--border-strong:#4a4238;--text:#ece7e0;--text-2:#b3aa9d;--text-3:#877e71;--brand:#d5a26b;--brand-strong:#e3b986;--brand-deep:#b98a58;--on-brand:#201409;--success:#69db7c;--success-bg:#16241a;--success-border:#2c4a33;--danger:#ff8787;--danger-bg:#2a1618;--danger-border:#55292c;--info:#4dabf7;--info-bg:#14202b;--focus-ring:0 0 0 2px #14120f, 0 0 0 4px #d5a26b;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-pill:999px;--shadow-1:0 1px 2px #0006;--shadow-2:0 4px 16px #00000073;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--t-fast:.15s;--t-base:.22s;--t-step:.26s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{background:radial-gradient(1100px 500px at 75% -10%, #d5a26b0d, transparent 60%), var(--bg);touch-action:manipulation;min-height:100dvh;margin:0}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text);letter-spacing:-.01em}button{font-family:var(--font-body);touch-action:manipulation}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-sm);outline:none}.pc-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pc-step-fwd{animation:pc-step-in-fwd var(--t-step) var(--ease-out) both}.pc-step-back{animation:pc-step-in-back var(--t-step) var(--ease-out) both}@keyframes pc-step-in-fwd{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes pc-step-in-back{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.pc-rise{animation:pc-rise var(--t-base) var(--ease-out) both}@keyframes pc-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pc-pressable{transition:transform var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out)}.pc-pressable:active{transform:scale(.98)}input[type=range].pc-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}input[type=range].pc-slider::-webkit-slider-runnable-track{border-radius:var(--r-pill);background:linear-gradient(to right, var(--brand) 0%, var(--brand) var(--pc-fill,50%), var(--surface-3) var(--pc-fill,50%), var(--surface-3) 100%);height:6px}input[type=range].pc-slider::-webkit-slider-thumb{appearance:none;background:var(--brand-strong);border:3px solid var(--bg);width:24px;height:24px;box-shadow:var(--shadow-1);transition:transform var(--t-fast) var(--ease-out);border-radius:50%;margin-top:-9px}input[type=range].pc-slider:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range].pc-slider::-moz-range-track{border-radius:var(--r-pill);background:var(--surface-3);height:6px}input[type=range].pc-slider::-moz-range-progress{border-radius:var(--r-pill);background:var(--brand);height:6px}input[type=range].pc-slider::-moz-range-thumb{background:var(--brand-strong);border:3px solid var(--bg);width:18px;height:18px;box-shadow:var(--shadow-1);border-radius:50%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pc-form-grid{gap:var(--sp-5);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=1024px){.pc-form-grid{grid-template-columns:minmax(0,1fr) minmax(340px,470px);align-items:start}.pc-preview-col{top:var(--sp-4);order:2;position:sticky}}@media (width<=1023.5px){.pc-preview-col{order:-1}.pc-preview-pinned{z-index:20;position:fixed;top:0;left:0;right:0;overflow:hidden}}@media (width>=1024px){.pc-preview-spacer,.pc-change-shape-link{display:none}}.pc-output-wrap{max-width:1200px;padding:24px 32px;font-family:sans-serif}.pc-output-body{align-items:flex-start;gap:32px;display:flex}.pc-output-sidebar{flex-shrink:0;width:210px;position:sticky;top:20px}.pc-output-main{flex:1;min-width:0}@media (width<=800px){.pc-output-wrap{padding:16px 12px}.pc-output-body{flex-direction:column;gap:24px}.pc-output-sidebar{order:2;width:100%;position:static}.pc-output-main{order:1;width:100%}}.pc-tab-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;margin-bottom:24px;display:flex}@media (width<=800px){.pc-tab-bar button{min-height:40px!important;padding:8px 10px!important;font-size:12px!important}}.pc-nav{background-color:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;min-height:48px;padding:0 20px;display:flex}.pc-nav-links{flex-wrap:wrap;flex:1;gap:4px;display:flex}.pc-nav-right{flex-shrink:0;align-items:center;gap:6px;display:flex}@media (width<=700px){.pc-nav{gap:2px;padding:4px 8px}.pc-nav-username{display:none!important}.pc-nav-links a,.pc-nav-right a{padding:4px 7px!important;font-size:12px!important}}