/* PrintMyTap storefront presentation. */
.icon-print-style{display:grid;gap:8px;margin-top:18px;font-size:12px}.icon-print-style select{width:100%;padding:10px}
.editor-group{border-bottom:1px solid var(--line)}.editor-group>summary{cursor:pointer;padding:21px 24px;font-size:16px;font-weight:700;color:#fff;list-style-position:inside}.editor-group>summary small{display:block;margin:7px 0 0 18px;color:var(--muted);font-size:12px;font-weight:400;overflow-wrap:anywhere}.editor-group[open]>summary{color:var(--accent);background:#29343a}.editor-group .section{border-bottom:0;padding-top:14px}.editor-group .section-head{display:none}.editor-advanced{margin:0 20px 18px;border:1px solid var(--line);border-radius:8px}.editor-advanced>summary{padding:13px;cursor:pointer;font-size:12px;color:var(--muted)}.editor-group>.check-row,.editor-group>div>.check-row{margin:16px 24px}.editor-group .swatches{padding:20px;flex-wrap:wrap}.editor-group #printColors{border:0!important}.editor-group input:not([type=range]):not([type=checkbox]),.editor-group textarea{max-width:100%}.editor-group [hidden]{display:none!important}.editor-group #templateText input{width:100%;padding:11px;margin-top:6px}.editor-group:focus-within{scroll-margin:16px}.badge-template svg{height:43px!important}.editor-group .pmt-text-options{margin-bottom:14px}.editor-group .info-grid{min-width:0}.editor-group .info-grid label{min-width:0}.editor-group .info-grid input{min-width:0}.sidebar-end{position:static}.canvas-shell{min-width:0}
@media (pointer:coarse), (max-width:760px){
 .canvas-shell canvas{touch-action:pan-y pinch-zoom!important}
 .viewer-hint .desktop-gesture-hint{display:none}
 .viewer-hint .mobile-gesture-hint{display:inline}
}
@media (pointer:fine) and (min-width:761px){.viewer-hint .mobile-gesture-hint{display:none}}
:root{--bg:#171e22;--panel:#242d32;--line:#48545c;--muted:#c0c9cf;--text:#f7f5ef;--accent:#efb94f;color-scheme:dark}
body{background:#242d32}.workspace{height:clamp(620px,calc(var(--pmt-viewport-height,100dvh) * .82),980px)!important;min-height:0;grid-template-columns:clamp(360px,27vw,420px) minmax(0,1fr)}.sidebar{background:#242d32;border-color:#48545c;scrollbar-color:#a68144 #20292e}.section{padding:20px 24px}.section h2{color:#fff;font-size:15px}.section-count{color:#efb94f;font-weight:700}.section-unit{color:#c0c9cf}.style-btn{background:#1c2429;color:#d4d9dc;border-color:#5a656d;border-radius:7px;min-height:78px}.style-btn:hover{background:#334047;color:#fff}.style-btn[aria-pressed=true]{background:#34352b;border-color:#f3c364;color:#ffd47b;box-shadow:inset 0 0 0 1px #f3c364}
.styles{max-height:none;overflow-y:visible;padding:3px;scrollbar-width:thin}.field label,.check-row{color:#e7e9e9}input:not([type=checkbox]):not([type=range]):not([type=color]),textarea,select{background:#171e22;border-color:#66727a;color:#fff}.number-wrap button{color:#ecdfc5}.sidebar-end{background:#20292e;color:#c2cbd0}.sidebar-end button{color:#efc578}
#printColors{background:#242d32!important;color:#f7f5ef!important;border-top:1px solid #48545c;padding:18px 24px!important}#printColors .print-color-name{color:#c7d1d7!important}#printColors button{border-color:#48545c!important;box-shadow:0 0 0 1px #8b969e!important}#printColors button[aria-pressed=true]{box-shadow:0 0 0 3px #efb94f!important}#printColors button span{background:#efb94f!important;color:#191e22!important}#printColors p{color:#bec8ce}
.stage{background:#e4e9ed;color:#20272e}.stage-top{top:20px;left:22px;right:22px}.stage-title h2{color:#20272e}.canvas-shell{min-height:350px}.view-controls{background:#f9fbfbeb}.export-panel{border-color:#c3cbd1}.viewer-hint{color:#42515d}
.exports{flex-wrap:wrap}.export-color{background:#b67b18;color:#fff;border-color:#8f5d0d}.export-color:hover{background:#996510}.export-note{flex:1 1 190px}
.pmt-text-options{margin:10px 0 0;border:1px solid #4d5961;border-radius:7px;background:#1c2429}.pmt-text-options summary{padding:10px 12px;color:#efc578;font-size:12px;font-weight:700;cursor:pointer}.pmt-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:2px 12px 13px}.pmt-text-grid label{position:relative;display:block;color:#d7dfe3;font-size:11px}.pmt-text-grid input,.pmt-text-grid select{width:100%;margin-top:5px;padding:7px 8px;font-size:12px;min-height:34px}.pmt-text-grid label>span{position:absolute;right:8px;bottom:9px;color:#aebac1}.pmt-text-grid input+span{pointer-events:none}.pmt-text-grid label[hidden]{display:none}
@media(max-width:1050px) and (min-width:801px){.workspace{grid-template-columns:360px minmax(0,1fr)}.section{padding:18px}.stage-top{left:16px;right:16px}.stage-title{max-width:40%}}
@media(max-width:800px){.workspace{height:auto!important;display:flex;flex-direction:column}.stage{order:-1;min-height:0}.canvas-shell{height:370px!important;min-height:370px!important}.sidebar{overflow:visible;display:block}.section{padding:20px}.styles{max-height:none}.stage-top{left:14px;right:14px}.stage-title h2{font-size:14px}.view-controls button{padding:7px}.viewer-hint{font-size:10px}#printColors{padding:18px 20px!important}.pmt-text-grid input,.pmt-text-grid select{min-height:42px;font-size:16px}}
.design-section h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:16px 0 8px;color:#aeb8bf}.option-grid,.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.icon-grid{max-height:none;overflow:visible;padding:2px}.option-grid.compact{grid-template-columns:repeat(3,1fr)}.option-tile{min-height:48px;padding:9px 7px;border:1px solid #52606a;border-radius:8px;background:#172128;color:#dce4e8;font:inherit;font-size:12px;cursor:pointer}.option-tile:hover{border-color:#d99a2b}.option-tile[aria-pressed=true]{border-color:#f5b33d;background:#3a301d;color:#ffd477;box-shadow:0 0 0 1px #f5b33d}.tile-mark{display:block;width:24px;height:3px;margin:0 auto 7px;background:currentColor;border-radius:2px}.info-row{border:1px solid #44515a;border-radius:8px;margin-top:8px;background:#172128}.info-row summary{padding:11px;cursor:pointer}.info-row summary label{display:flex;gap:8px;align-items:center}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px}.info-grid label{display:grid;gap:5px;font-size:12px}.info-grid input,.info-grid select{width:100%}.info-grid.advanced[hidden]{display:none}.info-grid output{float:right;color:#f5b33d}@media(max-width:520px){.option-grid,.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid.compact{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.option-tile{min-height:52px}}