.cfg-form{gap:var(--cfg-space-3);font-family:var(--cfg-font-body);color:var(--cfg-color-text);flex-direction:column;display:flex}.cfg-group{border:1px solid var(--cfg-color-border);border-radius:var(--cfg-radius-md);background:var(--cfg-color-surface)}.cfg-group-toggle{all:unset;box-sizing:border-box;width:100%;padding:var(--cfg-space-2) var(--cfg-space-3);font-family:var(--cfg-font-mono);font-size:var(--cfg-text-xs);letter-spacing:var(--cfg-label-tracking);text-transform:uppercase;color:var(--cfg-color-text-muted);cursor:pointer;justify-content:space-between;align-items:center;font-weight:600;display:flex}.cfg-group-toggle:focus-visible{outline:2px solid var(--cfg-color-accent);outline-offset:-2px}.cfg-group-chevron{color:var(--cfg-color-accent)}.cfg-group-body{gap:var(--cfg-space-3);padding:var(--cfg-space-3);border-top:1px solid var(--cfg-color-border);flex-direction:column;display:flex}.cfg-group:not(.is-open) .cfg-group-body{display:none}.cfg-field{gap:var(--cfg-space-1);flex-direction:column;display:flex}.cfg-label{font-family:var(--cfg-font-mono);font-size:var(--cfg-text-xs);letter-spacing:var(--cfg-label-tracking);text-transform:uppercase;color:var(--cfg-color-text-muted);justify-content:space-between;font-weight:600;display:flex}.cfg-unit{opacity:.7}.cfg-help{font-size:var(--cfg-text-xs);color:var(--cfg-color-text-muted);margin:0}.cfg-error{font-size:var(--cfg-text-xs);color:var(--cfg-color-danger);margin:0}.cfg-number-row{gap:var(--cfg-space-2);grid-template-columns:1fr 5.5em;align-items:center;display:grid}.cfg-slider{width:100%;accent-color:var(--cfg-color-accent)}.cfg-input{font:inherit;font-family:var(--cfg-font-mono);color:var(--cfg-color-text);background:var(--cfg-color-surface-raised);border:1px solid var(--cfg-color-border-strong);border-radius:var(--cfg-radius-sm);padding:var(--cfg-space-1) var(--cfg-space-2);min-height:2.1em;font-weight:600}.cfg-input:focus{border-color:var(--cfg-color-accent);box-shadow:0 0 0 3px var(--cfg-color-accent-soft);outline:none}.cfg-field.is-invalid .cfg-input{border-color:var(--cfg-color-danger)}.cfg-switch{align-items:center;gap:var(--cfg-space-2);cursor:pointer;display:inline-flex}.cfg-switch input{opacity:0;width:0;height:0;position:absolute}.cfg-switch-track{border-radius:var(--cfg-radius-pill);background:var(--cfg-color-border-strong);flex:none;width:34px;height:18px;transition:background .15s;position:relative}.cfg-switch-track:after{content:"";background:var(--cfg-color-surface-raised);border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.cfg-switch input:checked+.cfg-switch-track{background:var(--cfg-color-accent)}.cfg-switch input:checked+.cfg-switch-track:after{transform:translate(16px)}.cfg-switch input:focus-visible+.cfg-switch-track{box-shadow:0 0 0 3px var(--cfg-color-accent-soft)}.cfg-segmented{border:1px solid var(--cfg-color-border-strong);border-radius:var(--cfg-radius-sm);display:inline-flex;overflow:hidden}.cfg-segment{all:unset;padding:var(--cfg-space-1) var(--cfg-space-3);font-family:var(--cfg-font-mono);font-size:var(--cfg-text-sm);cursor:pointer;color:var(--cfg-color-text-muted);border-right:1px solid var(--cfg-color-border)}.cfg-segment:last-child{border-right:0}.cfg-segment.is-active{background:var(--cfg-color-accent-soft);color:var(--cfg-color-accent);font-weight:600}.cfg-segment:focus-visible{outline:2px solid var(--cfg-color-accent);outline-offset:-2px}.cfg-presets{align-items:center;gap:var(--cfg-space-2);flex-wrap:wrap;display:flex}.cfg-presets-label{font-family:var(--cfg-font-mono);font-size:var(--cfg-text-xs);text-transform:uppercase;letter-spacing:var(--cfg-label-tracking);color:var(--cfg-color-text-muted)}.cfg-chip{all:unset;padding:2px var(--cfg-space-2);border:1px dashed var(--cfg-color-border-strong);border-radius:var(--cfg-radius-pill);font-family:var(--cfg-font-mono);font-size:var(--cfg-text-xs);cursor:pointer;color:var(--cfg-color-text)}.cfg-chip:hover{border-style:solid;border-color:var(--cfg-color-accent);color:var(--cfg-color-accent)}.cfg-fit-list{gap:var(--cfg-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cfg-fit-chip{align-items:center;gap:var(--cfg-space-1);padding:2px var(--cfg-space-2);border:1px solid var(--cfg-color-border-strong);border-radius:var(--cfg-radius-pill);background:var(--cfg-color-accent-soft);font-family:var(--cfg-font-mono);font-size:var(--cfg-text-xs);color:var(--cfg-color-text);max-width:100%;display:inline-flex}.cfg-fit-chip span{color:var(--cfg-color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cfg-fit-remove{all:unset;cursor:pointer;color:var(--cfg-color-text-muted);padding:0 2px}.cfg-fit-remove:hover{color:var(--cfg-color-danger)}.cfg-fit-row{gap:var(--cfg-space-1);flex-wrap:wrap;align-items:center;display:flex}.cfg-fit-ref{flex:7rem;min-width:0}.cfg-fit-name{flex:2 9rem;min-width:0}.cfg-issues{border:1px solid var(--cfg-color-border);border-radius:var(--cfg-radius-md);padding:var(--cfg-space-2) var(--cfg-space-3);background:var(--cfg-color-surface);font-size:var(--cfg-text-sm)}.cfg-issues-title{font-family:var(--cfg-font-mono);font-size:var(--cfg-text-xs);text-transform:uppercase;letter-spacing:var(--cfg-label-tracking);color:var(--cfg-color-text-muted);margin-bottom:var(--cfg-space-1)}.cfg-issues ul{margin:0;padding-left:1.2em}.cfg-issue.is-warning{color:var(--cfg-color-text)}.cfg-issue.is-error{color:var(--cfg-color-danger)}.cfg-issue.is-info{color:var(--cfg-color-text-muted)}.cfg-viewport{border-radius:var(--cfg-radius-lg);width:100%;height:100%;min-height:320px;position:relative;overflow:hidden}.cfg-viewport canvas{outline:none;display:block}.cfg-viewport-badge{top:var(--cfg-space-2);right:var(--cfg-space-2);font-family:var(--cfg-font-mono);font-size:var(--cfg-text-xs);padding:2px var(--cfg-space-2);border-radius:var(--cfg-radius-pill);background:var(--cfg-color-surface-raised);color:var(--cfg-color-text-muted);border:1px solid var(--cfg-color-border);position:absolute}.cfg-float{all:unset;border-radius:var(--cfg-radius-sm);background:color-mix(in srgb, var(--cfg-color-surface-raised) 92%, transparent);border:1px solid var(--cfg-color-border-strong);box-shadow:var(--cfg-shadow-sm);font-family:var(--cfg-font-mono);color:var(--cfg-color-text);cursor:pointer;white-space:nowrap;flex-direction:column;align-items:flex-start;padding:2px 8px;font-size:11px;line-height:1.25;display:inline-flex;transform:translateY(-50%)}.cfg-float-label{letter-spacing:var(--cfg-label-tracking);text-transform:uppercase;color:var(--cfg-color-text-muted);font-size:9px}.cfg-float-value{font-weight:600}.cfg-float.is-active,.cfg-float:hover{border-color:var(--cfg-color-accent);color:var(--cfg-color-accent)}.cfg-btn{all:unset;box-sizing:border-box;justify-content:center;align-items:center;gap:var(--cfg-space-2);padding:var(--cfg-space-2) var(--cfg-space-4);border:1px solid var(--cfg-color-border-strong);border-radius:var(--cfg-radius-md);background:var(--cfg-color-surface-raised);color:var(--cfg-color-text);font-family:var(--cfg-font-mono);font-size:var(--cfg-text-sm);cursor:pointer;font-weight:600;transition:transform .12s,box-shadow .12s;display:inline-flex}.cfg-btn:hover:not(:disabled){border-color:var(--cfg-color-accent);color:var(--cfg-color-accent)}.cfg-btn:focus-visible{outline:2px solid var(--cfg-color-accent);outline-offset:2px}.cfg-btn:disabled{opacity:.55;cursor:default}.cfg-btn-primary{background:var(--cfg-color-accent);border-color:var(--cfg-color-accent);color:var(--cfg-color-accent-contrast)}.cfg-btn-primary:hover:not(:disabled){color:var(--cfg-color-accent-contrast);filter:brightness(1.06)}.cfg-btn-block{width:100%}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--cfg-color-bg);color:var(--cfg-color-text);font-family:var(--cfg-font-body);font-size:var(--cfg-text-base);line-height:1.5}a{color:var(--cfg-color-accent)}button.link{all:unset;color:var(--cfg-color-accent);cursor:pointer;text-decoration:underline}.muted{color:var(--cfg-color-text-muted)}.small{font-size:var(--cfg-text-xs)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}.page{max-width:1280px;padding:var(--cfg-space-6) var(--cfg-space-5);margin:0 auto}.page-head h1{margin:0 0 var(--cfg-space-1);font-family:var(--cfg-font-display);font-size:var(--cfg-text-3xl);line-height:1.1}.page-sub{margin:0 0 var(--cfg-space-5);color:var(--cfg-color-text-muted);max-width:60ch}.catalog-grid{gap:var(--cfg-space-6);margin-top:var(--cfg-space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.configurator-head{justify-content:space-between;align-items:flex-start;gap:var(--cfg-space-4);flex-wrap:wrap;display:flex}.configurator-meta{align-items:center;gap:var(--cfg-space-2);display:flex}.version-pill{font-family:var(--cfg-font-mono);font-size:var(--cfg-text-xs);padding:2px var(--cfg-space-2);border:1px solid var(--cfg-color-border-strong);border-radius:var(--cfg-radius-pill);color:var(--cfg-color-text-muted)}.version-pill.is-warn{color:var(--cfg-color-danger);border-color:var(--cfg-color-danger)}.configurator-layout{gap:var(--cfg-space-5);grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}@media (max-width:900px){.configurator-layout{grid-template-columns:1fr}}.configurator-stage{gap:var(--cfg-space-2);flex-direction:column;display:flex;position:sticky;top:72px}.configurator-stage .cfg-viewport{border:1px solid var(--cfg-color-border);height:min(70vh,640px)}.stage-stats{gap:var(--cfg-space-4);font-family:var(--cfg-font-mono);font-size:var(--cfg-text-xs);color:var(--cfg-color-text-muted);flex-wrap:wrap;display:flex}.configurator-panel{gap:var(--cfg-space-3);flex-direction:column;display:flex}.panel-title-row{justify-content:space-between;align-items:baseline;display:flex}.panel-title-row h2{font-family:var(--cfg-font-display);font-size:var(--cfg-text-xl);margin:0}.panel-actions,.panel-save{gap:var(--cfg-space-2);padding-top:var(--cfg-space-3);border-top:1px solid var(--cfg-color-border);flex-direction:column;display:flex}.panel-save-row{gap:var(--cfg-space-2);display:flex}.panel-save-row .cfg-btn{flex:1}.share-url{word-break:break-all}.print-notes{margin-top:var(--cfg-space-4);padding:var(--cfg-space-3);border:1px dashed var(--cfg-color-border-strong);border-radius:var(--cfg-radius-md);color:var(--cfg-color-text-muted)}.mine-list{gap:var(--cfg-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mine-item{justify-content:space-between;align-items:center;gap:var(--cfg-space-3);padding:var(--cfg-space-3);border:1px solid var(--cfg-color-border);border-radius:var(--cfg-radius-md);background:var(--cfg-color-surface);display:flex}.mine-item a{color:inherit;flex-direction:column;min-width:0;text-decoration:none;display:flex}.mine-tags{gap:var(--cfg-space-1);margin-top:var(--cfg-space-1);flex-wrap:wrap;display:flex}.mine-profile{margin-top:var(--cfg-space-2);max-width:28rem}.mine-filter{margin-top:var(--cfg-space-2);max-width:16rem}.cfg-check{align-items:center;gap:var(--cfg-space-2);font-size:var(--cfg-text-sm);cursor:pointer;display:flex}.cfg-textarea{resize:vertical;min-height:3em;font-family:inherit}.panel-publish{gap:var(--cfg-space-2);flex-direction:column;display:flex}.panel-publish .version-pill{align-self:center;text-decoration:none}.display-name-form{gap:var(--cfg-space-1);flex-direction:column;display:flex}.display-name-form p{margin:0}.community-filters{gap:var(--cfg-space-2);margin-top:var(--cfg-space-3);flex-wrap:wrap;display:flex}.community-filters .cfg-input{flex:10rem;width:auto;min-width:0}.community-popular{align-items:center;gap:var(--cfg-space-1);margin-top:var(--cfg-space-3);flex-wrap:wrap;display:flex}.cfg-chip.is-active{border-style:solid;border-color:var(--cfg-color-accent);color:var(--cfg-color-accent)}.community-fits{margin-bottom:var(--cfg-space-3)}.community-fits a{color:inherit}.community-signals{gap:var(--cfg-space-2);flex-wrap:wrap;display:flex}.community-notes{white-space:pre-wrap;overflow-wrap:anywhere;max-width:60ch}.community-params{border-collapse:collapse;margin:var(--cfg-space-3) 0;font-family:var(--cfg-font-mono);font-size:var(--cfg-text-sm)}.community-params th,.community-params td{text-align:left;padding:var(--cfg-space-1) var(--cfg-space-3) var(--cfg-space-1) 0;border-bottom:1px solid var(--cfg-color-border);overflow-wrap:anywhere}.community-params th{color:var(--cfg-color-text-muted);font-weight:400}.community-actions{flex-wrap:wrap;max-width:36rem}.community-actions .cfg-btn{text-align:center;text-decoration:none}.community-report{gap:var(--cfg-space-2);margin-top:var(--cfg-space-2);flex-wrap:wrap;max-width:36rem;display:flex}.community-report .cfg-input{flex:10rem;width:auto;min-width:0}.community-legal{margin-top:var(--cfg-space-5)}.mod-item{flex-wrap:wrap;align-items:flex-start}.mod-reports{margin:var(--cfg-space-1) 0;padding-left:var(--cfg-space-4)}.df-header{padding:var(--cfg-space-3) var(--cfg-space-5);border-bottom:1px solid var(--cfg-color-border);justify-content:space-between;align-items:center;display:flex}.df-brand{font-family:var(--cfg-font-display);color:inherit;font-weight:700;text-decoration:none}.df-nav{gap:var(--cfg-space-3);align-items:center;display:flex}.df-nav a{color:var(--cfg-color-text-muted);text-decoration:none}.df-nav a.is-active{color:var(--cfg-color-accent)}.df-footer{padding:var(--cfg-space-5);text-align:center;color:var(--cfg-color-text-muted);font-size:var(--cfg-text-xs)}.df-footer-legal{margin-top:var(--cfg-space-1);display:block}.df-card{color:inherit;border:1px solid var(--cfg-color-border);border-radius:var(--cfg-radius-lg);background:var(--cfg-color-surface);padding:var(--cfg-space-4);text-decoration:none;display:block}.df-card-preview{aspect-ratio:4/3;background:var(--cfg-color-stage);border-radius:var(--cfg-radius-md);margin-bottom:var(--cfg-space-3);place-items:center;display:grid;overflow:hidden}.df-card-preview img{object-fit:contain;width:100%;height:100%}.df-card h3{margin:0 0 var(--cfg-space-1)}.df-card p{color:var(--cfg-color-text-muted);margin:0}.df-empty{text-align:center;padding:var(--cfg-space-12) var(--cfg-space-4)}