:root{--card-radius: 6px}.p-card{position:relative;border:1px solid var(--line-soft);border-radius:var(--card-radius);transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s}.p-card:hover{transform:translateY(-2px);border-color:var(--accent-ink)}.p-card.acc:before,.p-card.acc:after{content:"";position:absolute;top:-1px;width:18px;height:18px;pointer-events:none}.p-card.acc:before{left:-1px;border-top:2px solid var(--accent-ink);border-left:2px solid var(--accent-ink);border-top-left-radius:var(--card-radius)}.p-card.acc:after{right:-1px;border-top:2px solid var(--accent-ink);border-right:2px solid var(--accent-ink);border-top-right-radius:var(--card-radius)}.p-eyebrow{display:flex;align-items:center;gap:8px}.p-eyebrow:before{content:"";width:16px;height:1.5px;background:var(--accent-ink);display:inline-block;flex:none}.build-area{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px;margin-top:28px;align-items:start}@media (max-width: 760px){.build-area{grid-template-columns:1fr}}.pal-item{cursor:grab;-webkit-user-select:none;user-select:none}.pal-item:active{cursor:grabbing}.pal-item.placed{opacity:.4;cursor:default}.spine-drop{border:1.5px dashed var(--line-soft);border-radius:var(--card-radius);transition:border-color .2s,background .2s}.spine-drop.over{border-color:var(--accent-ink);background:var(--accent-dim)}.canvas-vendors{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start;margin-top:28px}.canvas-vendors>*{min-width:0}.vendors-rail{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow-y:auto;overflow-x:hidden;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--line-soft) transparent}.vendors-rail::-webkit-scrollbar{width:7px}.vendors-rail::-webkit-scrollbar-thumb{background:var(--line-soft);border-radius:4px}.vendors-rail::-webkit-scrollbar-track{background:transparent}@media (max-width: 1180px){.canvas-vendors{grid-template-columns:1fr}.vendors-rail{position:static;max-height:none;overflow:visible;padding-right:0}}.arch-canvas{display:grid;gap:14px;margin-top:28px}.arch-band{border:1px solid var(--line-soft);border-radius:var(--card-radius);padding:14px 16px}.arch-mid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:14px;align-items:stretch}@media (max-width: 880px){.arch-mid{grid-template-columns:1fr}}.arch-zone{border:1px solid var(--line-soft);border-radius:var(--card-radius);padding:14px 14px 16px;display:flex;flex-direction:column}.arch-core{gap:10px}.arch-zone-label{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}.arch-zone-label:before{content:"";width:16px;height:1.5px;background:var(--accent-ink);flex:none}.arch-zone-role{font-family:var(--mono);font-size:9px;letter-spacing:.04em;margin-bottom:12px}.arch-slot{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer;border:1px solid var(--line-soft);border-radius:var(--card-radius);padding:8px 10px;margin-top:7px;background:transparent;transition:border-color .18s,background .18s,opacity .18s}.arch-slot.ghost{border-style:dashed;opacity:.5}.arch-slot:hover{opacity:1;border-color:var(--accent-ink)}.arch-flow{text-align:center;font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;padding:2px 0}.arch-feedback{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;text-align:center;border-top:1px dashed var(--line-soft);margin-top:8px;padding-top:8px}:root{--ease: cubic-bezier(.22, 1, .36, 1);--t-fast: .15s;--t-base: .25s}.lo-anim{transition:transform var(--t-base) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),opacity var(--t-base) var(--ease)}.lo-chip{transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);will-change:transform}.lo-chip:hover{border-color:var(--accent-ink)}.lo-chip:active{transform:scale(.94)}.lo-chip.on{transform:none}.lo-chip .lo-check{display:inline-block;overflow:hidden;max-width:0;opacity:0;margin-right:0;transition:max-width var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease),margin-right var(--t-fast) var(--ease)}.lo-chip.on .lo-check{max-width:1.2em;opacity:1;margin-right:.3em}.lo-select{transition:transform var(--t-base) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.lo-select:hover{transform:translateY(-2px);border-color:var(--accent-ink)}.lo-select:active{transform:translateY(0)}@keyframes lo-pulse{0%{background:var(--accent-dim)}to{background:transparent}}.lo-flash{animation:lo-pulse var(--t-base) var(--ease)}@keyframes lo-land{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lo-land{animation:lo-land var(--t-base) var(--ease)}@keyframes lo-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lo-drawer-open .lo-sec{animation:lo-rise var(--t-base) var(--ease) both}.lo-drawer-open .lo-sec:nth-child(1){animation-delay:40ms}.lo-drawer-open .lo-sec:nth-child(2){animation-delay:80ms}.lo-drawer-open .lo-sec:nth-child(3){animation-delay:.12s}.lo-drawer-open .lo-sec:nth-child(4){animation-delay:.16s}.lo-drawer-open .lo-sec:nth-child(5){animation-delay:.2s}.lo-vendor{transition:opacity var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.lo-vendor:hover{transform:translateY(-1px);border-color:var(--accent-ink)}.lo-badge{transition:color var(--t-fast) var(--ease)}.lo-badge.lo-flash{animation:lo-pulse var(--t-base) var(--ease)}.lo-held{border-left-style:dotted!important;border-left-color:var(--line-soft)!important;opacity:.82}.lo-held .lo-held-glyph{opacity:.7}@media (prefers-reduced-motion: reduce){.lo-anim,.lo-chip,.lo-select,.lo-vendor,.lo-badge{transition:none!important}.lo-flash,.lo-land,.lo-drawer-open .lo-sec{animation:none!important}.lo-chip .lo-check{transition:none}}