._2RyFmq_lab{margin-top:2rem}._2RyFmq_skeleton{min-height:32rem;color:var(--faint);border:1px solid var(--line);border-radius:1rem;place-items:center;display:grid}._2RyFmq_notice{background:var(--surface);border:1px solid var(--line);border-radius:.75rem;margin-bottom:1rem;padding:1rem;font-size:.875rem}._2RyFmq_toolbar,._2RyFmq_actions,._2RyFmq_previewFooter,._2RyFmq_sectionHeading,._2RyFmq_stopActions,._2RyFmq_downloads{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._2RyFmq_toolbar{padding:0 0 1rem}._2RyFmq_toolbar p{color:var(--faint);align-items:center;gap:.5rem;font-size:.75rem;display:flex}._2RyFmq_dot{background:var(--brass);border-radius:50%;width:6px;height:6px}._2RyFmq_actions{gap:.35rem}._2RyFmq_lab button{cursor:pointer;transition:border-color .15s,background-color .15s}._2RyFmq_lab button:disabled{cursor:not-allowed;opacity:.4}._2RyFmq_actions>button{min-height:40px}._2RyFmq_actions>button:first-child,._2RyFmq_actions>button:nth-child(2){border:1px solid var(--line);border-radius:.5rem;place-items:center;width:40px;display:grid}._2RyFmq_workspace{border:1px solid var(--line);background:var(--surface);border-radius:1rem;grid-template-columns:minmax(0,1fr) 320px;display:grid;overflow:hidden}._2RyFmq_stage{background:var(--canvas);flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:1.5rem;display:flex}._2RyFmq_preview{border-radius:.65rem;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 35px #00000012}._2RyFmq_specimen{color:#fff;background:linear-gradient(#0000,#0009);flex-direction:column;justify-content:end;width:100%;padding:clamp(1rem,3vw,2.8rem);display:flex;position:absolute;inset:0}._2RyFmq_specimenLabel{font-family:var(--font-jbmono), monospace;letter-spacing:.19em;font-size:.6rem}._2RyFmq_specimen p{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.05em;margin:.35em 0;font-size:clamp(1.6rem,4.8vw,4rem);line-height:1.05}._2RyFmq_specimenFooter{font-size:.7rem}._2RyFmq_previewFooter{color:var(--faint);width:100%;padding-top:1.15rem;font-size:.7rem}._2RyFmq_previewFooter label{align-items:center;gap:.5rem;min-height:32px;display:flex}._2RyFmq_previewFooter input{accent-color:var(--brass);width:15px;height:15px}._2RyFmq_controls{border-left:1px solid var(--line);padding:1.4rem}._2RyFmq_section{border-bottom:1px solid var(--line);min-width:0;padding:1.1rem 0}._2RyFmq_section:first-child{padding-top:.4rem}._2RyFmq_section:last-child{border-bottom:0;padding-bottom:0}._2RyFmq_section legend{font-family:var(--font-jbmono), monospace;color:var(--brass);width:100%;padding-top:.65rem;font-size:.65rem}._2RyFmq_section legend span{color:var(--ink);font-family:var(--font-inter), sans-serif;margin-left:.65rem;font-size:.8rem}._2RyFmq_segmented{border:1px solid var(--line);background:var(--canvas);border-radius:.5rem;margin-bottom:1rem;padding:3px;display:flex}._2RyFmq_segmented button{width:50%;min-height:35px;color:var(--faint);border-radius:.3rem;font-size:.8rem}._2RyFmq_segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #00000012}._2RyFmq_rangeLabel{flex-direction:column;gap:.3rem;font-size:.75rem;display:flex}._2RyFmq_rangeLabel>span{justify-content:space-between;display:flex}._2RyFmq_rangeLabel output{color:var(--faint);font-variant-numeric:tabular-nums}._2RyFmq_rangeLabel input{width:100%;accent-color:var(--brass);min-height:30px}._2RyFmq_radialControls{grid-template-columns:1fr 1fr;gap:1rem;display:grid}._2RyFmq_stopLabels{color:var(--faint);justify-content:space-between;margin-bottom:.4rem;padding-right:2.1rem;font-size:.65rem;display:flex}._2RyFmq_stops{flex-direction:column;gap:.55rem;display:flex}._2RyFmq_stop{grid-template-columns:32px minmax(0,1fr) 58px 24px;align-items:center;gap:.4rem;display:grid}._2RyFmq_stop input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:.4rem;width:32px;height:34px;padding:0}._2RyFmq_stop input[type=color]::-webkit-color-swatch-wrapper{padding:0}._2RyFmq_stop input[type=color]::-webkit-color-swatch{border:1px solid #8885;border-radius:.4rem}._2RyFmq_stop input[type=text],._2RyFmq_position{border:1px solid var(--line);background:var(--canvas);border-radius:.4rem;width:100%;min-height:34px;font-size:.7rem}._2RyFmq_stop input[type=text]{font-family:var(--font-jbmono), monospace;padding:.3rem .4rem}._2RyFmq_stop input[aria-invalid=true]{outline:2px solid #c96648}._2RyFmq_position{align-items:center;padding:0 .3rem;display:flex}._2RyFmq_position input{appearance:textfield;font-variant-numeric:tabular-nums;width:100%;min-width:0}._2RyFmq_position input::-webkit-inner-spin-button{appearance:none}._2RyFmq_position input::-webkit-outer-spin-button{appearance:none}._2RyFmq_position span{color:var(--faint)}._2RyFmq_stop>button{height:34px;color:var(--faint);border-radius:.3rem;place-items:center;display:grid}._2RyFmq_stopActions{margin-top:.8rem}._2RyFmq_stopActions button,._2RyFmq_sectionHeading>button{min-height:36px;color:var(--faint);align-items:center;gap:.35rem;font-size:.7rem;display:inline-flex}._2RyFmq_lab button:hover:not(:disabled){color:var(--ink);border-color:var(--brass)}._2RyFmq_exportSize{color:var(--faint);flex-direction:column;gap:.4rem;font-size:.7rem;display:flex}._2RyFmq_exportSize select{border:1px solid var(--line);background:var(--canvas);color:var(--ink);border-radius:.4rem;width:100%;min-height:39px;padding:.5rem}._2RyFmq_downloads{gap:.5rem;margin-top:.7rem}._2RyFmq_downloads button{border:1px solid var(--line);border-radius:.4rem;justify-content:center;align-items:center;gap:.45rem;min-height:40px;padding:.5rem .8rem;font-size:.75rem;display:inline-flex}._2RyFmq_downloads button:first-child{background:var(--ink);color:var(--canvas);border-color:var(--ink);flex:1}._2RyFmq_downloads button:first-child:hover:not(:disabled){color:var(--canvas);opacity:.85}._2RyFmq_exportNote{min-height:2.5rem;color:var(--faint);margin-top:.6rem;font-size:.65rem;line-height:1.6}._2RyFmq_presets{margin-top:2.25rem}._2RyFmq_sectionHeading{margin-bottom:.85rem}._2RyFmq_sectionHeading h2{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.03em;font-size:1.35rem}._2RyFmq_presetGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;display:grid}._2RyFmq_presetGrid button{text-align:left;color:var(--faint);border:1px solid #0000;border-radius:.6rem;padding:4px;font-size:.7rem}._2RyFmq_presetGrid button[aria-pressed=true]{border-color:var(--brass);color:var(--ink)}._2RyFmq_presetGrid button>span:last-child{padding:.45rem .2rem .15rem;display:block}._2RyFmq_presetSwatch{border-radius:.35rem;height:76px;display:block}._2RyFmq_code{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.5rem}._2RyFmq_code pre{background:var(--surface);border:1px solid var(--line);font-family:var(--font-jbmono), monospace;border-radius:.6rem;padding:1.2rem;font-size:.75rem;line-height:1.85;overflow-x:auto}._2RyFmq_code>p{color:var(--faint);max-width:46rem;margin-top:.8rem;font-size:.75rem;line-height:1.7}@media (max-width:800px){._2RyFmq_workspace{grid-template-columns:minmax(0,1fr)}._2RyFmq_stage{padding:1rem}._2RyFmq_controls{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}._2RyFmq_section{border:0;padding:0}._2RyFmq_section:first-child{padding:0}._2RyFmq_section:last-child{grid-column:1/-1;padding-top:.5rem}._2RyFmq_section legend{margin-bottom:1rem;padding-top:0}._2RyFmq_presetGrid{gap:.4rem}}@media (max-width:500px){._2RyFmq_toolbar{align-items:start;gap:.5rem}._2RyFmq_toolbar p{max-width:6rem;padding-top:.4rem;font-size:.65rem;line-height:1.5}._2RyFmq_toolbar p ._2RyFmq_dot{flex-shrink:0}._2RyFmq_actions{gap:.25rem}._2RyFmq_actions>button:first-child,._2RyFmq_actions>button:nth-child(2){width:34px}._2RyFmq_actions>button:last-child{padding:.4rem .6rem;font-size:.75rem}._2RyFmq_controls{grid-template-columns:minmax(0,1fr);gap:1.4rem;padding:1.2rem}._2RyFmq_section:not(:last-child){padding-bottom:.5rem}._2RyFmq_section legend{margin-bottom:.6rem}._2RyFmq_stop{grid-template-columns:38px minmax(0,1fr) 65px 34px}._2RyFmq_stop input[type=color],._2RyFmq_stop input[type=text],._2RyFmq_position,._2RyFmq_stop>button{min-height:40px}._2RyFmq_stop input[type=color]{width:38px}._2RyFmq_presetGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}._2RyFmq_presetSwatch{height:64px}._2RyFmq_sectionHeading h2{font-size:1.15rem}._2RyFmq_previewFooter{font-size:.65rem}}@media (prefers-reduced-motion:reduce){._2RyFmq_lab button{transition:none}}