.msd-app{--violet:#4b22b6;--violet2:#6b34df;--ink:#111827;--muted:#64748b;--line:#dce2eb;--soft:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);max-width:1560px;margin:24px auto}.msd-app *{box-sizing:border-box}.msd-progress{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 18px;color:#768195;font-size:13px}.msd-progress span{display:flex;align-items:center;gap:8px}.msd-progress b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e6e9f0;color:#697386}.msd-progress .is-active{color:var(--violet);font-weight:700}.msd-progress .is-active b{color:#fff;background:var(--violet)}.msd-progress i{width:90px;border-top:1px solid #d7dce6}.msd-grid{display:grid;grid-template-columns:1.05fr 1.15fr .85fr;gap:12px;align-items:start}.msd-panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,.045);padding:16px;min-width:0}.msd-panel>header{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.msd-panel>header>span{flex:0 0 31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#31209d,var(--violet2));color:#fff;font-weight:800}.msd-panel h2{font-size:18px;line-height:1.2;margin:2px 0 3px}.msd-panel header p{font-size:12px;line-height:1.35;color:var(--muted);margin:0}.msd-dropzone{min-height:184px;border:1.5px dashed #74a0ff;border-radius:9px;background:linear-gradient(145deg,#fbfdff,#f8f9ff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:20px;transition:.2s}.msd-dropzone:hover,.msd-dropzone.is-over{border-color:var(--violet2);background:#f7f4ff}.msd-dropzone input{display:none}.msd-upload-icon{display:grid;place-items:center;width:54px;height:45px;border-radius:24px;color:#fff;font-size:31px;font-weight:700;background:linear-gradient(145deg,#92a3ff,var(--violet2));margin-bottom:10px;line-height:1}.msd-dropzone strong{font-size:15px}.msd-dropzone small{font-size:13px;margin:3px 0 20px}.msd-dropzone em{font-size:11px;color:#64748b;font-style:normal}.msd-upload-status{font-size:12px;color:var(--violet);min-height:0;margin-top:7px}.msd-art-list{display:grid;gap:10px;margin-top:10px}.msd-art-card{position:relative;display:grid;grid-template-columns:105px 1fr;gap:12px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff}.msd-art-thumb{height:105px;border-radius:6px;background:linear-gradient(45deg,#eef1f5 25%,transparent 25%) 0 0/14px 14px,linear-gradient(45deg,transparent 75%,#eef1f5 75%) 0 0/14px 14px,linear-gradient(45deg,transparent 75%,#eef1f5 75%) 7px -7px/14px 14px,linear-gradient(45deg,#eef1f5 25%,#fff 25%) 7px -7px/14px 14px;display:grid;place-items:center;overflow:hidden}.msd-art-thumb img{width:100%;height:100%;object-fit:contain}.msd-art-thumb .msd-pdf{font-size:18px;font-weight:800;color:#d23b42}.msd-art-info{min-width:0}.msd-art-name{font-weight:750;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:25px}.msd-art-meta{font-size:12px;color:var(--muted);margin:5px 0}.msd-dpi{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:8px}.msd-dpi i{width:11px;height:11px;border-radius:50%;background:#17aa4d}.msd-dpi.warn i{background:#f2b30f}.msd-dpi.bad i{background:#dc3545}.msd-art-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.msd-art-fields label{font-size:10px;color:#566175}.msd-art-fields input{display:block;width:100%;height:38px;border:1px solid #cfd6e2;border-radius:6px;padding:6px 8px;margin-top:3px;font:inherit;font-size:13px;background:#fff}.msd-remove{position:absolute;right:9px;top:9px;border:0;background:transparent;color:#64748b;font-size:18px;cursor:pointer}.msd-rotate{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:11px;color:#445064;margin-top:8px}.msd-switch{width:30px;height:17px;border-radius:10px;border:0;background:#b5bdc9;padding:2px;cursor:pointer}.msd-switch:before{content:"";display:block;width:13px;height:13px;border-radius:50%;background:white;transition:.18s}.msd-switch.is-on{background:var(--violet2)}.msd-switch.is-on:before{transform:translateX(13px)}.msd-quality{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:9px;background:#f8fbff;padding:12px;margin-top:12px}.msd-quality>b,.msd-success>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#15ad57;color:#fff}.msd-quality span,.msd-success span{display:flex;flex-direction:column}.msd-quality strong,.msd-success strong{font-size:12px}.msd-quality small,.msd-success small{font-size:11px;color:var(--muted);margin-top:2px}.msd-layout-toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.msd-layout-toolbar>div{display:flex}.msd-layout-toolbar button{height:39px;padding:0 19px;border:0;background:#eef1f7;color:#384256;font-size:12px;cursor:pointer}.msd-layout-toolbar>div button:first-child{border-radius:7px 0 0 7px}.msd-layout-toolbar>div button:last-child{border-radius:0 7px 7px 0}.msd-layout-toolbar button.is-active{color:#fff;background:linear-gradient(135deg,#321695,var(--violet2))}.msd-layout-toolbar .msd-repack{border:1px solid #ccd4e0;border-radius:7px;background:#f7f8fa;font-weight:700}.msd-stage{position:relative;background:#eff2f6;border-radius:8px;padding:37px 60px 25px;min-height:640px;overflow:auto}.msd-width-ruler{position:absolute;top:9px;left:63px;right:63px;display:flex;align-items:center;gap:8px;font-size:12px}.msd-width-ruler span{flex:1;border-top:1px solid #8390a1;position:relative}.msd-width-ruler span:first-child:before,.msd-width-ruler span:last-child:after{content:"";position:absolute;top:-3px;border:3px solid transparent}.msd-width-ruler span:first-child:before{left:0;border-right-color:#8390a1}.msd-width-ruler span:last-child:after{right:0;border-left-color:#8390a1}.msd-roll{position:relative;width:100%;min-width:300px;background:#fff;box-shadow:0 5px 20px rgba(15,23,42,.13);padding:16px 10px 10px}.msd-roll-top{position:absolute;top:-8px;left:-10px;right:-10px;height:16px;border-radius:8px;background:linear-gradient(#9ca2a9,#d6d9dc 47%,#80858b 52%,#a4a9ae);box-shadow:0 2px 6px #7b8188}.msd-canvas{position:relative;width:100%;height:540px;border:1px dashed #92a0b4;background-color:#fff;background-image:linear-gradient(to right,rgba(65,79,100,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(65,79,100,.07) 1px,transparent 1px);background-size:20px 20px;overflow:hidden;transition:height .25s}.msd-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#788397;text-align:center}.msd-empty b{font-size:14px}.msd-empty span{font-size:11px;margin-top:5px}.msd-piece{position:absolute;display:grid;place-items:center;overflow:hidden;background:rgba(107,52,223,.08);border:1px solid rgba(75,34,182,.28);border-radius:2px}.msd-piece img{width:100%;height:100%;object-fit:contain}.msd-piece.pdf:after{content:"PDF";color:#c52f3d;font-weight:800;font-size:11px}.msd-height-ruler{position:absolute;right:13px;top:44px;bottom:25px;display:flex;flex-direction:column;align-items:center}.msd-height-ruler i{flex:1;border-left:1px solid #6f7d91}.msd-height-ruler b{font-size:11px;margin:7px 0;white-space:nowrap}.msd-success{display:flex;gap:12px;align-items:center;border:1px solid #e6ebf2;border-radius:8px;background:#f7fbff;padding:13px;margin-top:12px}.msd-piece-list{min-height:640px;padding:8px;border-radius:8px;background:#f5f7fa}.msd-piece-row{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:10px;padding:9px;background:white;border:1px solid #e1e6ed;border-radius:7px;margin-bottom:7px;font-size:12px}.msd-piece-row img{width:50px;height:50px;object-fit:contain}.msd-summary-panel{position:sticky;top:20px}.msd-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px}.msd-tabs button{height:43px;background:#fff;border:1px solid #d4dae4;font-weight:650;color:#222d40;cursor:pointer}.msd-tabs button:first-child{border-radius:7px 0 0 7px}.msd-tabs button:last-child{border-radius:0 7px 7px 0}.msd-tabs button.is-active{color:white;background:linear-gradient(135deg,#311491,var(--violet2));border-color:var(--violet)}.msd-summary-block{margin-top:17px}.msd-summary-block h3{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin:0 0 10px}.msd-summary-block h3>b{font-size:11px}.msd-summary-block dl{border:1px solid #dfe5ed;border-radius:7px;margin:0;overflow:hidden}.msd-summary-block dl>div{display:flex;justify-content:space-between;gap:10px;padding:8px 9px;font-size:12px;border-bottom:1px solid #e5e9ef}.msd-summary-block dl>div:last-child{border:0}.msd-summary-block dt{color:#5f697b}.msd-summary-block dd{margin:0;font-weight:650}.msd-summary-arts{display:grid;gap:5px}.msd-summary-arts>p{font-size:12px;color:var(--muted)}.msd-summary-art{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:6px;border:1px solid #e1e6ed;border-radius:6px;font-size:11px}.msd-summary-art img{width:38px;height:38px;object-fit:contain;background:#f3f5f8;border-radius:4px}.msd-summary-art b{white-space:nowrap}.msd-total{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:17px;font-weight:700}.msd-total b{font-size:25px}.msd-add-cart,.msd-save{display:block;width:100%;height:49px;border:0;border-radius:7px;margin-top:17px;font:inherit;font-weight:750;cursor:pointer}.msd-add-cart{background:linear-gradient(135deg,#3716a3,var(--violet2));color:#fff}.msd-save{height:43px;background:#eee9ff;color:var(--violet);margin-top:10px}.msd-add-cart:disabled,.msd-save:disabled{opacity:.45;cursor:not-allowed}.msd-save-note{text-align:center;color:#7b8493;font-size:10px;margin:9px 0 0}.msd-toast{position:fixed;right:24px;bottom:24px;background:#111827;color:#fff;padding:12px 16px;border-radius:7px;box-shadow:0 8px 25px rgba(0,0,0,.2);z-index:999999;font-size:13px}.msd-toast.error{background:#b91c1c}.msd-app.is-busy{cursor:wait}.msd-app.is-busy .msd-add-cart,.msd-app.is-busy .msd-save{pointer-events:none}
@media(max-width:1180px){.msd-grid{grid-template-columns:1fr 1fr}.msd-summary-panel{grid-column:1/-1;position:static}.msd-stage{min-height:590px}}
@media(max-width:760px){.msd-app{margin:12px 0}.msd-progress{display:none}.msd-grid{grid-template-columns:1fr}.msd-summary-panel{grid-column:auto}.msd-panel{padding:12px;border-radius:7px}.msd-stage{padding:35px 38px 20px;min-height:520px}.msd-art-card{grid-template-columns:82px 1fr}.msd-art-thumb{height:90px}.msd-art-fields{grid-template-columns:1fr 1fr}.msd-art-fields label:last-child{grid-column:1/-1}.msd-layout-toolbar button{padding:0 10px}.msd-summary-panel{position:static}}

/* 2.3: preserve physical roll proportions at every viewport width. */
.msd-app .msd-stage{min-height:0;overflow:visible;padding:37px 38px 25px}
.msd-app .msd-roll{min-width:0}
.msd-app .msd-canvas{height:auto;min-height:0;transition:none}
.msd-app .msd-piece{border:0;border-radius:0;outline:1px solid rgba(75,34,182,.24)}
.msd-app .msd-width-ruler{left:48px;right:48px}
.msd-app .msd-piece-list{min-height:0}
.msd-app .msd-art-meta,.msd-app .msd-dpi{overflow-wrap:anywhere}

.msd-size-source{font-size:12px;color:#5f497f;margin:6px 0;overflow-wrap:anywhere}

.msd-app .msd-edit-size{display:flex;gap:6px;align-items:center;margin-top:8px;font-size:12px}.msd-app .msd-edit-size[hidden]{display:none}.msd-app input[readonly]{background:#f3f4f7;color:#374151}

.msd-app .msd-customer-fields{display:grid;gap:10px;margin-top:18px}.msd-app .msd-customer-fields label{display:grid;gap:5px;font-size:13px;color:#374151}.msd-app .msd-customer-fields input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #cfd6e2;border-radius:6px;padding:10px;font:inherit;font-size:16px;background:#fff;color:#111827}.msd-app .msd-customer-status{font-size:12px;color:#64748b}

.msd-app .msd-rotate-option{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;cursor:pointer}.msd-app .msd-rotate-option input{width:16px;height:16px;flex:none;accent-color:#7c3aed}