:root{--paper: #f4ead6;--paper-2: #efe2c8;--paper-3: #e7d6b6;--card: #fbf4e4;--card-2: #fdf9ef;--ink: #2a2118;--ink-soft: #5b4f3e;--ink-faint: #8a7c64;--line: #d8c39a;--line-strong: #c2a874;--orange: #d2541b;--orange-deep: #b1410f;--orange-soft: #f0a878;--teal: #1f6f6b;--teal-deep: #15524f;--tape: #e9c873;--tape-edge: #d8b250;--error: #b8331f;--error-bg: #f7dcc9;--on-accent: #fff5ee;--fs-xxl: clamp(2.2rem, 3vw, 3.1rem);--fs-xl: 1.6rem;--fs-lg: 1.18rem;--fs-md: .96rem;--fs-sm: .82rem;--fs-xs: .72rem;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 22px;--s6: 30px;--s7: 42px;--s8: 60px;--r-sm: 6px;--r-md: 11px;--r-lg: 18px;--r-xl: 26px;--sh-1: 0 1px 2px rgba(60,40,16,.1), 0 2px 6px rgba(60,40,16,.06);--sh-2: 0 2px 4px rgba(60,40,16,.1), 0 8px 20px rgba(60,40,16,.1);--sh-3: 0 4px 8px rgba(60,40,16,.12), 0 18px 40px rgba(60,40,16,.16);--sh-press: inset 0 2px 4px rgba(60,40,16,.18);--ff-display: "Fraunces", Georgia, serif;--ff-body: "Archivo", system-ui, sans-serif;--ff-mono: "Spline Sans Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--ff-body);color:var(--ink);background-color:var(--paper);font-size:var(--fs-md);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--ff-display);margin:0;font-weight:600;letter-spacing:-.01em}button{font-family:var(--ff-body);cursor:pointer}.mono{font-family:var(--ff-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2.5px solid var(--teal);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.acard.dragging{opacity:.45;box-shadow:var(--sh-3)}.acard.drag-over{border-color:var(--orange)!important;border-style:dashed!important}.child-card.dragging{opacity:.45}.child-card.drag-over{border-color:var(--orange)!important;border-style:dashed!important}.section-card{border:1.5px solid var(--line-strong)}.section-head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.section-head h2{font-size:var(--fs-lg);margin:0;line-height:1.1}.section-num{width:28px;height:28px;flex:0 0 auto;border-radius:50%;background:var(--orange-deep);color:var(--on-accent);display:grid;place-items:center;font-family:var(--ff-mono);font-size:var(--fs-sm);font-weight:700}.section-head-control{margin-left:auto}.mounting-select{width:auto;height:32px;padding:var(--s1) var(--s5) var(--s1) var(--s3);font-family:var(--ff-body);font-size:var(--fs-sm);font-weight:600;color:var(--ink);background-color:var(--card-2);border:1.5px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer;transition:border-color .15s,background .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%235b4f3e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s2) center}.mounting-select:hover{border-color:var(--ink-faint);background-color:var(--paper-2)}.field{display:flex;flex-direction:column;gap:var(--s1)}.field label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);font-size:var(--fs-sm);font-weight:600;color:var(--ink-soft)}.field label .unit{color:var(--ink-soft);font-weight:500;font-family:var(--ff-mono);font-size:var(--fs-xs)}.field input,.field select{width:100%;height:38px;padding:var(--s2) var(--s3);font-family:var(--ff-body);font-size:var(--fs-md);color:var(--ink);background:var(--card-2);border:1.5px solid var(--line-strong);border-radius:var(--r-sm);transition:border-color .15s,background .15s}.field input:hover,.field select:hover{border-color:var(--ink-faint)}.field input.invalid{border-color:var(--error);background:var(--error-bg)}.field input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.field input[type=number]::-webkit-outer-spin-button,.field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-hint{color:var(--ink-soft);font-size:var(--fs-xs)}.field-err{color:var(--error);font-size:var(--fs-xs)}.seg-btn{background:var(--card-2);transition:background .14s,color .14s,border-color .14s}.seg-btn.on{background:var(--orange-deep);color:var(--on-accent);border-color:var(--orange-deep)}.seg-btn:hover:not(.on){background:var(--paper-2);border-color:var(--ink-faint)}.chip-choice button{transition:background .14s,color .14s,border-color .14s}.chip-choice button:hover:not(.on){background:var(--paper-2);border-color:var(--ink-faint)}.chip-choice button.on{background:var(--orange-deep);color:var(--on-accent);border-color:var(--orange-deep)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;margin:var(--s2) 0 0;background:transparent;cursor:pointer;accent-color:var(--orange)}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--paper-3);border:1.5px solid var(--line-strong)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-8px;border-radius:50%;background:var(--orange);border:2.5px solid var(--on-accent);box-shadow:var(--sh-1)}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--paper-3);border:1.5px solid var(--line-strong)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--orange);border:2.5px solid var(--on-accent);box-shadow:var(--sh-1)}.chip{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:999px;background:var(--card-2);border:1.5px solid var(--line-strong);color:var(--ink-soft);box-shadow:var(--sh-1);font-family:var(--ff-mono);font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em}.chip.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s,border-color .15s}.chip.toggle:hover{background:var(--paper-2)}.chip.toggle[aria-pressed=true]{background:var(--orange-deep);color:var(--on-accent);border-color:var(--orange-deep)}.exp-btn{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);border-radius:var(--r-sm);font-family:var(--ff-body);font-weight:700;font-size:var(--fs-sm);border:1.5px solid var(--orange-deep);background:var(--orange-deep);color:var(--on-accent);box-shadow:var(--sh-1);transition:transform .14s,box-shadow .14s,background .14s}.exp-btn.ghost{background:var(--card-2);color:var(--ink);border-color:var(--line-strong)}.exp-btn:hover{transform:translateY(-1px);box-shadow:var(--sh-2)}.exp-btn.ghost:hover{background:var(--paper-2)}.exp-btn:active{transform:translateY(0);box-shadow:var(--sh-press)}@media (max-width: 1023px){.customizer-shell{height:auto!important;min-height:100vh}.workspace{grid-template-columns:1fr!important;grid-template-rows:60vh auto!important;flex:none!important;min-height:0!important}.workspace .config{border-left:none!important;border-top:1.5px solid var(--line-strong)}}
