.configurator-page{z-index:1;width:min(92rem,100%);min-height:100vh;margin:0 auto;padding:3rem 1.25rem 5rem;position:relative}.configurator-hero{max-width:68rem;margin-bottom:2rem}.configurator-back,.configurator-hero>p,.configurator-hero h1,.configurator-hero>span,.config-section,.configurator-output{font-family:var(--font-pixel)}.configurator-back{color:var(--accent-2);margin-bottom:2rem;font-size:.56rem;line-height:1.7;text-decoration:none;display:inline-block}.configurator-back:hover,.configurator-back:focus-visible{color:var(--accent-3);outline:none}.configurator-hero>p{color:var(--accent-2);margin:0 0 .65rem;font-size:.6rem;line-height:1.7}.configurator-hero h1{color:var(--text);margin:0;font-size:clamp(1.05rem,4vw,2rem);line-height:1.55}.configurator-hero>span{max-width:62rem;color:var(--muted);margin-top:1rem;font-size:clamp(.52rem,1.3vw,.64rem);line-height:2;display:block}.configurator-hero code{color:var(--accent-3);font-family:inherit}.configurator-layout{grid-template-columns:minmax(0,1fr) minmax(20rem,30rem);align-items:start;gap:1.25rem;display:grid}.configurator-form{gap:1rem;display:grid}.config-section,.configurator-output{border:var(--px) solid var(--border);background:var(--panel);box-shadow:inset var(--px) var(--px) 0 var(--border-light), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--border-dark), var(--px) var(--px) 0 var(--hard-shadow)}.config-section{padding:1rem}.config-section>header{grid-template-columns:2.5rem minmax(0,1fr);align-items:start;gap:.75rem;margin-bottom:1rem;display:grid}.config-section>header>span{background:var(--bg);width:2.5rem;height:2.5rem;color:var(--accent-2);place-items:center;font-size:.62rem;display:grid}.config-section h2,.config-section header p{margin:0}.config-section h2{color:var(--text);font-size:.68rem;line-height:1.6}.config-section header p{color:var(--muted);margin-top:.3rem;font-size:.48rem;line-height:1.7}.config-grid,.config-repeat-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.config-grid label,.config-repeat-row label{min-width:0;color:var(--muted);gap:.4rem;font-size:.46rem;line-height:1.6;display:grid}.config-grid label.is-wide,.config-repeat-row label.is-wide{grid-column:1/-1}.config-grid input,.config-grid textarea,.config-repeat-row input{border:var(--px) solid var(--border);background:var(--bg);width:100%;min-height:2.8rem;color:var(--text);font-family:var(--font-pixel);border-radius:0;outline:0;padding:.65rem;font-size:max(16px,.54rem);line-height:1.7}.config-grid textarea{resize:vertical;min-height:4.5rem}.config-grid input:focus,.config-grid textarea:focus,.config-repeat-row input:focus{border-color:var(--accent-3);box-shadow:inset 0 0 0 1px var(--accent-3)}.config-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.config-toggles label{border:var(--px) solid var(--border);background:var(--bg);min-height:3rem;color:var(--text);align-items:center;gap:.65rem;padding:.65rem;font-size:.48rem;line-height:1.6;display:flex}.config-toggles input{appearance:none;border:var(--px) solid var(--border);background:var(--panel);flex:none;width:1.3rem;height:1.3rem;margin:0}.config-toggles input:checked{border-color:var(--accent-2);background:var(--accent-2);box-shadow:inset 0 0 0 var(--px) var(--bg)}.config-repeat-list{gap:.7rem;display:grid}.config-repeat-row{border:var(--px) solid var(--border);background:color-mix(in srgb, var(--bg) 80%, var(--panel));margin:0;padding:.85rem;position:relative}.config-repeat-row legend{color:var(--accent-2);padding:0 .45rem;font-size:.46rem}.config-remove,.config-add{border:var(--px) solid var(--border);background:var(--bg);min-height:2.7rem;color:var(--muted);font-family:var(--font-pixel);font-size:.46rem}.config-remove{min-height:2.2rem;color:var(--danger);grid-column:1/-1;justify-self:end;padding:.45rem .6rem}.config-add{width:100%;color:var(--accent-2);margin-top:.7rem}.config-remove:hover,.config-remove:focus-visible,.config-add:hover,.config-add:focus-visible{border-color:currentColor;outline:none}.configurator-output{padding:1rem;position:sticky;top:1rem}.config-preview{border:var(--px) solid var(--border);background-color:var(--bg);background-image:radial-gradient(var(--dot) 1.5px, transparent 1.5px);text-align:center;background-size:18px 18px;justify-items:center;gap:.75rem;min-height:30rem;padding:1.4rem 1rem;display:grid}.config-preview>p:first-child{color:var(--accent-2);margin:0;font-size:.5rem}.config-preview-avatar{border:var(--px) solid var(--border);background:var(--panel);width:7rem;height:7rem;box-shadow:var(--px) var(--px) 0 var(--hard-shadow);padding:.3rem}.config-preview-avatar img{object-fit:cover;width:100%;height:100%;display:block}.config-preview h2{color:var(--text);overflow-wrap:anywhere;margin:.25rem 0 0;font-size:.9rem;line-height:1.6}.config-preview>strong{color:var(--accent-3);font-size:.52rem;line-height:1.7}.config-preview>p:not(:first-child){color:var(--muted);margin:0;font-size:.5rem;line-height:1.8}#configPreviewLinks{gap:.5rem;width:100%;display:grid}#configPreviewLinks span{border:var(--px) solid var(--border);background:var(--panel);color:var(--text);text-align:left;padding:.65rem;font-size:.48rem;line-height:1.6}.config-preview small{color:var(--muted);align-self:end;font-size:.42rem;line-height:1.7}.config-output-actions{gap:.6rem;margin-top:.75rem;display:grid}.config-output-status{min-height:1.5rem;color:var(--accent-2);margin:.65rem 0;font-size:.46rem;line-height:1.8}.configurator-output details{border:var(--px) solid var(--border);background:var(--bg)}.configurator-output summary{color:var(--muted);cursor:pointer;padding:.7rem;font-size:.46rem;line-height:1.7}.configurator-output pre{border-top:var(--px) solid var(--border);max-height:20rem;color:var(--accent-2);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;line-height:1.6;overflow:auto}@media (width<=980px){.configurator-layout{grid-template-columns:1fr}.configurator-output{grid-row:1;position:static}}@media (width<=620px){.configurator-page{padding:1.5rem .65rem 3rem}.configurator-hero h1{font-size:1rem}.config-grid,.config-repeat-row,.config-toggles{grid-template-columns:1fr}.config-grid label.is-wide,.config-repeat-row label.is-wide{grid-column:auto}.config-preview{min-height:27rem}}