.hipster-workspace,.toast{--brand:#004aad;--brand-ink:#003a87;--brand-tint:#e7eefa;--ink:#191919;--paper:#f6f6f6;--white:#fff;--accent:#feffb9;--muted:#5c5f66;--line:#e3e4e7;--line-strong:#c9cbd0;--font-head:"Helvetica Neue",Helvetica,Arial,sans-serif;--font-body:"Lekton",ui-monospace,"SFMono-Regular","Cascadia Mono",Menlo,Consolas,monospace;--radius:10px;--radius-lg:16px;--shadow:0 1px 2px rgba(25,25,25,.04),0 8px 24px rgba(25,25,25,.06)}.hipster-workspace,.hipster-workspace *,.hipster-workspace *:before,.hipster-workspace *:after,.toast{box-sizing:border-box}.hipster-workspace :focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:4px}.hipster-workspace{margin:0 auto;padding:40px 24px 72px;color:var(--ink);font-family:var(--font-body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;display:grid;grid-template-columns:minmax(280px, 340px) 1fr;gap:28px;align-items:start}.hipster-workspace .controls{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow);position:sticky;top:24px;display:grid;gap:22px;margin:0}.hipster-workspace .controls__row{display:grid;gap:16px}.hipster-workspace .field{display:grid;gap:8px}.hipster-workspace .field>label,.hipster-workspace .field__head label{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700;color:var(--ink)}.hipster-workspace .field__head{display:flex;align-items:baseline;justify-content:space-between}.hipster-workspace select,.hipster-workspace input[type=number]{font:inherit;width:100%;padding:10px 12px;color:var(--ink);background:var(--white);border:1px solid var(--line-strong);border-radius:var(--radius);appearance:none}.hipster-workspace select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,
        calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px;cursor:pointer}.hipster-workspace select:focus,.hipster-workspace input[type=number]:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px var(--brand-tint)}.hipster-workspace .field--narrow input{max-width:80px}.hipster-workspace .field__hint{margin:0;font-size:.82rem;color:var(--muted);line-height:1.4}.hipster-workspace .advanced{border-top:1px solid var(--line);padding-top:22px}.hipster-workspace .advanced__summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700;color:var(--ink)}.hipster-workspace .advanced__summary::-webkit-details-marker{display:none}.hipster-workspace .advanced__caret{display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid var(--muted);transition:transform .15s ease}.hipster-workspace .advanced[open] .advanced__summary .advanced__caret{transform:rotate(90deg)}.hipster-workspace .advanced__body{display:grid;gap:22px;padding-top:18px}.hipster-workspace .presets{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:22px}.hipster-workspace .presets__label{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700;color:var(--ink)}.hipster-workspace .presets__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hipster-workspace .preset{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:700;line-height:1.2;text-align:center;color:var(--ink);background:var(--white);border:1px solid var(--line-strong);border-radius:999px;padding:9px 10px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.hipster-workspace .preset:hover{color:var(--brand);border-color:var(--brand)}.hipster-workspace .preset[aria-pressed=true]{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink)}.hipster-workspace #chaos-readout{font-family:var(--font-head);font-weight:700;font-size:1.1rem;color:var(--brand);font-variant-numeric:tabular-nums}.hipster-workspace input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--line-strong);background-image:linear-gradient(var(--brand),var(--brand));background-repeat:no-repeat;background-size:50% 100%;cursor:pointer}.hipster-workspace input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--brand);border:3px solid var(--white);box-shadow:0 1px 4px rgba(25,25,25,.3)}.hipster-workspace input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--brand);border:3px solid var(--white)}.hipster-workspace input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--line-strong)}.hipster-workspace input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--brand)}.hipster-workspace .slider-scale{display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.hipster-workspace .switch{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.92rem}.hipster-workspace .switch input{position:absolute;opacity:0;width:1px;height:1px}.hipster-workspace .switch__track{flex:0 0 auto;width:44px;height:26px;border-radius:999px;background:var(--line-strong);position:relative;transition:background .15s ease}.hipster-workspace .switch__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--white);box-shadow:0 1px 2px rgba(25,25,25,.3);transition:transform .15s ease}.hipster-workspace .switch input:checked+.switch__track{background:var(--brand)}.hipster-workspace .switch input:checked+.switch__track .switch__thumb{transform:translateX(18px)}.hipster-workspace .switch input:focus-visible+.switch__track{outline:3px solid var(--brand);outline-offset:2px}.hipster-workspace .switch__label{font-weight:400}.hipster-workspace .controls__actions{display:flex;gap:10px}.hipster-workspace .controls__hint{margin-top:-14px}.hipster-workspace .btn{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700;padding:12px 18px;border-radius:999px;border:1px solid var(--ink);background:var(--white);color:var(--ink);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.hipster-workspace .btn:hover{background:var(--ink);color:var(--white)}.hipster-workspace .btn--primary{background:var(--brand);border-color:var(--brand);color:var(--white);flex:1}.hipster-workspace .btn--primary:hover{background:var(--brand-ink);border-color:var(--brand-ink)}.hipster-workspace .btn--ghost{border-color:var(--line-strong);padding:8px 14px;font-size:.72rem}.hipster-workspace .btn--copy{background:var(--brand);border-color:var(--brand);color:var(--white)}.hipster-workspace .btn--copy:hover{background:var(--accent);border-color:var(--brand);color:var(--brand)}.hipster-workspace .btn:disabled{opacity:.5;cursor:progress}.hipster-workspace .output{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;min-height:420px;display:flex;flex-direction:column}.hipster-workspace .output__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line);background:var(--paper)}.hipster-workspace .output__title{font-family:var(--font-head);font-weight:500;text-transform:uppercase;letter-spacing:.1em;line-height:1.02;margin:0;font-size:.9rem;color:var(--muted)}.hipster-workspace .output__tools{display:flex;gap:8px}.hipster-workspace .paragraphs{padding:26px 28px;display:grid;gap:18px;flex:1}.hipster-workspace .paragraphs.is-loading{opacity:.45;transition:opacity .15s ease}.hipster-workspace .para{position:relative;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}.hipster-workspace .para p{margin:0;font-size:1.02rem;line-height:1.7}.hipster-workspace .para__copy{opacity:0;flex:0 0 auto;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;font-size:.66rem;font-weight:700;color:var(--muted);background:0 0;border:1px solid var(--line-strong);border-radius:999px;padding:5px 10px;cursor:pointer;transition:opacity .12s ease,color .12s ease,border-color .12s ease}.hipster-workspace .para:hover .para__copy,.hipster-workspace .para__copy:focus-visible,.hipster-workspace .para__copy.is-done{opacity:1}.hipster-workspace .para__copy:hover{color:var(--brand);border-color:var(--brand)}.hipster-workspace .para__copy.is-done{color:var(--brand);border-color:var(--brand)}.hipster-workspace .output__meta{margin:0;padding:14px 28px 22px;font-size:.8rem;color:var(--muted);border-top:1px solid var(--line)}.hipster-workspace .output__meta code{color:var(--ink)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(12px);background:var(--ink);color:var(--white);font-family:var(--font-body);font-size:.85rem;padding:10px 18px;border-radius:999px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:50}.toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:860px){.hipster-workspace{grid-template-columns:1fr}.hipster-workspace .controls{position:static}}@media (max-width:560px){.hipster-workspace{padding:28px 18px 56px}.hipster-workspace .controls__row{grid-template-columns:1fr}.hipster-workspace .para{grid-template-columns:1fr}.hipster-workspace .para__copy{opacity:1;justify-self:start}}@media (prefers-reduced-motion:reduce){.hipster-workspace,.hipster-workspace *,.hipster-workspace *:before,.hipster-workspace *:after,.toast{transition:none !important}}