/* A compact glass inspector. Wheel/touch navigation stays available, with no visible scroll rail. */
body .workspace aside.finish{
 width:338px!important;top:166px!important;right:28px!important;
 max-height:calc(100dvh - 264px)!important;padding:20px 22px 0!important;
 border:1px solid rgba(255,255,255,.92)!important;border-radius:22px!important;
 background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(246,240,230,.52))!important;
 -webkit-backdrop-filter:blur(32px) saturate(140%)!important;
 backdrop-filter:blur(32px) saturate(140%)!important;
 box-shadow:0 20px 65px rgba(67,48,36,.13),inset 0 1px 0 #fff!important;
 overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;
 -ms-overflow-style:none;overscroll-behavior:contain;scroll-padding-bottom:80px;
}
body .workspace aside.finish::-webkit-scrollbar,
body .workspace aside.finish *::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
body .workspace aside.finish *{scrollbar-width:none;box-sizing:border-box}
body .workspace aside.finish .panel-title{padding:0 0 12px!important;border-bottom:1px solid #d8cdbe70!important;font-size:10px!important;letter-spacing:0}
body .workspace aside.finish #finish-close{font-size:10px!important;padding:3px 9px;border-radius:20px;background:#fff7;color:#7d6b5b}
body .workspace aside.finish .pack-controls>h1{font-size:21px!important;font-weight:400!important;line-height:1.6!important;margin:19px 0 13px!important;color:#49382f}
.s48-selection{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#ffffff60;border:1px solid #ffffffb8;border-radius:11px;margin-bottom:19px}
.s48-selection>span:last-child{font-size:10px;line-height:1.7;color:#826b5b;margin-right:3px}
.s48-paper-dot{width:21px;height:23px;border-radius:3px;border:2px solid #fff;box-shadow:1px 2px 5px #39271c22;flex:none;transform:rotate(-7deg)}
.s48-ribbon-dot{width:23px;height:8px;border-radius:2px;box-shadow:1px 2px 4px #39271c22;transform:rotate(12deg);flex:none}
body .workspace aside.finish .pack-controls>label{margin:0 0 17px!important;font-size:10px!important;line-height:1.6!important;color:#887260!important}
.s48-options{display:grid;gap:7px;margin-top:9px}
.s48-options button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #d9ccbb80;background:#fff5;border-radius:10px;font-size:10px;color:#6a5344;padding:8px;transition:background .2s,border-color .2s,box-shadow .2s}
.s48-options button:hover{background:#fffc;border-color:#bb9e87}
.s48-options button[aria-pressed=true]{border-color:#80505a;background:#fbf5f3bf;box-shadow:inset 0 0 0 1px #80505a18;color:#5d2636}
.s48-options button:focus-visible{outline:2px solid #855264;outline-offset:2px}
.s48-box-shape,.s48-binding-kind{grid-template-columns:1fr 1fr}.s48-paper-finish{grid-template-columns:repeat(3,1fr)}
.s48-paper-finish button{flex-direction:column;gap:8px;font-size:9px;line-height:1.7;padding:10px 4px;min-height:68px}
.s48-option-mark{display:block;flex:none}.s48-round{width:21px;height:18px;border:1px solid #a78770;border-radius:50%;background:linear-gradient(#eee3d5,#fff5)}.s48-square{width:20px;height:18px;border:1px solid #a78770;border-radius:2px;background:linear-gradient(140deg,#fff,#e5d8c8)}
.s48-paper{width:23px;height:28px;border-radius:1px;border:1px solid #c4b7a3;box-shadow:2px 2px 0 #d4c8b533;transform:rotate(-7deg)}.s48-matte{background:#ece5da}.s48-tissue{background:linear-gradient(135deg,#fff9 40%,#e9e3d4a0 43%,#fff9 47%,#fff9)}.s48-kraft{background:#c4a683}
.s48-binding{width:20px;height:14px}.s48-none{border:1px solid #c2b3a0;border-radius:50%}.s48-tape{border:5px solid #7e8e70;border-radius:50%}.s48-wire{border:1px solid #8b9186;border-radius:50%;box-shadow:2px 0 0 #8b918655}.s48-thread{border:2px dotted #b89c73;border-radius:50%}
body .workspace aside.finish .swatches{display:flex!important;justify-content:space-between;gap:11px!important;margin:10px 0 0!important;padding:3px}
body .workspace aside.finish .swatches button{width:33px!important;height:29px!important;position:relative;border:3px solid #fff!important;outline:1px solid #c9baa470!important;border-radius:7px!important;box-shadow:0 3px 8px #4e33201a!important}
body .workspace aside.finish .swatches button[aria-pressed=true]{outline:2px solid #78515a!important;outline-offset:3px}
body .workspace aside.finish #ribbon-colors button{height:16px!important;border-width:2px!important;border-radius:3px!important;transform:rotate(-5deg)}
body .workspace aside.finish #card{background:#ffffff70!important;border:1px solid #dbcdb580!important;border-radius:10px!important;font-size:11px!important;padding:12px!important;margin-top:9px;line-height:1.8!important;box-shadow:inset 0 1px 4px #5b3f2410}
.s48-card-count{display:block;direction:ltr;font:9px Arial;color:#a2917d;margin-top:7px;text-align:left}
body .workspace aside.finish .recipe{margin-top:6px!important;padding:13px 0 16px!important;border-color:#d2c5b17a!important}.s48-panel-action{position:sticky;bottom:0;margin:0 -22px;padding:13px 22px 17px;background:linear-gradient(#f9f5eecc,#fcfaf5f5);border-top:1px solid #ffffffc0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:0 0 22px 22px}
.s48-panel-action button{display:block;width:100%;padding:13px 15px;background:linear-gradient(120deg,#77384c,#592436);color:#fff;border:1px solid #fff3;border-radius:12px;box-shadow:0 5px 15px #5c233323;font-size:11px}
body[data-step=review] .s48-panel-action{display:none}
body .workspace aside.finish .review-controls>h2{font-size:20px!important;margin:20px 0 10px!important}.finish .review-controls>p{font-size:11px;line-height:2}
body .workspace aside.finish select[hidden]{display:none!important}
@media(max-width:800px){body .workspace aside.finish{width:auto!important;left:12px!important;right:12px!important;top:auto!important;bottom:82px!important;max-height:49dvh!important;padding:16px 18px 0!important;border-radius:19px!important}.s48-panel-action{margin:0 -18px;padding:12px 18px 14px;border-radius:0 0 19px 19px}body .workspace aside.finish .pack-controls>h1{font-size:19px!important;margin:13px 0 11px!important}.s48-selection{margin-bottom:16px}.s48-options button{min-height:39px}}
@supports not (backdrop-filter:blur(1px)){body .workspace aside.finish{background:#faf7f0f5!important}}
