@layer components{.akscfg{--brand: var(--akua-blue-500);--brand-hover: var(--akua-blue-700);--fw-normal: var(--font-weight-normal);--fw-medium: var(--font-weight-medium);--fw-semibold: var(--font-weight-semibold);--fw-bold: var(--font-weight-bold);display:block}.akscfg .stage,.akscfg#cfgStage,.akscfg .stage#cfgStage{position:relative;overflow:hidden;touch-action:none;height:calc(100dvh - var(--offset-sticky-header-desktop));background:var(--sand-light)}.akscfg svg#scene{width:100%;height:100%;display:block;cursor:grab}.akscfg svg#scene.panning{cursor:grabbing}.akscfg svg#scene.painting{cursor:crosshair}.akscfg .fcol{position:absolute;top:12px;display:flex;flex-direction:column;gap:10px;z-index:10;max-height:calc(100% - 120px);overflow-y:auto;scrollbar-width:thin;padding:2px;touch-action:pan-y}.akscfg #prodCol{left:12px;width:248px}.akscfg #rightCol{right:12px;width:236px;align-items:stretch}.akscfg .pcard{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:10px 12px;font-size:var(--text-sm);user-select:none;position:relative}.akscfg .pcard h4{margin:0 0 2px;font-size:var(--text-sm);font-weight:var(--fw-semibold)}.akscfg .pcard .price{color:var(--zinc-500);font-size:var(--text-xs);margin-bottom:6px}.akscfg .pcard .price b{color:var(--foreground);font-weight:var(--fw-semibold)}.akscfg .pcard.draggable{cursor:grab;transition:box-shadow var(--duration-base),transform var(--duration-fast)}.akscfg .pcard.draggable:hover{box-shadow:var(--ak-shadow-lg);transform:translateY(-1px)}.akscfg .pcard .drag-hint{font-size:var(--text-xxs);color:var(--zinc-400);margin-top:6px}.akscfg .pcard .thumb{float:right;margin:-2px -2px 4px 6px}.akscfg .pcard.draggable .thumb{margin-right:14px}.akscfg .pcard .eye{position:absolute;top:6px;right:6px;border:none;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:4px;border-radius:6px;color:var(--zinc-400);z-index:2}.akscfg .pcard .eye:hover{background:var(--zinc-100);color:var(--brand)}.akscfg .pcard-target{display:inline-flex;vertical-align:middle}.akscfg .drag-hint{display:inline-flex;align-items:center;gap:4px}.akscfg .cultRow button,.akscfg #zoomCtl button{display:inline-flex;align-items:center;justify-content:center}.akscfg .sizes{display:flex;gap:4px;flex-wrap:wrap}.akscfg .sizes button{padding:2px 7px;border-radius:6px;border:1px solid var(--border);background:#fff;font:inherit;font-size:var(--text-xxs);font-weight:var(--fw-medium);cursor:pointer}.akscfg .sizes button.on{background:var(--brand);border-color:var(--brand);color:#fff}.akscfg .pcard .row{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.akscfg .cultRow{display:flex;align-items:center;gap:7px;padding:4px 0;font-size:var(--text-xs)}.akscfg .cultRow .dot{width:13px;height:13px;border-radius:4px;border:1px solid rgb(0 0 0/12%);flex:none}.akscfg .cultRow .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.akscfg .cultRow .probe{color:var(--zinc-500)}.akscfg .cultRow button{border:none;background:none;color:var(--zinc-400);cursor:pointer;font-size:12px;padding:2px}.akscfg .reco{border-left:3px solid var(--akua-green-600);background:var(--tone-green-100);border-radius:8px;padding:7px 9px;font-size:var(--text-xs)}.akscfg .reco.warn{border-left-color:var(--functional-warning);background:var(--tone-yellow-100)}.akscfg .reco .btn{margin-top:6px}.akscfg .assist{background:var(--akua-blue-050);border:1px solid var(--akua-blue-100);border-radius:var(--radius);padding:10px 12px;font-size:var(--text-xs)}.akscfg .assist h4{margin:0 0 6px;font-size:var(--text-sm)}.akscfg .assist .row{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.akscfg .assist.chip{cursor:pointer;color:var(--brand);font-weight:var(--fw-semibold);text-align:center}.akscfg #bottomBar{position:absolute;left:50%;transform:translate(-50%);bottom:12px;z-index:20;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--ak-shadow-lg);display:flex;align-items:center;gap:12px;padding:8px 14px;max-width:calc(100% - 16px);flex-wrap:nowrap;white-space:nowrap}.akscfg #bottomBar .tot{font-weight:var(--fw-bold);font-size:1.05rem;white-space:nowrap}.akscfg #detailPop{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--ak-shadow-lg);padding:14px 16px;min-width:300px;max-width:92vw;display:none;white-space:normal}.akscfg #detailPop.show{display:block}.akscfg #detailPop .sub{font-size:var(--text-xs);color:var(--foreground-body);background:var(--akua-blue-050);border-radius:8px;padding:7px 9px;margin-top:10px}.akscfg #detailPop .sub b{color:var(--foreground)}.akscfg #detailPop .reass{font-size:var(--text-xxs);color:var(--zinc-500);line-height:1.6;margin-top:8px}.akscfg #detailPop .btn{margin-top:10px;width:100%}.akscfg .sumline{display:flex;justify-content:space-between;gap:14px;font-size:var(--text-xs);margin:3px 0}.akscfg .sumline .q{color:var(--zinc-500)}.akscfg #zoomCtl{position:absolute;right:12px;bottom:96px;display:flex;flex-direction:column;gap:6px;z-index:10}.akscfg #zoomCtl button{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-sm);font-size:17px;cursor:pointer;font-weight:600;color:var(--zinc-700)}.akscfg #zoomCtl button:hover{background:var(--zinc-100)}.akscfg .hint{position:absolute;left:50%;transform:translate(-50%);top:14px;background:var(--foreground);color:#fff;padding:7px 14px;border-radius:var(--radius-pill);font-size:var(--text-xs);box-shadow:var(--ak-shadow-lg);opacity:0;pointer-events:none;transition:opacity .25s;z-index:25;max-width:92%;text-align:center}.akscfg .hint.show{opacity:.96;pointer-events:auto}.akscfg .hint button{margin-left:8px;background:#fff3;color:#fff;border:none;border-radius:6px;padding:2px 8px;font:inherit;font-size:var(--text-xxs);cursor:pointer}.akscfg .toast{position:absolute;top:56px;left:50%;transform:translate(-50%);background:var(--foreground);color:#fff;padding:8px 16px;border-radius:var(--radius-pill);font-size:var(--text-xs);opacity:0;transition:opacity .3s;z-index:40;pointer-events:none;max-width:92%;text-align:center}.akscfg .toast.show{opacity:.96}.akscfg #paintBar{position:absolute;left:50%;transform:translate(-50%);top:14px;z-index:26;background:#fff;border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--ak-shadow-lg);display:none;align-items:center;gap:10px;padding:7px 9px 7px 16px;font-size:var(--text-xs)}.akscfg #paintBar.show{display:flex}.akscfg #paintBar .dot{width:14px;height:14px;border-radius:4px;border:1px solid rgb(0 0 0/12%)}.akscfg #itemPop{position:absolute;z-index:15;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--ak-shadow-lg);padding:10px 12px;width:206px;display:none;transform:translate(-50%,calc(-100% - 16px))}.akscfg #itemPop.show{display:block}.akscfg #itemPop:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:#fff;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:translate(-50%) rotate(45deg)}.akscfg #itemPop h5{margin:0 0 6px;font-size:var(--text-xs);font-weight:var(--fw-semibold)}.akscfg #itemPop .row{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.akscfg #itemPop .price{color:var(--zinc-500);font-size:var(--text-xxs);margin-top:5px}.akscfg #itemPop .optsep{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.akscfg #itemPop select{width:100%;margin-top:6px;font-size:var(--text-xs)}.akscfg .modal{position:absolute;inset:0;background:#00000057;display:none;align-items:center;justify-content:center;z-index:50;padding:16px}.akscfg .modal.show{display:flex}.akscfg .modal .box{background:#fff;border-radius:var(--radius);box-shadow:var(--ak-shadow-lg);padding:18px;width:360px;max-width:100%;max-height:82vh;display:flex;flex-direction:column;gap:10px}.akscfg .modal h3{margin:0;font-size:var(--text-lg);font-weight:var(--fw-semibold)}.akscfg .modal input,.akscfg .modal select,.akscfg #itemPop select{font:inherit;padding:.4rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}.akscfg #cultList{overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);max-height:46vh}.akscfg #cultList .opt{padding:7px 11px;cursor:pointer;font-size:var(--text-sm);display:flex;justify-content:space-between;gap:8px}.akscfg #cultList .opt:hover{background:var(--akua-blue-050)}.akscfg #cultList .opt .meta{color:var(--zinc-400);font-size:var(--text-xxs);white-space:nowrap}.akscfg #cultList .grp{padding:6px 11px;font-size:var(--text-xxs);letter-spacing:.08em;text-transform:uppercase;color:var(--zinc-400);background:var(--zinc-100);position:sticky;top:0}.akscfg #prodModal .box{width:400px;position:relative}.akscfg #prodModal #pmClose{position:absolute;top:8px;right:8px;border:none;background:transparent;cursor:pointer;color:var(--zinc-400);padding:4px;border-radius:6px;line-height:1;display:inline-flex;align-items:center;justify-content:center;z-index:1}.akscfg #prodModal #pmClose:hover{background:var(--zinc-100);color:var(--foreground)}.akscfg #prodModal #pmImg{width:100%;max-height:210px;object-fit:contain;border-radius:var(--radius-sm);background:var(--sand-light)}.akscfg #prodModal h3{padding-right:26px}.akscfg #prodModal #pmSub{margin:0;font-size:var(--text-xs);color:var(--zinc-500)}.akscfg #prodModal #pmDesc{font-size:var(--text-sm);color:var(--foreground-body);line-height:1.55;white-space:pre-line;overflow-y:auto;max-height:30vh}.akscfg #prodModal #pmLink{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--brand);text-decoration:none}.akscfg #prodModal #pmLink:hover{text-decoration:underline;color:var(--brand-hover)}.akscfg #ghost{position:fixed;pointer-events:none;z-index:60;display:none;transform:translate(-50%,-60%);background:#fff;border:1px solid var(--akua-blue-300);border-radius:10px;box-shadow:var(--ak-shadow-lg);padding:6px 10px;font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--brand)}.akscfg #mobiPanels,.akscfg #mobiProd{display:none}.akscfg #mobiPanels .chev{display:inline-block;transition:transform .25s;margin-left:2px}.akscfg #mobiPanels.open .chev{transform:rotate(180deg)}.akscfg .tileg{opacity:0}.akscfg .tileg.fall{animation:akscfg-tilefall .38s cubic-bezier(.22,.9,.32,1.08) forwards}.akscfg .tileg.instant{opacity:1}.akscfg .tile{cursor:pointer}.akscfg .tile:hover{--tf: #f0e9d8}.akscfg .tile.hov{--ts: var(--akua-blue-500)}.akscfg .tile.hl{--tf: var(--akua-green-100);--ts: var(--akua-green-600);animation:akscfg-pulseo 1.1s infinite}.akscfg .zlabel{font-size:13px;font-weight:600;fill:var(--zinc-800);text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:3px;pointer-events:none}.akscfg .plabel{font-size:15px;font-weight:600;fill:#8a8577;text-anchor:middle;pointer-events:none}.akscfg .g-item{transition:transform .45s cubic-bezier(.3,.9,.35,1)}.akscfg .g-item.spawn .inner{animation:akscfg-drop .5s cubic-bezier(.25,1.2,.4,1)}.akscfg .hub-g{transition:transform .6s cubic-bezier(.45,.05,.35,1.25)}.akscfg .hub-g.spawn .inner{animation:akscfg-drop .5s cubic-bezier(.25,1.2,.4,1) .18s both}.akscfg .mast-g{transition:transform .45s}.akscfg .mast-g.spawn .inner{animation:akscfg-drop .5s cubic-bezier(.25,1.2,.4,1)}.akscfg .cable{fill:none;stroke:var(--zinc-700);stroke-width:2.4;stroke-linecap:round}.akscfg .cable.draw{stroke-dasharray:600;stroke-dashoffset:600;animation:akscfg-cdraw .7s .1s forwards ease-out}.akscfg .cable.chain{stroke:#8a6f4e;stroke-dasharray:5 4}.akscfg .cable.chain.draw{animation:none;stroke-dashoffset:0}.akscfg .selring{fill:none;stroke:var(--brand);stroke-width:2;pointer-events:none;animation:akscfg-ringp 1.4s infinite}.akscfg .depth-t{font-size:10px;fill:var(--zinc-500);text-anchor:middle}@media(max-width:640px){.akscfg .stage{height:calc(100dvh - var(--offset-sticky-header-mobile))}.akscfg #prodCol{display:none;inset:46px 8px auto;width:auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;padding:2px 2px 6px;touch-action:pan-x}.akscfg #prodCol.show{display:flex}.akscfg #prodCol .pcard{width:62vw;max-width:220px;flex:0 0 62vw;padding:8px 10px}.akscfg #prodCol .thumb{width:28px;height:50px}.akscfg #mobiProd{display:inline-flex;position:absolute;top:8px;left:8px;z-index:12;max-width:calc(50% - 12px);overflow:hidden;font-size:var(--text-xs)}.akscfg #rightCol{display:none}.akscfg #rightCol.show{display:flex;position:absolute;top:46px;right:8px;left:auto;width:224px;max-height:calc(100% - 150px)}.akscfg #mobiPanels{display:inline-flex;position:absolute;top:8px;right:8px;z-index:12;max-width:calc(50% - 12px);overflow:hidden;font-size:var(--text-xs)}.akscfg #mobiProd .mlabel,.akscfg #mobiPanels .mlabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.akscfg #zoomCtl{bottom:150px}.akscfg #bottomBar{left:8px;right:8px;transform:none;bottom:8px;gap:8px;padding:8px 10px;flex-direction:column;align-items:stretch}.akscfg #bottomBar .tot{text-align:center}.akscfg #btnDetail,.akscfg #btnCart{width:100%;justify-content:center}.akscfg #detailPop{left:0;right:0;transform:none;min-width:0}.akscfg .hint{top:auto;bottom:150px}}}@keyframes akscfg-tilefall{0%{opacity:0;transform:translateY(-430px)}55%{opacity:1}80%{transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes akscfg-pulseo{50%{opacity:.62}}@keyframes akscfg-drop{0%{opacity:0;transform:translateY(-320px)}70%{opacity:1;transform:translateY(4px)}to{transform:translateY(0)}}@keyframes akscfg-cdraw{to{stroke-dashoffset:0}}@keyframes akscfg-ringp{50%{stroke-opacity:.3}}
