.byo-toolbar{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.byo-field{align-items:center;gap:var(--space-2);display:flex}.byo-field label{font-size:var(--small-size);color:var(--ink-muted);font-weight:500}.select,.input,.textarea{border-radius:var(--radius-full);border:1px solid var(--line-strong);min-height:48px;color:var(--ink);padding:0 var(--space-6);background:0 0;font-size:15px;transition:background-color .2s,border-color .2s}.select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 22px) 21px,calc(100% - 17px) 21px;background-repeat:no-repeat;background-size:5px 5px;padding-right:44px}.select option{background:var(--surface-raised);color:var(--ink)}.select:hover{background-color:var(--surface-hover)}.byo-work{gap:var(--space-6);grid-template-columns:280px minmax(0,1fr);align-items:start;display:grid}@media (width<=860px){.byo-work{grid-template-columns:minmax(0,1fr)}}.palette{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}@media (width<=860px){.palette{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.pal-item{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2) 10px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface-raised);min-height:120px;color:var(--ink);cursor:grab;touch-action:pan-y;user-select:none;flex-direction:column;transition:border-color .2s;display:flex}.pal-item:hover{border-color:var(--line-strong)}.pal-item:active{cursor:grabbing}.pal-item[aria-disabled=true]{opacity:.4;cursor:not-allowed}.pal-item svg{width:100%;height:64px;color:var(--ink-muted)}.pal-name{font-size:14px;font-weight:600;line-height:18px}.pal-count{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:13px;line-height:16px}@media (width<=860px){.pal-item{min-height:132px}.pal-item svg{height:76px}}.stage-col{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.stage-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);overflow:hidden}.stage-svg{touch-action:none;user-select:none;width:100%;height:auto;display:block}.stage-svg:focus-visible{outline-offset:-4px}.selbar{gap:var(--space-2);flex-wrap:wrap;align-items:center;min-height:48px;display:flex}.selbar .name{font-weight:600}.spacer{flex:1}.byo-note{font-size:var(--small-size);line-height:var(--small-line);color:var(--ink-muted);max-width:70ch}.cab{cursor:grab}.cab.sel{color:var(--accent-ink)}.cab.sel .body{stroke-width:2.25px}.cab.warn .body{stroke:var(--warn);stroke-dasharray:6 4}.ghost{color:var(--accent-ink);pointer-events:none}.ghost .body{fill:var(--accent-soft);fill-opacity:.7;stroke:var(--accent-ink);stroke-dasharray:8 6;stroke-width:1.5px;vector-effect:non-scaling-stroke}.hint-empty{fill:var(--ink-muted);font-family:var(--font-sans)}:root{--warn:#f0b85a}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--warn:#8a5300}}:root[data-theme=light]{--warn:#8a5300}.summary{gap:var(--space-6);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}@media (width<=760px){.summary{grid-template-columns:minmax(0,1fr)}}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);padding:var(--space-8);gap:var(--space-4);flex-direction:column;min-width:0;display:flex}@media (width<=640px){.panel{padding:var(--space-6)}}.panel table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.panel th,.panel td{text-align:left;padding:var(--space-2) 0;border-top:1px solid var(--line);font-size:15px}.panel th{font-size:var(--small-size);color:var(--ink-muted);border-top:0;font-weight:500}.panel td.num,.panel th.num{text-align:right}.panel .empty-row td{color:var(--ink-muted)}.stats{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.stats div{flex-direction:column;gap:2px;display:flex}.stats dt{font-size:var(--small-size);color:var(--ink-muted);font-weight:500}.stats dd{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:28px;font-weight:300;font-stretch:125%;line-height:34px}.warnings{flex-direction:column;gap:6px;display:flex}.warnings li{font-size:var(--small-size);line-height:var(--small-line);color:var(--warn);padding-left:14px;font-weight:400;position:relative}.warnings li:before{content:"";background:var(--warn);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.msg{min-height:20px;font-size:var(--small-size);color:var(--accent-ink)}.textarea{border-radius:var(--radius-md);width:100%;min-height:160px;padding:var(--space-3) var(--space-4);background:var(--surface-strong);resize:vertical;line-height:22px}.actions{gap:var(--space-2);flex-wrap:wrap;display:flex}
