/* Hitech Print v85.31 — persistent customer workspace. UI layer only; existing studio engine remains untouched. */
.v8531-source-hidden{display:none!important}
.v8531-workspace,.v8531-legacy{--s31-ink:#0f172a;--s31-muted:#64748b;--s31-line:#dbe5ef;--s31-blue:#0ea5e9;--s31-navy:#0f172a;--s31-soft:#f6f9fc;margin:14px 0 96px;color:var(--s31-ink)}
.v8531-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;border:1px solid var(--s31-line);border-radius:18px 18px 0 0;background:linear-gradient(135deg,#fff,#f6fbff)}
.v8531-topline>div>strong{display:block;font-size:20px;line-height:1.15}.v8531-topline>div>small{display:block;color:var(--s31-muted);margin-top:4px;line-height:1.4}.v8531-kicker{display:block;color:#0284c7;font-size:10px;font-weight:950;letter-spacing:.12em;margin-bottom:5px}.v8531-helpbtn{width:38px;height:38px;border-radius:12px;border:1px solid var(--s31-line);background:#fff;color:#0369a1;font-weight:950;font-size:18px}
.v8531-layout{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);min-height:680px;border:1px solid var(--s31-line);border-top:0;border-radius:0 0 18px 18px;background:#fff;overflow:visible}
.v8531-sidebar{border-right:1px solid var(--s31-line);background:#fbfdff;min-width:0}.v8531-toolnav{padding:10px;display:grid;gap:6px;border-bottom:1px solid var(--s31-line);position:sticky;top:6px;z-index:76;background:rgba(251,253,255,.96);backdrop-filter:blur(8px)}
.v8531-toolnav-btn{display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;border-radius:12px;padding:8px;color:#334155;cursor:pointer}.v8531-toolnav-btn>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef4f8;font-size:17px;font-weight:900}.v8531-toolnav-btn b{display:block;font-size:12px}.v8531-toolnav-btn small{display:block;font-size:9px;color:#7b8a9b;margin-top:2px}.v8531-toolnav-btn.active{background:#fff;border-color:#bae6fd;box-shadow:0 5px 14px rgba(14,165,233,.08);color:#075985}.v8531-toolnav-btn.active>span{background:#0ea5e9;color:#fff}
.v8531-toolpanels{padding:10px}.v8531-toolpanel{display:none}.v8531-toolpanel.active{display:block}.v8531-panelhead{padding:5px 4px 12px}.v8531-panelhead b{display:block;font-size:17px}.v8531-panelhead small{display:block;color:var(--s31-muted);font-size:11px;line-height:1.45;margin-top:4px}
.v8531-stagecol{min-width:0;background:#f4f7fa;position:relative}.v8531-stagebar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--s31-line);background:#fff;position:sticky;top:6px;z-index:74}.v8531-stage-tabs{display:flex;gap:6px}.v8531-stage-tabs button{border:1px solid var(--s31-line);background:#fff;border-radius:11px;padding:7px 12px;text-align:left;color:#475569}.v8531-stage-tabs b{display:block;font-size:11px}.v8531-stage-tabs small{display:block;font-size:8px;color:#94a3b8}.v8531-stage-tabs button.active{background:#0f172a;border-color:#0f172a;color:#fff}.v8531-stage-tabs button.active small{color:#cbd5e1}.v8531-livebadge{font-size:9px;font-weight:950;color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;padding:6px 8px;border-radius:999px;white-space:nowrap}.v8531-livebadge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:4px}
.v8531-stagewrap{padding:12px}.v8531-stagepane{display:none}.v8531-stagepane.active{display:block}.v8531-stagepane>.v83-preview-card,.v8531-stagepane>.v83-editor-card{margin:0!important;border-radius:16px!important;box-shadow:0 8px 28px rgba(15,23,42,.07)!important;background:#fff}.v8531-stagehelp{margin:0 12px 12px;padding:9px 11px;border-radius:11px;background:#eaf7ff;color:#075985;font-size:10px;line-height:1.4;border:1px solid #bae6fd}
.v8531-accordion{border:1px solid var(--s31-line);border-radius:13px;background:#fff;margin:0 0 8px;overflow:hidden}.v8531-accordion>summary{list-style:none;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 12px;cursor:pointer}.v8531-accordion>summary::-webkit-details-marker{display:none}.v8531-accordion>summary span{min-width:0}.v8531-accordion>summary b{display:block;font-size:12px;color:#0f172a}.v8531-accordion>summary small{display:block;font-size:9.5px;line-height:1.35;color:#718096;margin-top:2px}.v8531-accordion>summary i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#f1f5f9;flex:0 0 auto}.v8531-accordion>summary i:before{content:'+';font-style:normal;font-size:17px;color:#475569}.v8531-accordion[open]>summary i:before{content:'−'}.v8531-accordion-body{padding:0 10px 10px}.v8531-contained{margin:0!important;box-shadow:none!important;border-radius:10px!important}.v8531-accordion-body>.v83-tool{display:inline-grid;width:calc(50% - 5px);vertical-align:top;margin:2px;min-height:74px}.v8531-accordion-body>.v83-tools-card{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:6px!important;gap:6px!important}
.v8531-explain-grid{display:grid;gap:6px;margin-bottom:9px}.v8531-explain{padding:9px 10px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.v8531-explain b{display:block;font-size:10px;color:#0f172a}.v8531-explain span{display:block;font-size:9px;color:#64748b;line-height:1.4;margin-top:2px}.v8531-infocard{padding:11px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc}.v8531-infocard b{display:block;font-size:11px}.v8531-infocard span{display:block;color:#64748b;font-size:10px;line-height:1.45;margin-top:3px}
.v8531-workspace .v83-selected-controls{grid-template-columns:1fr!important;padding:8px!important}.v8531-workspace .v83-selected-controls label{font-size:10px}.v8531-workspace .v8468-rock-poly-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.v8531-workspace .v8468-rock-poly-actions button{min-height:42px!important}.v8531-workspace .v849-side-uploads,.v8531-workspace .v83-viewbar{margin:0!important}.v8531-workspace .v84-ai-strip{margin:0!important;border-radius:10px!important}.v8531-workspace .v83-specs{margin:0!important}.v8531-workspace .v83-bottom{position:static!important;padding:0!important;background:transparent!important;box-shadow:none!important;display:block!important}.v8531-workspace .v83-bottom button{width:100%;margin-top:6px}
/* The canvas is always reachable. Hide only controls moved to the sidebar, never the visual surface. */
.v8531-stagepane .v83-editor-card .v83-selected-controls{display:none!important}.v8531-stagepane .v83-editor-card .v83-section-head{position:relative}.v8531-stagepane .v83-preview-card{overflow:visible!important}
/* Help mode adds explanation emphasis without blocking the editor. */
.v8531-workspace.help-open .v8531-panelhead,.v8531-workspace.help-open .v8531-explain{box-shadow:inset 3px 0 #0ea5e9}

/* legacy customize: controls left, live preview permanently visible right */
.v8531-legacy-grid{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);border:1px solid var(--s31-line);border-top:0;border-radius:0 0 18px 18px;overflow:hidden;background:#fff}.v8531-legacy-controls{padding:10px;background:#fbfdff;border-right:1px solid var(--s31-line)}.v8531-legacy-preview{padding:10px;background:#f4f7fa;position:sticky;top:6px;align-self:start}.v8531-legacy-preview>.v8531-livebadge{display:table;margin:0 0 8px auto}.v8531-legacy .customize-form-panel,.v8531-legacy .preview-panel{margin:0!important;width:100%!important}.v8531-legacy .v8531-accordion section{border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}

@media(min-width:1100px){.v8531-stagecol{min-height:720px}.v8531-stagepane .v83-mug-stage{height:min(62vh,600px)!important;min-height:470px}.v8531-stagepane .v83-flat-wrap{max-height:62vh}}
@media(max-width:900px){.v8531-layout,.v8531-legacy-grid{grid-template-columns:1fr}.v8531-sidebar,.v8531-legacy-controls{border-right:0;border-bottom:1px solid var(--s31-line)}.v8531-toolnav{grid-template-columns:repeat(7,128px);overflow-x:auto;scrollbar-width:thin}.v8531-toolnav-btn{grid-template-columns:30px 1fr;padding:7px}.v8531-toolnav-btn>span{width:29px;height:29px}.v8531-stagecol{min-height:0}.v8531-legacy-preview{position:relative;top:auto}.v8531-layout{display:flex;flex-direction:column}.v8531-stagecol{order:1}.v8531-sidebar{order:2}.v8531-toolnav{top:6px}}
@media(max-width:700px){.v8531-workspace,.v8531-legacy{margin-top:8px}.v8531-topline{padding:12px;border-radius:14px 14px 0 0}.v8531-topline>div>strong{font-size:17px}.v8531-topline>div>small{font-size:10px}.v8531-layout,.v8531-legacy-grid{border-radius:0 0 14px 14px}.v8531-stagebar{padding:8px;top:5px}.v8531-stage-tabs{width:100%}.v8531-stage-tabs button{flex:1;padding:7px 8px}.v8531-livebadge{font-size:8px}.v8531-stagewrap{padding:7px}.v8531-stagehelp{margin:0 7px 8px}.v8531-toolpanels{padding:8px}.v8531-toolnav{padding:7px;grid-template-columns:repeat(7,118px)}.v8531-toolnav-btn b{font-size:10px}.v8531-toolnav-btn small{font-size:8px}.v8531-panelhead b{font-size:15px}.v8531-panelhead small{font-size:10px}.v8531-accordion-body>.v83-tool{width:calc(50% - 5px);min-height:66px}.v8531-workspace .v8468-rock-poly-actions{grid-template-columns:1fr 1fr!important}.v8531-stagepane .v83-mug-stage{height:420px!important;min-height:420px!important}.v8531-stagepane .v83-flat-wrap{width:94%!important}.v8531-legacy-preview{padding:7px}}


/* v85.41 — simplified 5-step customer Studio navigation */
.v8541-mobile-status{display:none}.v8531-toolnav{grid-auto-flow:row}.v8531-toolnav-btn{min-width:0}
@media(max-width:900px){
  .v8531-toolnav{grid-template-columns:repeat(5,minmax(118px,1fr))}
}
@media(max-width:700px){
  .v8531-workspace{margin-bottom:150px!important}
  .v8531-topline{position:relative}.v8541-mobile-status{display:block;margin-left:auto;text-align:right}.v8541-mobile-status b{display:block;font-size:10px;color:#075985}.v8541-mobile-status small{display:block;font-size:8px;color:#718096;margin-top:2px}.v8531-helpbtn{display:none}
  .v8531-sidebar{border-bottom:0!important}.v8531-toolpanels{padding:8px 8px 18px}.v8531-toolnav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:5000!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;padding:7px 6px calc(7px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #dbe5ef!important;border-bottom:0!important;box-shadow:0 -10px 28px rgba(15,23,42,.12)!important;overflow:visible!important}
  .v8531-toolnav-btn{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;text-align:center!important;border-radius:11px!important;padding:5px 2px!important;min-height:57px!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
  .v8531-toolnav-btn>span{width:27px!important;height:27px!important;font-size:14px!important;border-radius:9px!important}.v8531-toolnav-btn b{font-size:9px!important;line-height:1.05}.v8531-toolnav-btn small{display:none!important}.v8531-toolnav-btn.active{background:#eef8ff!important;border-color:#bae6fd!important;color:#075985!important}.v8531-toolnav-btn.active>span{background:#0ea5e9!important;color:#fff!important}
  .v8531-stagebar{position:sticky!important;top:0!important;z-index:160!important;box-shadow:0 5px 15px rgba(15,23,42,.06)}.v8531-stage-tabs button{min-height:46px}.v8531-stagehelp{font-size:9px!important}
  .v8531-panelhead{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:10px 11px!important;margin-bottom:8px}.v8531-panelhead b{font-size:16px!important}.v8531-panelhead small{font-size:10px!important}
  .v8531-accordion{border-radius:14px!important}.v8531-accordion>summary{min-height:54px}.v8531-accordion>summary b{font-size:12px!important}.v8531-accordion>summary small{font-size:9px!important}
  .v8531-workspace .v83-bottom{position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.v8531-workspace .v83-bottom button{min-height:52px!important;margin:0!important}
}
