*,*: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{--charcoal-900: #15181c;--charcoal-800: #1d2228;--charcoal-700: #262d35;--charcoal-600: #333c46;--steel-700: #2f5468;--steel-500: #4b7f9c;--steel-300: #9cc0d3;--rust-700: #8d3a17;--rust-500: #c0552a;--rust-400: #dd7940;--cream-050: #fdfaf3;--cream-100: #f6f0e4;--cream-200: #eae1cf;--cream-300: #d5c9b2;--bg: var(--cream-200);--bench: #e2d8c4;--panel: var(--cream-100);--card: var(--cream-050);--ink: var(--charcoal-800);--ink-soft: #5d6673;--ink-faint: #8a8579;--line: #b7a98f;--line-soft: #cdc0a6;--line-hard: var(--charcoal-700);--head-bg: var(--charcoal-800);--head-ink: var(--cream-100);--accent: var(--rust-500);--accent-ink: #fff6ee;--steel: var(--steel-700);--field-bg: #fffdf7;--shadow: 0 1px 0 rgba(0, 0, 0, .18), 0 6px 14px -8px rgba(21, 24, 28, .45);--shadow-lift: 0 2px 0 rgba(0, 0, 0, .22), 0 22px 34px -14px rgba(21, 24, 28, .6);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");--grain-strength: .05;--radius: 3px;--radius-lg: 5px;--font-head: "Oswald", "Archivo Narrow", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Impact, system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-family:var(--font-body);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: var(--charcoal-900);--bench: #191d22;--panel: var(--charcoal-800);--card: var(--charcoal-700);--ink: var(--cream-100);--ink-soft: #a3adb9;--ink-faint: #7e8794;--line: #3b444f;--line-soft: #303841;--line-hard: #0d0f12;--head-bg: #12161a;--head-ink: var(--cream-100);--steel: var(--steel-300);--field-bg: #1a1f25;--grain-strength: .07;--shadow: 0 1px 0 rgba(0, 0, 0, .5), 0 8px 16px -10px rgba(0, 0, 0, .8);--shadow-lift: 0 2px 0 rgba(0, 0, 0, .55), 0 24px 38px -16px rgba(0, 0, 0, .9)}}body{min-height:100dvh;background-color:var(--bg);background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.028) 0 1px,transparent 1px 7px);color:var(--ink)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:var(--grain);opacity:calc(var(--grain-strength) * 1.6)}body.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:80ch;margin-inline:auto;padding:2rem}.page h1{font-family:var(--font-head);font-size:4rem;letter-spacing:.02em}.surface{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem;max-width:1500px;margin-inline:auto;padding:clamp(.75rem,2vw,1.5rem)}.stack{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.25rem)}.stack__empty,.footnote{font-size:.85rem;color:var(--ink-soft);text-align:center;padding:1rem}.footnote{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-head);color:var(--ink-faint)}.plate{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(.85rem,2vw,1.15rem);padding-top:calc(clamp(.85rem,2vw,1.15rem) + 6px);background-color:var(--head-bg);background-image:var(--grain),linear-gradient(180deg,#ffffff12,#00000040);background-blend-mode:overlay,normal;border:1px solid var(--line-hard);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:var(--head-ink);overflow:hidden}.plate:before{content:"";position:absolute;inset:0 0 auto;height:6px;background-image:repeating-linear-gradient(-45deg,var(--rust-500) 0 10px,var(--charcoal-900) 10px 20px);opacity:.9}.plate__photo{flex:0 0 auto;width:72px;height:72px;object-fit:cover;border:1px solid var(--charcoal-600);border-radius:var(--radius);filter:saturate(.9) contrast(1.05)}.plate__text{flex:1 1 14rem;min-width:0;display:flex;flex-direction:column;gap:.15rem}.plate__name,.plate__tagline{width:100%;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:inherit;padding:.1rem .35rem;margin-left:-.35rem}.plate__name{font-family:var(--font-head);font-size:clamp(1.5rem,5vw,2.4rem);font-weight:700;letter-spacing:.035em;text-transform:uppercase;line-height:1.05}.plate__tagline{font-size:.9rem;color:#b9c2cc}.plate__name:hover,.plate__tagline:hover{border-color:var(--charcoal-600)}.plate__name:focus,.plate__tagline:focus{background:#00000059;border-color:var(--accent);outline:none}.gauges{display:flex;gap:.4rem}.gauge{min-width:62px;padding:.35rem .5rem;background:#00000047;border:1px solid var(--charcoal-600);border-radius:var(--radius);text-align:center}.gauge dt{font-family:var(--font-head);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--steel-300)}.gauge dd{font-family:var(--font-head);font-size:1.35rem;font-weight:700;line-height:1.1}.gauge dd span{font-size:.85rem;color:var(--ink-faint)}.btn,.chip{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.09em;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--panel);background-image:linear-gradient(180deg,#ffffff59,#0000000f);color:var(--ink);cursor:pointer;transition:transform 90ms ease,background-color .12s ease,border-color .12s ease}.btn{font-size:.82rem;font-weight:600;padding:.5rem .9rem;min-height:40px}.chip{font-size:.68rem;font-weight:500;padding:.3rem .5rem;min-height:30px;color:var(--head-ink);background-color:#ffffff14;background-image:none;border-color:var(--charcoal-600)}.chip--icon{min-width:30px;padding-inline:.35rem;font-size:.85rem;line-height:1}.btn:hover,.chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink);background-color:var(--rust-700)}.btn:active,.chip:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.chip:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background-color:var(--accent);background-image:linear-gradient(180deg,#ffffff38,#0000001f);border-color:var(--rust-700);color:var(--accent-ink)}.btn--ghost{background:transparent;background-image:none}.btn--danger{border-color:var(--rust-700);color:var(--rust-500);background-image:none}.btn--danger:hover{background-color:var(--rust-700);color:var(--accent-ink)}.chip--danger{color:#f0b9a0}input,select,textarea{font-family:inherit;font-size:16px;color:var(--ink);background:var(--field-bg);border:1px solid var(--line);border-radius:var(--radius);padding:.45rem .55rem;min-height:40px}textarea{min-height:unset;resize:vertical}input[type=checkbox],input[type=radio]{min-height:unset;accent-color:var(--accent);width:20px;height:20px}.composer{display:flex;gap:.4rem;margin-top:.55rem}.composer input{flex:1;min-width:0}.composer--triple input:nth-of-type(2){flex:0 0 5.5rem}.hint{margin-top:.5rem;font-size:.78rem;color:var(--ink-soft)}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background-color:var(--panel);box-shadow:var(--shadow);overflow:hidden}.panel__head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.55rem .7rem;background-color:var(--head-bg);background-image:var(--grain),linear-gradient(180deg,#ffffff14,#0003);background-blend-mode:overlay,normal;border-bottom:1px solid var(--line-hard);color:var(--head-ink)}.panel__title{display:flex;align-items:baseline;gap:.6rem;flex:1;min-width:12ch}.panel__heading{font-family:var(--font-head);font-size:1.15rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.panel__rename{font-family:var(--font-head);font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;background:#0006;border-color:var(--accent);color:var(--head-ink);min-height:34px;padding-block:.15rem}.panel__meta{font-family:var(--font-head);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--steel-300);white-space:nowrap}.panel__tools{display:flex;flex-wrap:wrap;gap:.3rem}.panel__body{padding:clamp(.6rem,1.6vw,.9rem);background-color:var(--bench);background-image:var(--grain),repeating-linear-gradient(90deg,rgba(0,0,0,.035) 0 1px,transparent 1px 5px);background-blend-mode:multiply,normal}.hiddenBar{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.45rem .6rem;border:1px dashed var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 70%,transparent)}.hiddenBar__label{font-family:var(--font-head);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.hiddenBar .chip{color:var(--ink);border-color:var(--line);background-color:color-mix(in srgb,var(--card) 80%,transparent)}.board{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:.35rem;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.column{display:flex;flex-direction:column;flex:0 0 clamp(240px,78vw,296px);scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--radius);background-color:color-mix(in srgb,var(--panel) 82%,transparent);transition:box-shadow .14s ease,border-color .14s ease}.column--target{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.column__head{display:flex;align-items:center;gap:.4rem;padding:.4rem .45rem;border-bottom:1px solid var(--line);background-image:linear-gradient(180deg,rgba(0,0,0,.06),transparent)}.column__title{flex:1;min-width:0}.column__titleButton{font-family:var(--font-head);font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:none;border:1px solid transparent;border-radius:var(--radius);padding:.15rem .3rem;cursor:text;text-align:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column__titleButton:hover{border-color:var(--line)}.column__rename{flex:1;min-width:0;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.08em;min-height:34px}.column__count{font-family:var(--font-head);font-size:.7rem;padding:.1rem .4rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft)}.column__tools{display:flex;gap:.2rem}.column__tools .chip{color:var(--ink-soft);border-color:var(--line-soft);background-color:transparent}.column__stack{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:5.5rem;padding:.5rem}.column__empty{font-size:.8rem;color:var(--ink-faint);padding:.5rem .25rem}.column__add{font-family:var(--font-head);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-align:left;color:var(--ink-soft);background:none;border:0;border-top:1px dashed var(--line);padding:.6rem .7rem;cursor:pointer;min-height:40px}.column__add:hover{color:var(--accent);background-color:color-mix(in srgb,var(--accent) 8%,transparent)}.column .composer{margin:0;padding:.5rem;border-top:1px dashed var(--line)}.card{--status: var(--steel);position:relative;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--card);box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card:hover{border-color:var(--steel);transform:translateY(-1px)}.card__grip{position:absolute;z-index:3;left:0;top:0;bottom:0;width:26px;border:0;border-right:1px solid var(--line);border-radius:var(--radius) 0 0 var(--radius);background-color:color-mix(in srgb,var(--status) 16%,var(--card));background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.14) 0 1px,transparent 1px 5px);cursor:grab;touch-action:none;display:grid;place-items:center}.card__grip span{width:4px;height:26px;border-radius:2px;background-image:radial-gradient(circle,var(--ink-soft) 1px,transparent 1.4px);background-size:4px 5px;opacity:.85}.card__grip:active{cursor:grabbing;background-color:color-mix(in srgb,var(--accent) 30%,var(--card))}.card__open{position:absolute;z-index:2;inset:0;border:0;background:transparent;cursor:pointer}.card__face{border-top:3px solid var(--status);border-radius:var(--radius) var(--radius) 0 0;background-image:linear-gradient(180deg,rgba(255,255,255,.5),transparent 60%)}.card__body{padding:.55rem .6rem .6rem 2rem}.card__face--planned{--status: var(--steel)}.card__face--active{--status: var(--rust-500)}.card__face--blocked{--status: #b3902a}.card__face--done{--status: #4e7a52}.card__photo{width:calc(100% - 26px);margin-left:26px;height:104px;object-fit:cover;border-bottom:1px solid var(--line)}.card__title{font-weight:600;font-size:.95rem;line-height:1.25}.card__foot{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.45rem}.card__stat{font-family:var(--font-head);font-size:.68rem;letter-spacing:.06em;color:var(--ink-soft);border:1px solid var(--line-soft);border-radius:var(--radius);padding:0 .28rem}.card__stat--due{color:var(--rust-700);border-color:color-mix(in srgb,var(--rust-500) 45%,transparent)}.status{font-family:var(--font-head);font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.1rem .35rem .1rem .9rem;border:1px solid color-mix(in srgb,var(--status) 55%,transparent);border-radius:999px;color:color-mix(in srgb,var(--status) 78%,var(--ink));background-image:radial-gradient(circle at .42rem 50%,var(--status) 3px,transparent 3.5px)}.meter{margin-top:.45rem;height:5px;border:1px solid var(--line-soft);border-radius:999px;background-color:color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden}.meter span{display:block;height:100%;background-color:var(--status);transition:width .18s ease}.tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.4rem;list-style:none;padding:0}.tag{font-family:var(--font-head);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);border:1px solid color-mix(in srgb,var(--steel) 45%,transparent);background-color:color-mix(in srgb,var(--steel) 10%,transparent);border-radius:var(--radius);padding:.08rem .35rem}.tag--toggle{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;min-height:34px;padding-inline:.45rem}.tag--toggle.is-on{color:var(--accent-ink);background-color:var(--accent);border-color:var(--rust-700)}.tag--removable{display:inline-flex;align-items:center;gap:.3rem}.tag--removable button{border:0;background:none;color:inherit;cursor:pointer;font-size:.9rem;line-height:1;padding:0 .1rem}.labelGrid{display:flex;flex-wrap:wrap;gap:.35rem}.dropSlot{border:2px dashed var(--accent);border-radius:var(--radius);background-color:color-mix(in srgb,var(--accent) 12%,transparent);animation:slot-in .14s ease-out}@keyframes slot-in{0%{opacity:0;transform:scaleY(.7)}}.dropLine{display:block;height:3px;border-radius:2px;background-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.parts__slot{list-style:none;padding:.25rem 0}.ghost{position:fixed;left:0;top:0;z-index:60;pointer-events:none;will-change:transform;animation:ghost-lift .13s ease-out}.ghost>*{height:100%;rotate:1.6deg;scale:1.03;box-shadow:var(--shadow-lift);filter:saturate(1.05)}@keyframes ghost-lift{0%{scale:1}}.card--ghost{cursor:grabbing;overflow:hidden}.card--landed,.row--landed,.sticky--landed{animation:settle .38s cubic-bezier(.2,1.5,.4,1)}@keyframes settle{0%{transform:scale(1.035) rotate(.8deg);box-shadow:var(--shadow-lift)}60%{transform:scale(.995)}to{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.parts{list-style:none;padding:0;display:flex;flex-direction:column;gap:.35rem;min-height:3rem}.row{display:grid;grid-template-columns:26px auto minmax(6rem,1fr) 4.5rem minmax(5rem,1fr) 30px;align-items:center;gap:.35rem;padding:.25rem .3rem .25rem 0;border:1px solid var(--line);border-left:0;border-radius:var(--radius);background-color:var(--card);box-shadow:var(--shadow)}.row--got{opacity:.62}.row--got .row__name{text-decoration:line-through}.row__grip{align-self:stretch;min-height:38px;border:0;border-right:1px solid var(--line);background-color:color-mix(in srgb,var(--steel) 14%,var(--card));background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.13) 0 1px,transparent 1px 5px);border-radius:var(--radius) 0 0 var(--radius);cursor:grab;touch-action:none;display:grid;place-items:center}.row__grip span{width:4px;height:18px;background-image:radial-gradient(circle,var(--ink-soft) 1px,transparent 1.4px);background-size:4px 5px}.row__check{display:grid;place-items:center;min-width:30px}.row__name,.row__qty,.row__source{border-color:transparent;background:transparent;min-height:34px;font-size:.92rem}.row__name{font-weight:500}.row__qty{font-family:var(--font-head);letter-spacing:.06em;text-align:center}.row__source{color:var(--ink-soft);font-size:.85rem}.row__name:hover,.row__qty:hover,.row__source:hover,.tool__who:hover{border-color:var(--line-soft)}.row__name:focus,.row__qty:focus,.row__source:focus{background:var(--field-bg);border-color:var(--accent)}.row--ghost{display:flex;align-items:center;gap:.5rem;padding-right:.75rem;cursor:grabbing}.row--ghost .row__name{font-weight:600}.tools{list-style:none;padding:0;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}.tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,8rem) 30px;align-items:center;gap:.35rem;padding:.25rem .3rem;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--card);box-shadow:var(--shadow)}.tool__toggle{display:flex;align-items:center;gap:.5rem;min-height:38px;padding:.2rem .4rem;border:1px solid transparent;border-radius:var(--radius);background:none;color:inherit;cursor:pointer;text-align:left}.tool__toggle:hover{border-color:var(--line-soft)}.tool__lamp{flex:0 0 auto;width:12px;height:12px;border-radius:50%;border:1px solid var(--line-hard);background-color:color-mix(in srgb,var(--ink) 18%,transparent)}.tool--out .tool__lamp{background-color:var(--rust-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--rust-500) 25%,transparent)}.tool__name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool__state{margin-left:auto;font-family:var(--font-head);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.tool--out .tool__state{color:var(--rust-500)}.tool__who{border-color:transparent;background:transparent;min-height:34px;font-size:.85rem;color:var(--ink-soft)}.tool__who:focus{background:var(--field-bg);border-color:var(--accent)}.stickies{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));min-height:6rem;align-items:start}.sticky{--paper: #f4ecd2;--paper-ink: #3a3121;display:flex;flex-direction:column;min-height:8.5rem;padding:.35rem;background-color:var(--paper);background-image:var(--grain);background-blend-mode:multiply;color:var(--paper-ink);border:1px solid rgba(0,0,0,.18);border-radius:2px;box-shadow:2px 3px #00000024,0 12px 18px -12px #00000080}.sticky:nth-child(3n+1){rotate:-.7deg}.sticky:nth-child(3n+2){rotate:.5deg}.sticky:nth-child(4n){rotate:1deg}.sticky--rust{--paper: #d9702f;--paper-ink: #2c1408}.sticky--steel{--paper: #8fb2c7;--paper-ink: #172a35}.sticky--slate{--paper: #39424d;--paper-ink: #efe7d6}.sticky__bar{display:flex;align-items:center;gap:.3rem}.sticky__grip{width:34px;height:26px;border:1px solid rgba(0,0,0,.2);border-radius:2px;background-color:#ffffff59;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 1px,transparent 1px 4px);cursor:grab;touch-action:none;display:grid;place-items:center}.sticky__grip span{width:14px;height:4px;background-image:radial-gradient(circle,currentColor 1px,transparent 1.4px);background-size:5px 4px;opacity:.6}.sticky__colors{display:flex;gap:.2rem;margin-left:auto}.swatch{width:18px;height:18px;border:1px solid rgba(0,0,0,.3);border-radius:50%;cursor:pointer;padding:0}.swatch--cream{background-color:#f4ecd2}.swatch--rust{background-color:#d9702f}.swatch--steel{background-color:#8fb2c7}.swatch--slate{background-color:#39424d}.swatch.is-on{box-shadow:0 0 0 2px var(--paper-ink)}.sticky__text{flex:1;margin-top:.3rem;border:0;background:transparent;color:inherit;font-size:.92rem;line-height:1.45;padding:.2rem;resize:none}.sticky__text::placeholder{color:color-mix(in srgb,currentColor 45%,transparent)}.sticky__text:focus{outline-offset:0;background-color:#ffffff40}.sticky--slot{border:2px dashed var(--accent);background-color:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:none;rotate:0deg}.sticky--ghost{cursor:grabbing}.sticky__ghostText{padding:.4rem;font-size:.92rem;overflow:hidden}.stickies__empty{font-size:.85rem;color:var(--ink-faint)}.drawer{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end}.drawer--left{justify-content:flex-start}.drawer__scrim{position:absolute;inset:0;border:0;padding:0;background-color:#0a0c0f8c;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);cursor:pointer;animation:fade-in .16s ease-out}@keyframes fade-in{0%{opacity:0}}.drawer__panel{position:relative;display:flex;flex-direction:column;width:min(440px,100%);max-height:100dvh;background-color:var(--panel);background-image:var(--grain);background-blend-mode:multiply;border-left:1px solid var(--line-hard);box-shadow:var(--shadow-lift);animation:slide-in .19s cubic-bezier(.2,.9,.3,1)}.drawer--left .drawer__panel{border-left:0;border-right:1px solid var(--line-hard);animation-name:slide-in-left}@keyframes slide-in{0%{transform:translate(18px);opacity:.4}}@keyframes slide-in-left{0%{transform:translate(-18px);opacity:.4}}.drawer__head{display:flex;align-items:center;gap:.5rem;padding:.6rem .7rem;background-color:var(--head-bg);border-bottom:1px solid var(--line-hard);color:var(--head-ink)}.drawer__head .btn--ghost{border-color:var(--charcoal-600);color:var(--head-ink)}.drawer__heading,.drawer__title{flex:1;min-width:0;font-family:var(--font-head);font-size:1.15rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--head-ink)}.drawer__title{background:transparent;border-color:transparent}.drawer__title:hover{border-color:var(--charcoal-600)}.drawer__title:focus{background:#00000059;border-color:var(--accent)}.drawer__scroll{flex:1;overflow-y:auto;padding:.8rem;display:flex;flex-direction:column;gap:.9rem;background-color:var(--bench)}.field{border:1px solid var(--line);border-radius:var(--radius);background-color:var(--panel);padding:.6rem}.field legend,.field__label{font-family:var(--font-head);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.field legend{padding-inline:.3rem}.field__count{color:var(--accent)}.field__label{display:flex;flex-direction:column;gap:.3rem}.field__label>input,.field__label>select,.field__label>textarea{font-family:var(--font-body);letter-spacing:normal;text-transform:none;color:var(--ink)}.field--split{display:flex;gap:.6rem}.field--split .field__label{flex:1;min-width:0}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem;margin-top:.35rem}.segmented__option{display:flex;align-items:center;gap:.4rem;min-height:40px;padding:.35rem .5rem;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--field-bg);font-family:var(--font-head);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.segmented__option.is-on{border-color:var(--rust-700);background-color:var(--accent);color:var(--accent-ink)}.segmented__option input{accent-color:currentColor}.checklist,.materials{list-style:none;padding:0;display:flex;flex-direction:column;gap:.25rem;margin-top:.35rem}.checklist li,.materials li{display:flex;align-items:center;gap:.4rem;border-bottom:1px dashed var(--line-soft);padding-bottom:.25rem}.checklist label,.materials label{display:flex;align-items:center;gap:.5rem;flex:1;min-height:34px;cursor:pointer;font-size:.92rem}.checklist .is-done span,.materials .is-done span{text-decoration:line-through;color:var(--ink-faint)}.materials__qty{font-family:var(--font-head);font-size:.72rem;letter-spacing:.08em;color:var(--ink-soft)}.sectionList{list-style:none;padding:0;display:flex;flex-direction:column;gap:.35rem;margin-top:.35rem}.sectionList li{display:grid;grid-template-columns:minmax(0,1fr) 30px 30px auto;grid-template-areas:"name up down vis" "kind kind kind kind";align-items:center;gap:.3rem;padding:.3rem;border:1px solid var(--line-soft);border-radius:var(--radius);background-color:var(--field-bg)}.sectionList li>input{grid-area:name}.sectionList__kind{grid-area:kind;font-family:var(--font-head);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.sectionList .chip{color:var(--ink-soft);border-color:var(--line-soft);background-color:transparent}.sectionList li.is-hidden{opacity:.6;border-style:dashed}.drawer__foot{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.4rem}@media(max-width:760px){.plate__photo{width:54px;height:54px}.gauges{flex:1 1 100%}.gauge{flex:1}.plate__layout{flex:1 1 100%}.panel__title{width:100%}.drawer{align-items:flex-end}.drawer__panel{width:100%;max-height:90dvh;border-left:0;border-top:1px solid var(--line-hard);border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation-name:slide-up}.drawer--left .drawer__panel{border-right:0;animation-name:slide-up}@keyframes slide-up{0%{transform:translateY(24px);opacity:.5}}.row{grid-template-columns:26px 30px minmax(0,1fr) 3.5rem 30px;grid-template-areas:"grip check name qty remove" "grip check source source source";row-gap:.1rem}.row__grip{grid-area:grip}.row__check{grid-area:check}.row__name{grid-area:name}.row__qty{grid-area:qty}.row__source{grid-area:source}.row>.chip--danger{grid-area:remove}.segmented{grid-template-columns:1fr 1fr}}
