*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--paper: #f4ecdc;--paper-panel: #efe4cf;--ink: #2b2a27;--graphite: #55534d;--accent: #c9603f;--accent-2: #3a5a6b;--line: rgba(43, 42, 39, .45);--shadow: rgba(43, 42, 39, .16)}@media(prefers-color-scheme:dark){:root{--paper: #221f1a;--paper-panel: #2a2620;--ink: #ece3d2;--graphite: #c9c0ac;--accent: #e07a54;--accent-2: #7fb0c4;--line: rgba(236, 227, 210, .35);--shadow: rgba(0, 0, 0, .4)}}body{min-height:100dvh;background-color:var(--paper);color:var(--ink);background-image:radial-gradient(circle at 20% 20%,var(--shadow) 0,transparent 45%),radial-gradient(circle at 80% 60%,var(--shadow) 0,transparent 40%);background-blend-mode:multiply;background-attachment:fixed}.page{max-width:80ch;margin-inline:auto;padding:2rem}.wordmark{position:relative;display:inline-flex;align-items:baseline;gap:.4ch;font-family:Caveat,Segoe Script,cursive;font-size:clamp(2.6rem,6vw,4rem);font-weight:700;line-height:1;margin:0;transform:rotate(-1deg)}.wordmark__word--ink{color:var(--ink)}.wordmark__word--accent{color:var(--accent)}.wordmark__underline{position:absolute;left:-6px;bottom:-10px;width:90%;height:16px;color:var(--accent);opacity:.85}.sketch-panel{position:relative;background:var(--paper-panel);border:2px solid var(--line);border-radius:14px 22px 16px 24px/20px 14px 22px 12px;padding:1.1rem 1.3rem 1.3rem;margin:0 0 1.25rem;box-shadow:3px 4px 0 var(--shadow)}.sketch-panel:nth-of-type(2n){transform:rotate(.3deg)}.sketch-panel:nth-of-type(odd){transform:rotate(-.3deg)}.sketch-panel legend,.section-title{font-family:Caveat,Segoe Script,cursive;font-size:1.5rem;font-weight:700;color:var(--graphite);padding:0 .4rem}.section-title{margin:0 0 .75rem;display:block}.section-title--small{font-size:1.2rem;margin-top:1rem}.field{margin-bottom:.85rem}.field__row{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.field label{font-size:.92rem;color:var(--graphite)}.field output{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--ink)}.field input[type=range]{width:100%;accent-color:var(--accent)}.field input[type=text],.field textarea,.field select{width:100%;font-family:inherit;font-size:.95rem;color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:8px;padding:.45rem .6rem}.field--inline{display:flex;align-items:center;justify-content:space-between}.field input[type=color]{width:2.6rem;height:1.9rem;border:2px solid var(--line);border-radius:6px;background:none;padding:0}.sketch-button{font-family:Caveat,Segoe Script,cursive;font-size:1.15rem;font-weight:700;color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:10px 16px/14px 10px 16px;padding:.4rem 1rem;cursor:pointer;box-shadow:2px 2px 0 var(--shadow)}.sketch-button:hover{transform:translateY(-1px)}.sketch-button:active{transform:translateY(1px);box-shadow:1px 1px 0 var(--shadow)}.sketch-button--primary{background:var(--accent);color:var(--paper);border-color:var(--accent)}.sketch-link{font-family:inherit;font-size:.85rem;color:var(--accent-2);background:none;border:none;text-decoration:underline;cursor:pointer;padding:0}.sketch-link--danger{color:var(--accent)}.derby{max-width:1180px;margin-inline:auto;padding:2rem 1.5rem 4rem}.derby__header{text-align:center;margin-bottom:2rem}.derby__tagline{margin-top:1rem;color:var(--graphite);font-size:1.05rem}.derby__layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);gap:1.75rem;align-items:start}@media(max-width:860px){.derby__layout{grid-template-columns:1fr}}.derby__preview-column,.derby__side-column{display:flex;flex-direction:column}.preview3d{width:100%;aspect-ratio:4 / 3;border:2px solid var(--line);border-radius:18px 26px/22px 16px 26px 18px;overflow:hidden;box-shadow:3px 4px 0 var(--shadow)}.preview3d--loading{display:flex;align-items:center;justify-content:center;color:var(--graphite);background:var(--paper-panel)}.derby__hint{text-align:center;font-size:.85rem;color:var(--graphite);margin:.6rem 0 1.25rem}.measurements__list{margin:.5rem 0 1rem}.measurements__row{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;border-bottom:1px dashed var(--line);font-size:.92rem}.measurements__row dt{color:var(--graphite)}.measurements__row dd{margin:0;font-variant-numeric:tabular-nums;text-align:right}.measurements__notes{white-space:pre-wrap;font-size:.92rem}.compliance{font-size:.92rem;font-weight:600;margin:0 0 .5rem}.compliance--ok{color:var(--accent-2)}.compliance--warn{color:var(--accent)}.saved-designs__actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.5rem}.saved-designs__list{list-style:none;margin:.5rem 0 0;padding:0}.saved-designs__list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px dashed var(--line)}.saved-designs__list li.is-active .saved-designs__name{color:var(--accent);font-weight:600}.saved-designs__row-actions{display:flex;gap:.6rem}@media print{.derby__header,.derby__hint,.preview3d,.saved-designs,.controls,.sketch-button{display:none}.derby__layout{display:block}}