.editor-actions{display:grid;grid-template-columns:1fr 1.2fr .7fr;gap:4px;margin:0 0 12px;padding:4px;background:#f3f3fa;border-radius:8px;scroll-margin-top:24px}
.editor-actions button{border:0;border-radius:5px;background:transparent;min-height:44px;padding:8px 5px;color:#50505d;font-size:11px}
.editor-actions button[aria-pressed=true]{background:#0000aa;color:white}
.artwork-model{margin:18px 0;padding-bottom:16px;border-bottom:1px solid var(--line)}
.artwork-model select{min-height:44px}.artwork-model .micro{font-size:11px}
#printDetails{border-top:1px solid var(--line);padding-top:14px;margin-top:20px}#printDetails summary{font-size:12px;min-height:40px}
#workspaceHint{font-size:12px;line-height:1.6}#orderNext .primary{margin-top:20px}
.order-bar{position:fixed;z-index:20;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:32px;background:#fff;border-top:1px solid #dcdce5;box-shadow:0 -5px 30px #10101408;padding:12px max(4vw,calc((100vw - 1320px)/2)) calc(12px + env(safe-area-inset-bottom));}
.order-bar>div{display:flex;flex-direction:column;min-width:0}.order-bar .quiet{padding:0;min-height:32px;text-align:left;font-size:13px}
.order-bar span,.order-bar small{font-size:11px;color:#696973}.order-bar strong{font-size:21px;white-space:nowrap;font-variant-numeric:tabular-nums}
.order-bar .primary{width:auto;min-width:150px;min-height:48px;justify-content:center;margin:0}.bar-total{margin-left:auto}
body.has-order-bar{padding-bottom:110px}body.has-order-bar :is(input,button,textarea,select,a){scroll-margin-bottom:120px}
#orderSection{scroll-margin-top:20px}#unsavedOrderDialog{max-width:480px}
@media(max-width:760px){.order-bar{gap:10px;padding:10px 4vw calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap}.order-bar>div:first-child{flex:1}.order-bar .primary{min-width:112px;padding:12px}.order-bar strong{font-size:18px}.order-bar small{max-width:145px;font-size:10px}.order-bar .quiet{font-size:12px}.order-bar span{font-size:10px}.editor-actions{position:sticky;top:0;z-index:1}.editor-actions button{font-size:12px}body.has-order-bar{padding-bottom:125px}}
@media(max-width:760px){.order-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.order-bar .primary{grid-column:1/-1;width:100%;min-height:42px;padding:9px}.order-bar .quiet{min-height:25px}.order-bar small{max-width:none}.bar-total{text-align:right}body.has-order-bar{padding-bottom:150px}body.has-order-bar :is(input,button,textarea,select,a){scroll-margin-bottom:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}