/* Qrofis Designer Workspace V1 — presentation only, 2026-10-30 */
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished{padding:0 clamp(16px,4vw,64px)!important;background:#0c101b!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished>.qrd-workspace-toolbar{min-height:70px!important;padding:12px 0!important;background:#0c101b!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-workspace-title{font-size:24px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished>.manage-design-shell{grid-template-columns:minmax(0,1.2fr) minmax(320px,.85fr)!important;gap:clamp(20px,3vw,48px)!important;padding:22px 0!important;max-width:1440px!important;margin:0 auto!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .manage-design-preview{grid-column:2!important;grid-row:1!important;max-width:540px!important;background:#141b2b!important;border:1px solid #2a3348!important;border-radius:22px!important;padding:20px!important;box-sizing:border-box!important;box-shadow:0 12px 32px #00000022!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qr-design-preview-stage{min-height:330px!important;padding:14px!important;border-radius:16px!important;background-color:#111827!important;background-image:radial-gradient(#293247 .7px,transparent .7px)!important;background-size:9px 9px!important;}
#manageDesignPanel.qrd-polished #manageDesignPreviewHost svg{max-width:420px!important;max-height:52vh!important;width:100%!important;height:auto!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-photo-section{position:static!important;grid-column:auto!important;grid-row:auto!important;max-width:none!important;width:auto!important;margin:0 0 16px!important;padding:18px!important;border:1px solid #2a3348!important;background:#141b2b!important;border-radius:18px!important;box-sizing:border-box!important;}
#manageDesignPanel.qrd-polished .qrd-step-label{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 18px!important;}
#manageDesignPanel.qrd-polished .qrd-step-label>span{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:12px;background:#352a5d;color:#c4b5fd;font-weight:800;}
#manageDesignPanel.qrd-polished .qrd-step-label strong{display:block;font-size:17px;color:#eef0f8;}
#manageDesignPanel.qrd-polished .qrd-step-label small{display:block;margin-top:4px;font-size:12px;color:#b4bfd4;line-height:1.5;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-tool-tabs{display:flex!important;gap:4px!important;padding:5px!important;background:#182238!important;border:0!important;border-radius:14px!important;margin:14px 0!important;}
#manageDesignPanel.qrd-polished .qrd-tool-tabs>button{flex:1!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#b4bfd4!important;min-height:44px!important;box-shadow:none!important;}
#manageDesignPanel.qrd-polished .qrd-tool-tabs>button.is-selected{background:#141b2b!important;color:#c4b5fd!important;box-shadow:0 2px 5px #00000022!important;}
#manageDesignPanel.qrd-polished .qrd-tool-tabs>.qrd-legacy-tool{display:none!important;}
#manageDesignPanel.qrd-polished .qrd-template-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;}
#manageDesignPanel.qrd-polished .qrd-template{min-width:0!important;width:100%!important;padding:8px!important;border:1px solid #2a3348!important;border-radius:14px!important;background:#141b2b!important;overflow:hidden!important;}
#manageDesignPanel.qrd-polished .qrd-template.is-selected{border:2px solid #8b5cf6!important;background:#251e3b!important;}
#manageDesignPanel.qrd-polished .qrd-template-preview{width:100%!important;height:auto!important;aspect-ratio:1!important;overflow:hidden!important;border-radius:8px!important;}
#manageDesignPanel.qrd-polished .qrd-template-preview svg{width:100%!important;height:auto!important;display:block!important;}
#manageDesignPanel.qrd-polished .qrd-accordion-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
#manageDesignPanel.qrd-polished .qrd-surprise{padding:7px 10px!important;min-height:32px!important;font-size:11px!important;background:#251e3b!important;border:1px solid #685593!important;color:#c4b5fd!important;border-radius:20px!important;}
#manageDesignPanel.qrd-polished .qrd-sample-note,#manageDesignPanel.qrd-polished .qrd-preview-help{font-size:12px!important;line-height:1.6!important;color:#b4bfd4!important;margin:0 0 14px!important;}
#manageDesignPanel.qrd-polished .qrd-preview-help{margin:0!important;padding:12px!important;background:#182238!important;border-radius:12px!important;}
#manageDesignPanel.qrd-polished .qrd-background-setting output{font-variant-numeric:tabular-nums;justify-self:end;font-size:12px;font-weight:700;color:#c4b5fd;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished>#editModalActions{background:#0c101b!important;padding:12px 0!important;}
#manageDesignPanel.qrd-polished button:focus-visible{outline:3px solid #a78bfa!important;outline-offset:3px!important;}
@media(max-width:1000px){
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished>.manage-design-shell{grid-template-columns:minmax(0,1fr) minmax(290px,.8fr)!important;gap:18px!important;}
#manageDesignPanel.qrd-polished .qrd-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished>.manage-design-shell{grid-template-columns:minmax(0,1fr)!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .manage-design-preview{grid-column:1!important;grid-row:auto!important;position:static!important;width:100%!important;max-width:none!important;padding:14px!important;}
#manageDesignPanel.qrd-polished .qr-design-preview-stage{min-height:250px!important;}
#manageDesignPanel.qrd-polished .qrd-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
#manageDesignPanel.qrd-polished .qrd-template span{font-size:11px!important;}
}
@media(max-width:400px){#manageDesignPanel.qrd-polished .qrd-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
/* Match the App dark palette; artwork colors are not altered. */
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished{color:#eef0f8!important;min-height:calc(100vh - 68px)!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-workspace-title{color:#eef0f8!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished section{background:#141b2b!important;border:1px solid #2a3348!important;border-radius:16px!important;margin-bottom:12px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished label,#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-accordion-head{color:#d0d8e8!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=file]),#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished select,#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-body-color-control{background:#0e1524!important;color:#eef0f8!important;border-color:#344058!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished button.secondary-btn:not(.qrd-color-swatch){background:#1b2438!important;color:#dce3f4!important;border-color:#34405a!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished button.secondary-btn.is-selected:not(.qrd-color-swatch){background:#352a5d!important;color:#c4b5fd!important;border-color:#a78bfa!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-photo-methods{background:#182238!important;border-color:#303b54!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-photo-methods button{color:#b5c1d8!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-photo-methods button.is-selected{background:#352a5d!important;color:#c4b5fd!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-photo-upload{background:#1b2438!important;color:#c4b5fd!important;border-color:#685593!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .manage-design-preview>div:first-child>div.qrd-step-label{display:flex!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-template-strip .qrd-accordion-head{pointer-events:auto!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-template-preview{width:100%!important;height:auto!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished>#editModalActions{position:sticky!important;top:auto!important;bottom:0!important;left:auto!important;right:auto!important;display:flex!important;justify-content:flex-end!important;grid-template-areas:none!important;border-top:1px solid #293147!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished>#editModalActions>button{grid-area:auto!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-export-formats{background:#0d1523!important;border-color:#34405a!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-export-formats button{color:#b5c1d8!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-export-formats button.is-selected{color:#c4b5fd!important;background:#352a5d!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished #qrdStudioName{background:#141b2b!important;color:#d0d8e8!important;border-color:#34405a!important;}
@media(max-width:420px){#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-tool-tabs>.qrd-legacy-tool,#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-tool-tabs>button.hidden{display:none!important;}

/* Preview order and readable dark-theme guidance. */
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .manage-design-preview{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .manage-design-preview>div:first-child{order:0!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-preview-footer{order:2!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-preview-help{order:3!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-step-label strong{color:#eef0f8!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-step-label small,
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-sample-note,
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-preview-help{color:#b4bfd4!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-background-setting output{color:#c4b5fd!important;}

/* Photo is a fixed section; hide its old accordion indicator. */
#appView #editModal.qrd-designer-mode #manageDesignPanel.qrd-polished .qrd-photo-section>.qrd-accordion-head::after{content:none!important;display:none!important;}