.xyz3d-sticker-app{--st-bg:#071523;--st-panel:#0b2034;--st-panel2:#0e2a42;--st-line:#214d68;--st-cyan:#55d6ff;--st-text:#f4f8fb;--st-muted:#9bc0d9;box-sizing:border-box;color:var(--st-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.xyz3d-sticker-app *{box-sizing:border-box}.xyzst-shell{background:var(--st-bg);border:1px solid #183d57;border-radius:16px;overflow:hidden}.xyzst-head{align-items:flex-start;background:#0a213b;border-bottom:1px solid #183d57;display:flex;justify-content:space-between;padding:26px 30px}.xyzst-head span{color:var(--st-cyan);font-size:12px;font-weight:800;letter-spacing:1.7px}.xyzst-head h2{color:#fff;font-size:30px;line-height:1.1;margin:7px 0}.xyzst-head p{color:var(--st-muted);margin:0;max-width:760px}.xyzst-head>b{border:1px solid #255d7d;border-radius:10px;color:var(--st-cyan);font-size:12px;letter-spacing:1.5px;padding:10px 14px}.xyzst-toolbar{background:#081a2b;border-bottom:1px solid #173c55;display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px}.xyzst-toolbar button,.xyzst-filebtn{align-items:center;background:#0b2237;border:1px solid #2a5875;border-radius:8px;color:#dff6ff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;min-height:38px;padding:0 13px}.xyzst-filebtn input{display:none}.xyzst-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.8fr);min-height:680px}.xyzst-stagecol{border-right:1px solid #173c55;min-width:0;padding:16px}.xyzst-stage{background:#06111e;border:1px solid #15354c;border-radius:12px;min-height:500px;overflow:auto;padding:24px;position:relative}.xyzst-board-wrap{margin:auto;max-width:900px;position:relative}.xyzst-board{background:#727b86;box-shadow:0 12px 36px rgba(0,0,0,.3);display:block;max-height:620px;min-height:360px;width:100%}.xyzst-mockup{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%;z-index:0}.xyzst-board-wrap.has-mockup .xyzst-board{background:transparent;position:relative;z-index:1}.xyzst-object{cursor:move}.xyzst-status{background:#0a1d30;border:1px solid #1b435d;border-radius:10px;color:var(--st-muted);font-size:12px;line-height:1.5;margin-top:10px;padding:10px 12px}.xyzst-status .good{color:#5ee29a}.xyzst-status .bad{color:#ff6b6b;font-weight:800}.xyzst-status .warn{color:#ffd166}.xyzst-status .info{color:#7dd3fc}.xyzst-layers{background:#091c2e;border:1px solid #193e57;border-radius:10px;margin-top:10px;padding:12px}.xyzst-layers>strong{display:block;margin-bottom:8px}.xyzst-layers [data-layers]{display:flex;flex-wrap:wrap;gap:6px}.xyzst-layers button{background:#0d263d;border:1px solid #28536e;border-radius:8px;color:#dceff9;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:7px;padding:7px 10px;text-align:left}.xyzst-layers button.is-active{border-color:var(--st-cyan);box-shadow:0 0 0 1px rgba(85,214,255,.3)}.xyzst-layers button span{color:var(--st-cyan)}.xyzst-layers button small{color:#83a9c3}.xyzst-panel{background:#091b2d;padding:14px}.xyzst-panel section{background:var(--st-panel);border:1px solid var(--st-line);border-radius:12px;margin-bottom:12px;padding:14px}.xyzst-panel h3{font-size:15px;margin:0 0 12px}.xyzst-panel label{color:#aed0e6;display:grid;font-size:12px;gap:5px;margin:9px 0}.xyzst-panel input,.xyzst-panel select,.xyzst-panel textarea{background:#071827;border:1px solid #28516b;border-radius:8px;color:#fff;font:inherit;min-height:40px;padding:8px 10px;width:100%}.xyzst-panel textarea{resize:vertical}.xyzst-dimgrid{display:grid;gap:8px;grid-template-columns:1fr 1fr}.xyzst-dimgrid label{position:relative}.xyzst-dimgrid label span{bottom:11px;color:#6fa2c3;position:absolute;right:9px}.xyzst-dimgrid input{padding-right:34px}.xyzst-lock{align-items:center!important;display:flex!important;gap:8px!important}.xyzst-lock input,.xyzst-rights input{height:18px;min-height:18px;width:18px}.xyzst-lock span{color:#d8eefb}.xyzst-font-upload{border:1px dashed #2e607e;border-radius:8px;cursor:pointer;padding:9px}.xyzst-swatches{display:grid;gap:5px;grid-template-columns:repeat(4,1fr);margin-top:8px}.xyzst-swatches button{background:#071827;border:1px solid #214b65;border-radius:7px;color:#b9d8eb;cursor:pointer;min-width:0;padding:6px 4px}.xyzst-swatches button.is-active{border-color:var(--st-cyan);box-shadow:0 0 0 1px var(--st-cyan)}.xyzst-swatches i{border:1px solid rgba(255,255,255,.35);border-radius:4px;display:block;height:28px;margin:auto;width:100%}.xyzst-swatches span{display:block;font-size:9px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xyzst-spec{background:#071827;border-radius:8px;color:#9fc4dc;display:grid;font-size:11px;gap:3px;margin-top:10px;padding:10px}.xyzst-spec b{color:#fff}.xyzst-pricebox{background:#0b2b42;border:1px solid #24617f;border-radius:10px;display:grid;gap:3px;margin:12px 0;padding:12px}.xyzst-pricebox span{color:#9fc4dc;font-size:11px}.xyzst-pricebox strong{color:#fff;font-size:28px}.xyzst-pricebox small{color:#74cfe9}.xyzst-rights{align-items:flex-start!important;display:grid!important;grid-template-columns:auto 1fr!important}.xyzst-primary,.xyzst-secondary{border-radius:9px;cursor:pointer;font-weight:800;margin-top:8px;min-height:44px;width:100%}.xyzst-primary{background:#55d6ff;border:0;color:#04111b}.xyzst-secondary{background:#0c2438;border:1px solid #2e6788;color:#dff7ff}.xyzst-submitmsg{border-radius:8px;font-size:12px;margin-top:9px;padding:10px}.xyzst-submitmsg.is-error{background:#3b1519;color:#ffb2ba}.xyzst-submitmsg.is-success{background:#0e3325;color:#8ff0bd}.xyzst-submitmsg.is-warn{background:#392b0d;color:#ffe29a}.xyzst-submitmsg.is-info{background:#0b2940;color:#a6ddf7}.xyzst-muted{color:#7fa7c1;font-size:12px}.xyzst-combined-panel{border-top:1px solid #183d57}.xyzst-service-button span{display:block}.xyzst-service-button small{display:block}.xyz3d-services .xyzst-service-button.active{border-color:#55d6ff!important;color:#fff!important}
@media(max-width:980px){.xyzst-workspace{grid-template-columns:1fr}.xyzst-stagecol{border-right:0;border-bottom:1px solid #173c55}.xyzst-stage{min-height:430px}.xyzst-board{max-height:520px}.xyzst-panel{display:grid;gap:10px;grid-template-columns:1fr 1fr}.xyzst-panel section{margin:0}.xyzst-panel section:last-child{grid-column:1/-1}}
@media(max-width:640px){.xyzst-head{padding:20px}.xyzst-head h2{font-size:24px}.xyzst-head>b{display:none}.xyzst-stage{min-height:330px;padding:12px}.xyzst-board{min-height:300px}.xyzst-panel{display:block}.xyzst-panel section{margin-bottom:10px}.xyzst-swatches{grid-template-columns:repeat(3,1fr)}.xyzst-dimgrid{grid-template-columns:1fr}.xyzst-toolbar{gap:6px}.xyzst-toolbar button,.xyzst-filebtn{font-size:11px;padding:0 9px}}

/* 0.18.47 vinyl collections, special-order colour and direct object manipulation. */
.xyzst-special-toggle{align-items:flex-start!important;background:#071827;border:1px solid #28516b;border-radius:9px;display:grid!important;grid-template-columns:auto 1fr!important;gap:9px!important;padding:10px!important}
.xyzst-special-toggle input{height:18px!important;min-height:18px!important;margin-top:1px;width:18px!important}
.xyzst-special-toggle span{color:#d9eefb;line-height:1.35}.xyzst-special-toggle b{color:#ffd166}
.xyzst-special-fields{background:#071827;border:1px dashed #376781;border-radius:9px;margin-top:8px;padding:10px}.xyzst-special-fields[hidden]{display:none!important}.xyzst-special-fields small{color:#8fb7d0;display:block;font-size:10px;line-height:1.45;margin-top:7px}
.xyzst-special-colour{display:grid;gap:8px;grid-template-columns:1fr 1fr}.xyzst-special-colour input[type=color]{cursor:pointer;height:42px;padding:3px}.xyzst-no-stock{color:#ffd166;grid-column:1/-1;padding:7px 3px}.xyzst-panel label.is-disabled{opacity:.5}
.xyzst-object{touch-action:none}.xyzst-object-controls-svg{opacity:0;pointer-events:none;transition:opacity .12s ease}.xyzst-object:hover .xyzst-object-controls-svg,.xyzst-object.is-selected .xyzst-object-controls-svg{opacity:1}.xyzst-svg-action{cursor:pointer;pointer-events:all}.xyzst-svg-action circle{fill:#071827;stroke:#22d3ee;stroke-width:2;vector-effect:non-scaling-stroke}.xyzst-svg-action path{fill:none;stroke:#e8fbff;stroke-linecap:round;stroke-width:2;vector-effect:non-scaling-stroke}.xyzst-svg-delete circle{fill:#47171c;stroke:#ff6b6b}.xyzst-svg-delete path{stroke:#fff}.xyzst-svg-resize{cursor:nwse-resize}.xyzst-svg-move{cursor:move}.xyzst-selection-outline{pointer-events:none}
@media(max-width:640px){.xyzst-special-colour{grid-template-columns:1fr}.xyzst-object-controls-svg{opacity:0}.xyzst-object.is-selected .xyzst-object-controls-svg{opacity:1}}


/* 0.18.47 multiline text alignment and direct object manipulation. */
.xyzst-text-align{display:grid;gap:7px;margin:10px 0}.xyzst-text-align>span{color:#aed0e6;font-size:12px}.xyzst-align-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.xyzst-align-buttons button{background:#071827;border:1px solid #28516b;border-radius:7px;color:#cce6f5;cursor:pointer;font-size:11px;font-weight:800;min-height:36px;padding:6px}.xyzst-align-buttons button.is-active{background:#0d324b;border-color:#55d6ff;box-shadow:0 0 0 1px rgba(85,214,255,.25);color:#fff}.xyzst-object{cursor:move}.xyzst-svg-resize,.xyzst-svg-delete{cursor:pointer}.xyzst-svg-move{display:none!important}

.xyzst-text-align[hidden]{display:none!important}

/* 0.18.47 professional selected-object inspector. */
.xyzst-objectbar{background:#071827;border-bottom:1px solid #173c55;padding:12px 14px 14px}
.xyzst-objectbar-title{align-items:center;display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.xyzst-objectbar-title>div{align-items:baseline;display:flex;gap:10px}.xyzst-objectbar-title strong{color:#fff;font-size:13px}.xyzst-objectbar-title .xyzst-muted{color:#7fa5bd;font-size:11px}.xyzst-objectbar-title>small{color:#6e98b3;font-size:10px;letter-spacing:.04em}
.xyzst-objectbar-controls{align-items:stretch;display:grid;gap:9px;grid-template-columns:minmax(300px,1.55fr) minmax(270px,1.25fr) minmax(220px,.85fr) minmax(205px,.75fr);width:100%}.xyzst-objectbar-controls[hidden]{display:none!important}
.xyzst-inspector-group{background:#0a1d30;border:1px solid #1d4560;border-radius:10px;display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px 11px}.xyzst-inspector-group[hidden]{display:none!important}.xyzst-inspector-heading{align-items:baseline;display:flex;justify-content:space-between;gap:8px;min-height:17px}.xyzst-inspector-heading b{color:#eaf8ff;font-size:11px;letter-spacing:.02em}.xyzst-inspector-heading small{color:#688fa8;font-size:9px;white-space:nowrap}
.xyzst-objectbar label{color:#9fc6de;display:grid;font-size:10px;gap:4px;margin:0}.xyzst-objectbar input,.xyzst-objectbar select,.xyzst-objectbar textarea{background:#061522;border:1px solid #28516b;border-radius:7px;color:#fff;font:inherit;min-height:36px;outline:none;padding:7px 9px;width:100%}.xyzst-objectbar input:focus,.xyzst-objectbar select:focus,.xyzst-objectbar textarea:focus{border-color:#55d6ff;box-shadow:0 0 0 2px rgba(85,214,255,.12)}.xyzst-objectbar textarea{line-height:1.35;min-height:88px;resize:vertical}
.xyzst-font-row{display:grid;gap:7px;grid-template-columns:minmax(120px,1fr) minmax(125px,.9fr)}.xyzst-font-upload{border:1px dashed #315d78;border-radius:7px;padding:6px!important}.xyzst-font-upload input[type=file]{background:transparent;border:0;min-height:30px;padding:0}.xyzst-font-upload input[type=file]::file-selector-button{background:#0d324b;border:1px solid #37708f;border-radius:6px;color:#e8f8ff;cursor:pointer;font-size:9px;font-weight:700;margin-right:6px;padding:6px 8px}
.xyzst-inspector-pair{display:grid;gap:7px;grid-template-columns:1fr 1fr}.xyzst-unit-input{position:relative}.xyzst-unit-input span{bottom:10px;color:#62a7ca;font-size:9px;position:absolute;right:8px}.xyzst-unit-input input{font-variant-numeric:tabular-nums;padding-right:29px}
.xyzst-objectbar .xyzst-lock{align-items:center;background:#071827;border:1px solid #1f465e;border-radius:7px;display:flex;gap:7px;min-height:34px;padding:6px 8px;white-space:nowrap}.xyzst-objectbar .xyzst-lock input{accent-color:#2fc5ff;height:16px;min-height:16px;width:16px}.xyzst-objectbar .xyzst-lock span{color:#d8eefb;font-size:10px;font-weight:700}
.xyzst-objectbar .xyzst-text-align{display:grid;gap:5px;margin:0}.xyzst-objectbar .xyzst-text-align>span{color:#9fc6de;font-size:10px}.xyzst-objectbar .xyzst-align-buttons{display:grid;gap:5px;grid-template-columns:repeat(3,1fr)}.xyzst-objectbar .xyzst-align-buttons button{background:#061522;border:1px solid #28516b;border-radius:7px;color:#bddbeb;cursor:pointer;font-size:9px;font-weight:800;min-height:32px;padding:5px}.xyzst-objectbar .xyzst-align-buttons button:hover{border-color:#3c7898}.xyzst-objectbar .xyzst-align-buttons button.is-active{background:#0d324b;border-color:#55d6ff;box-shadow:0 0 0 1px rgba(85,214,255,.18);color:#fff}
.xyzst-vector-convert{align-items:end;background:#0a1d30;border:1px solid #1d4560;border-radius:10px;display:flex;flex-wrap:wrap;gap:7px;grid-column:1/-1;padding:9px 10px}.xyzst-vector-convert[hidden]{display:none!important}.xyzst-vector-convert label{min-width:220px}.xyzst-vector-convert input[type=range]{min-height:28px}.xyzst-vector-convert button{background:#0d324b;border:1px solid #55d6ff;border-radius:7px;color:#e9fbff;cursor:pointer;font-size:10px;font-weight:800;min-height:34px;padding:6px 10px}.xyzst-check-inline{align-items:center!important;display:flex!important;gap:6px!important;min-width:auto!important}.xyzst-check-inline input{height:16px!important;min-height:16px!important;width:16px!important}
@media(max-width:1280px){.xyzst-objectbar-controls{grid-template-columns:1.3fr 1.1fr .9fr}.xyzst-inspector-position{grid-column:3}.xyzst-inspector-content{grid-row:span 1}.xyzst-inspector-type{grid-column:2}.xyzst-inspector-size{grid-column:3}}
@media(max-width:980px){.xyzst-objectbar-controls{grid-template-columns:1fr 1fr}.xyzst-inspector-content,.xyzst-inspector-type{grid-column:auto}.xyzst-inspector-size,.xyzst-inspector-position{grid-column:auto}.xyzst-objectbar-title>small{display:none}}
@media(max-width:640px){.xyzst-objectbar{padding:8px}.xyzst-objectbar-title{margin-bottom:7px}.xyzst-objectbar-controls{grid-template-columns:1fr}.xyzst-inspector-group{padding:8px}.xyzst-font-row,.xyzst-inspector-pair{grid-template-columns:1fr 1fr}.xyzst-objectbar textarea{min-height:80px}}

.xyzst-mockup-tools{align-items:center;display:flex;gap:8px;flex-wrap:wrap}.xyzst-mockup-tools[hidden]{display:none!important}.xyzst-mockup-tools label{align-items:center;color:#a8cde3;display:flex;font-size:11px;gap:6px;white-space:nowrap}.xyzst-mockup-tools input{width:105px}.xyzst-mockup-tools button{min-height:38px}.xyzst-autowrap-toggle{margin:4px 0 2px}.xyzst-mockup-camera{display:inline-flex}
.xyzst-workspace{grid-template-columns:minmax(0,2.15fr) minmax(280px,.7fr)}.xyzst-stagecol{padding:10px}
.xyzst-canvas-row{display:grid;gap:8px;grid-template-columns:48px minmax(0,1fr) 230px;min-height:540px}
.xyzst-vector-rail{align-content:start;background:#081a2b;border:1px solid #173c55;border-radius:9px;display:grid;gap:5px;padding:6px}.xyzst-vector-rail button{align-items:center;background:#071827;border:1px solid #28516b;border-radius:7px;color:#d8edf8;cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;padding:0;width:100%}.xyzst-vector-rail button:hover,.xyzst-vector-rail button.is-active{background:#0d324b;border-color:#55d6ff;color:#fff;box-shadow:0 0 0 1px rgba(85,214,255,.2)}
.xyzst-stage{min-height:520px;padding:18px}.xyzst-layer-manager{background:#081a2b;border:1px solid #173c55;border-radius:9px;min-width:0;overflow:auto;padding:8px;transition:width .15s ease,opacity .15s ease}.xyzst-layer-manager.is-collapsed{display:none}.xyzst-layer-head{align-items:end;border-bottom:1px solid #173c55;display:flex;justify-content:space-between;margin-bottom:7px;padding:3px 3px 8px}.xyzst-layer-head strong{font-size:12px}.xyzst-layer-head small{color:#7199b4;font-size:9px}
.xyzst-layer-row{align-items:center;border:1px solid transparent;border-radius:7px;display:grid;gap:3px;grid-template-columns:28px minmax(0,1fr) 28px 26px 26px 26px;margin-bottom:4px;padding:3px}.xyzst-layer-row.is-active{background:#0c263c;border-color:#4ccff5}.xyzst-layer-row>button{background:#071827;border:1px solid #214b65;border-radius:5px;color:#d5edf8;cursor:pointer;height:30px;min-width:0;padding:0}.xyzst-layer-name{display:grid!important;height:auto!important;min-height:38px;padding:5px 7px!important;text-align:left}.xyzst-layer-name b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xyzst-layer-name small{color:#79a8c5;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xyzst-node-layer circle{cursor:move;fill:#fff;stroke:#0ea5e9;stroke-width:2;vector-effect:non-scaling-stroke}.xyzst-object.is-locked{cursor:not-allowed;opacity:.9}
.xyzst-panel{padding:10px}.xyzst-panel section{padding:12px}.xyzst-status{margin-top:8px}
@media(max-width:1250px){.xyzst-objectbar-controls{grid-template-columns:minmax(190px,2fr) minmax(140px,1fr) repeat(4,minmax(80px,.7fr))}.xyzst-objectbar .xyzst-font-upload{grid-column:span 2}.xyzst-canvas-row{grid-template-columns:46px minmax(0,1fr) 195px}.xyzst-layer-row{grid-template-columns:25px minmax(0,1fr) 25px 23px 23px 23px}.xyzst-workspace{grid-template-columns:minmax(0,1.9fr) minmax(270px,.75fr)}}
@media(max-width:980px){.xyzst-objectbar-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.xyzst-objectbar .xyzst-text-field{grid-column:1/3}.xyzst-objectbar .xyzst-font-field{grid-column:3/4}.xyzst-objectbar .xyzst-font-upload{grid-column:4/5}.xyzst-canvas-row{grid-template-columns:44px minmax(0,1fr)}.xyzst-layer-manager{grid-column:1/-1;max-height:230px}.xyzst-workspace{grid-template-columns:1fr}.xyzst-panel{display:grid;grid-template-columns:1fr 1fr}.xyzst-panel section{margin:0}}
@media(max-width:640px){.xyzst-toolbar{overflow-x:auto;flex-wrap:nowrap}.xyzst-toolbar>*{flex:0 0 auto}.xyzst-mockup-tools label{display:flex}.xyzst-objectbar{padding:8px}.xyzst-objectbar-controls{grid-template-columns:1fr 1fr}.xyzst-objectbar .xyzst-text-field,.xyzst-objectbar .xyzst-font-field,.xyzst-objectbar .xyzst-font-upload,.xyzst-vector-convert{grid-column:1/-1}.xyzst-objectbar .xyzst-text-align{grid-column:1/-1}.xyzst-canvas-row{grid-template-columns:40px minmax(0,1fr)}.xyzst-vector-rail{padding:4px}.xyzst-vector-rail button{font-size:16px;height:34px}.xyzst-stage{min-height:360px;padding:8px}.xyzst-layer-manager{grid-column:1/-1}.xyzst-panel{display:block}.xyzst-panel section{margin-bottom:10px}}

/* 0.18.96.31 import/layout/transform improvements. */
.xyzst-svg-delete{display:none!important}
.xyzst-objectbar-controls{grid-template-columns:minmax(245px,1.2fr) minmax(250px,1.05fr) minmax(285px,1.15fr) minmax(175px,.72fr) minmax(175px,.72fr)}
.xyzst-inspector-textfx[hidden]{display:none!important}
.xyzst-text-style-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.xyzst-text-style-buttons button{background:#061522;border:1px solid #28516b;border-radius:7px;color:#cce6f5;cursor:pointer;font-size:13px;min-height:32px;padding:4px}
.xyzst-text-style-buttons button:hover{border-color:#3c7898}.xyzst-text-style-buttons button.is-active{background:#0d324b;border-color:#55d6ff;box-shadow:0 0 0 1px rgba(85,214,255,.18);color:#fff}
.xyzst-text-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.xyzst-text-metrics-grid label{min-width:0}
.xyzst-text-curve-row{align-items:end;display:grid;grid-template-columns:1.05fr .8fr .85fr;gap:6px}.xyzst-text-curve-row [hidden]{display:none!important}
.xyzst-outline-field{margin-top:1px!important}.xyzst-inspector-textfx select{min-height:36px}
@media(max-width:1280px){.xyzst-objectbar-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.xyzst-inspector-content,.xyzst-inspector-type,.xyzst-inspector-textfx{grid-column:auto}.xyzst-inspector-size,.xyzst-inspector-position{grid-column:auto}}
@media(max-width:980px){.xyzst-objectbar-controls{grid-template-columns:1fr 1fr}.xyzst-inspector-textfx{grid-column:1/-1}.xyzst-text-metrics-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:640px){.xyzst-objectbar-controls{grid-template-columns:1fr}.xyzst-inspector-textfx{grid-column:1/-1}.xyzst-text-metrics-grid{grid-template-columns:1fr 1fr}.xyzst-text-curve-row{grid-template-columns:1fr 1fr}.xyzst-text-curve-row .xyzst-lock:first-child{grid-column:1/-1}}

.xyz3d-sticker-app[data-sticker-standalone]{display:block;margin:0 auto;max-width:1680px;padding:0 10px}
.xyzst-inspector-transform .xyzst-inspector-heading small{white-space:normal}
.xyzst-transform-buttons{display:grid;gap:5px;grid-template-columns:1fr 1fr}
.xyzst-transform-buttons button{background:#061522;border:1px solid #28516b;border-radius:7px;color:#cce6f5;cursor:pointer;font-size:11px;font-weight:700;min-height:34px;padding:6px 8px}
.xyzst-transform-buttons button:hover{border-color:#3c7898}.xyzst-transform-buttons button:focus{border-color:#55d6ff;box-shadow:0 0 0 1px rgba(85,214,255,.18)}
.xyzst-node-layer circle{fill:#eaf9ff;stroke:#0ea5e9;stroke-width:1.4;opacity:.95}
@media(max-width:980px){.xyzst-transform-buttons{grid-template-columns:repeat(4,1fr)}}
@media(max-width:640px){.xyz3d-sticker-app[data-sticker-standalone]{padding:0 6px}.xyzst-transform-buttons{grid-template-columns:1fr 1fr}}

/* 0.18.96.33 free rotation + improved logo tracing. */
.xyzst-inspector-transform>label{margin-bottom:2px}
.xyzst-vector-convert{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(220px,1.2fr) minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr) auto auto;align-items:end}
.xyzst-vector-convert .xyzst-trace-title{align-self:center;display:grid;gap:2px;min-width:150px}.xyzst-vector-convert .xyzst-trace-title b{font-size:11px;color:#eaf8ff}.xyzst-vector-convert .xyzst-trace-title small{font-size:9px;color:#7aa5bf}
.xyzst-vector-convert label{min-width:0}.xyzst-vector-convert select{background:#061522;border:1px solid #28516b;border-radius:7px;color:#fff;min-height:34px;padding:6px 8px}.xyzst-vector-convert input[type=range]{width:100%}
.xyzst-rotate-stem{stroke:#22d3ee;stroke-width:1.5;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;pointer-events:none}.xyzst-svg-rotate{cursor:grab}.xyzst-svg-rotate:active{cursor:grabbing}.xyzst-svg-rotate path{fill:none;stroke:#fff;stroke-width:1.8;vector-effect:non-scaling-stroke}
.xyzst-node-layer circle{fill:#f8fdff;stroke:#0ea5e9;stroke-width:1;opacity:.9}
@media(max-width:1500px){.xyzst-vector-convert{grid-template-columns:repeat(4,minmax(140px,1fr))}.xyzst-vector-convert .xyzst-trace-title{grid-column:1/-1}.xyzst-vector-convert button{justify-self:start}}
@media(max-width:980px){.xyzst-vector-convert{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.xyzst-vector-convert{grid-template-columns:1fr}.xyzst-vector-convert .xyzst-trace-title{grid-column:auto}}

/* 0.18.96.33 live trace preview before commit. */
.xyzst-live-trace-preview{pointer-events:none}
.xyzst-trace-title small{color:#65e6a5;font-weight:700}

/* 0.18.96.37 workspace editor dock, zoom, layer colours and boolean tools. */
.xyzst-stage{position:relative;overflow:auto}
.xyzst-editor-dock{align-items:center;background:rgba(6,21,34,.86);backdrop-filter:blur(10px);border:1px solid rgba(85,214,255,.2);border-radius:10px;display:flex;gap:10px;justify-content:space-between;margin:0 0 10px;padding:6px;position:sticky;top:0;z-index:20}
.xyzst-editor-icons{display:flex;flex-wrap:wrap;gap:5px}.xyzst-editor-icons button,.xyzst-zoom-tools button{align-items:center;background:#071827;border:1px solid #28516b;border-radius:7px;color:#d8edf8;cursor:pointer;display:flex;font-size:12px;font-weight:800;height:34px;justify-content:center;min-width:34px;padding:0 10px}.xyzst-editor-icons button:hover,.xyzst-editor-icons button.is-active,.xyzst-zoom-tools button:hover{background:#0d324b;border-color:#55d6ff;color:#fff;box-shadow:0 0 0 1px rgba(85,214,255,.16)}.xyzst-editor-icons button:disabled{cursor:not-allowed;opacity:.28;box-shadow:none;border-color:#244459;background:#071827}
.xyzst-zoom-tools{align-items:center;display:flex;gap:5px;white-space:nowrap}.xyzst-zoom-tools span{color:#8edaf5;font-size:10px;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}
.xyzst-stage>.xyzst-objectbar{background:rgba(8,28,45,.88);backdrop-filter:blur(12px);border:1px solid rgba(85,214,255,.26);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.25);margin:0 0 10px;padding:9px;position:relative;z-index:18}.xyzst-stage>.xyzst-objectbar[hidden]{display:none!important}.xyzst-stage>.xyzst-objectbar .xyzst-objectbar-title{display:none}.xyzst-stage>.xyzst-objectbar .xyzst-objectbar-controls{display:block}.xyzst-stage>.xyzst-objectbar .xyzst-inspector-group,.xyzst-stage>.xyzst-objectbar .xyzst-vector-convert{background:rgba(10,32,50,.72);border:1px solid #234d67;border-radius:9px;margin:0;max-width:940px;padding:10px}.xyzst-stage>.xyzst-objectbar .xyzst-vector-convert{max-width:none}
.xyzst-content-actions{display:flex;gap:7px;margin-top:8px}.xyzst-content-actions button,.xyzst-boolean-button{background:#0d324b;border:1px solid #55d6ff;border-radius:7px;color:#e9fbff;cursor:pointer;font-size:10px;font-weight:800;min-height:34px;padding:7px 11px}.xyzst-content-actions button:hover,.xyzst-boolean-button:hover{background:#12405d}
.xyzst-help{color:#85abc2;font-size:10px;line-height:1.45;margin:4px 0 9px}.xyzst-inspector-boolean>[data-boolean-status]{color:#77d8f3;display:block;font-size:9px;line-height:1.4;margin-top:7px}
.xyzst-inspector-colour input[type=color]{cursor:pointer;height:38px;padding:3px}.xyzst-inspector-colour [data-layer-colour-wrap].is-disabled{opacity:.48}.xyzst-inspector-colour [data-fill-shape-wrap][hidden]{display:none!important}
.xyzst-layer-row{grid-template-columns:28px minmax(0,1fr) 28px 28px 28px 26px 26px 26px}.xyzst-layer-colour i{border:1px solid rgba(255,255,255,.4);border-radius:50%;display:block;height:14px;margin:auto;width:14px}.xyzst-layer-colour.is-own-colour{border-color:#55d6ff!important;box-shadow:0 0 0 1px rgba(85,214,255,.2)}
.xyzst-board.is-node-mode,.xyzst-board.is-node-mode .xyzst-object{cursor:default!important}.xyzst-board.is-node-mode .xyzst-node-layer circle{cursor:pointer!important}.xyzst-node-layer circle{fill:#f5fcff;opacity:.9;stroke:#0ea5e9;stroke-width:.8;vector-effect:non-scaling-stroke}
.xyzst-board-wrap{transform-origin:top left}.xyzst-board{height:auto;max-height:none!important}
@media(max-width:1250px){.xyzst-layer-row{grid-template-columns:25px minmax(0,1fr) 25px 25px 23px 23px 23px}.xyzst-editor-dock{align-items:flex-start;flex-direction:column}.xyzst-zoom-tools{align-self:flex-end}}
@media(max-width:640px){.xyzst-editor-icons{display:grid;grid-template-columns:repeat(5,34px)}.xyzst-editor-icons button{padding:0}.xyzst-zoom-tools{align-self:stretch;justify-content:flex-end}.xyzst-content-actions{flex-direction:column}}

/* 0.18.96.37: stable live trace geometry + readable layers + sane new-text sizing. */
.xyzst-canvas-row{grid-template-columns:48px minmax(0,1fr) 310px}
.xyzst-layer-manager{min-width:290px}
.xyzst-layer-row{align-items:center;grid-template-columns:28px minmax(0,1fr) 30px 30px 28px 26px 26px 26px;gap:4px;padding:5px}
.xyzst-layer-name{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center;min-height:48px!important;padding:5px 7px!important;overflow:hidden}
.xyzst-layer-name .xyzst-layer-type{align-self:center;background:#0d324b;border:1px solid #285a76;border-radius:4px;color:#69dcff;font-size:7px;font-weight:900;letter-spacing:.08em;padding:2px 4px;grid-row:1/3}
.xyzst-layer-name b{display:block;font-size:10px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xyzst-layer-name small{display:block;color:#79a8c5;font-size:8px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xyzst-live-trace-preview path{shape-rendering:geometricPrecision}
@media(max-width:1250px){.xyzst-canvas-row{grid-template-columns:46px minmax(0,1fr) 270px}.xyzst-layer-manager{min-width:250px}.xyzst-layer-row{grid-template-columns:25px minmax(0,1fr) 27px 25px 23px 23px 23px}}
@media(max-width:980px){.xyzst-canvas-row{grid-template-columns:44px minmax(0,1fr)}.xyzst-layer-manager{min-width:0}}


/* 0.18.96.37: contained Live Trace panel + exact preview-to-vector commit. */
.xyzst-stage>.xyzst-objectbar{box-sizing:border-box;max-width:100%;min-width:0;overflow:hidden;width:100%}
.xyzst-stage>.xyzst-objectbar .xyzst-vector-convert{
  box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:100%;min-width:0;overflow:hidden;width:100%;
}
.xyzst-stage>.xyzst-objectbar .xyzst-vector-convert .xyzst-trace-title{grid-column:1/-1;min-width:0}
.xyzst-stage>.xyzst-objectbar .xyzst-vector-convert label{max-width:100%;min-width:0;overflow:hidden}
.xyzst-stage>.xyzst-objectbar .xyzst-vector-convert input[type=range],
.xyzst-stage>.xyzst-objectbar .xyzst-vector-convert select{box-sizing:border-box;max-width:100%;min-width:0;width:100%}
.xyzst-stage>.xyzst-objectbar .xyzst-vector-convert [data-convert-vector]{justify-self:start;max-width:100%;white-space:normal}
.xyzst-live-trace-preview path{stroke-linejoin:round;stroke-linecap:round}
@media(min-width:1450px){.xyzst-stage>.xyzst-objectbar .xyzst-vector-convert{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.xyzst-stage>.xyzst-objectbar .xyzst-vector-convert{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.xyzst-stage>.xyzst-objectbar .xyzst-vector-convert{grid-template-columns:1fr}}

/* 0.18.96.39 mobile-first sticker workspace. Desktop layout is unchanged. */
.xyzst-mobile-panel-close,.xyzst-mobile-layer-close{display:none}
@media(max-width:700px){
  .xyz3d-sticker-app[data-sticker-standalone]{max-width:none;padding:0 4px;width:100%}
  .xyzst-shell{border-radius:10px;overflow:visible}
  .xyzst-head{padding:11px 12px 10px}
  .xyzst-head span{font-size:9px;letter-spacing:1.25px}
  .xyzst-head h2{font-size:19px;line-height:1.12;margin:4px 0 0}
  .xyzst-head p,.xyzst-head>b{display:none}

  .xyzst-toolbar{display:grid;gap:5px;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;padding:7px;position:relative}
  .xyzst-toolbar>button,.xyzst-toolbar>.xyzst-filebtn{font-size:10px;justify-content:center;min-height:36px;padding:0 5px;white-space:nowrap}
  .xyzst-toolbar>[data-add-text],.xyzst-toolbar>[data-artwork],.xyzst-toolbar>[data-mockup]{grid-column:span 2}
  .xyzst-toolbar>[data-delete],.xyzst-toolbar>[data-centre]{grid-column:span 3}
  .xyzst-mockup-tools{grid-column:1/-1;min-width:0}
  .xyzst-mockup-tools button{width:100%}

  .xyzst-workspace{display:block;min-height:0}
  .xyzst-stagecol{border:0;padding:5px;min-width:0}
  .xyzst-canvas-row{display:flex;flex-direction:column;gap:6px;min-height:0;width:100%}
  .xyzst-stage{border-radius:9px;min-height:58vh;order:1;overflow:auto;padding:6px;width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}

  .xyzst-editor-dock{align-items:stretch;flex-direction:column;gap:5px;margin-bottom:6px;padding:5px;top:4px;width:100%}
  .xyzst-editor-icons{display:flex;flex-wrap:nowrap;gap:4px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:1px;scrollbar-width:none}
  .xyzst-editor-icons::-webkit-scrollbar{display:none}
  .xyzst-editor-icons button{flex:0 0 36px;height:36px;min-width:36px;padding:0;font-size:12px}
  .xyzst-zoom-tools{align-self:auto;background:rgba(5,18,29,.76);border-radius:7px;display:grid;grid-template-columns:38px 48px 1fr 38px;gap:4px;justify-content:stretch;padding:3px;width:100%}
  .xyzst-zoom-tools button{height:34px;min-width:0;padding:0}
  .xyzst-zoom-tools span{align-items:center;display:flex;justify-content:center;min-width:0}

  .xyzst-board-wrap{margin:0;max-width:none!important;transform-origin:top left}
  .xyzst-board{display:block;min-height:0!important;width:100%}

  /* Vector tools become a thumb-friendly bottom dock instead of stealing canvas width. */
  .xyzst-vector-rail{align-items:center;background:rgba(7,24,39,.94);backdrop-filter:blur(12px);border:1px solid #214b65;border-radius:10px;display:flex;gap:5px;max-width:100%;order:2;overflow-x:auto;padding:6px;position:sticky;bottom:calc(5px + env(safe-area-inset-bottom));z-index:45;scrollbar-width:none}
  .xyzst-vector-rail::-webkit-scrollbar{display:none}
  .xyzst-vector-rail button{flex:0 0 40px;font-size:17px;height:40px;min-width:40px;width:40px}
  .xyzst-vector-rail [data-toggle-layers]{margin-left:auto}
  .xyzst-vector-rail [data-toggle-layers].is-active{background:#0d324b;border-color:#55d6ff;box-shadow:0 0 0 1px rgba(85,214,255,.2)}

  /* Settings open as a bottom sheet and no longer push the canvas off-screen. */
  .xyzst-stage>.xyzst-objectbar{background:rgba(6,21,34,.96);border:1px solid #2b607d;border-radius:14px 14px 0 0;bottom:calc(58px + env(safe-area-inset-bottom));box-shadow:0 -14px 36px rgba(0,0,0,.48);left:6px;margin:0;max-height:min(52vh,480px);overflow:auto;padding:10px 9px 12px;position:fixed;right:6px;top:auto;width:auto;z-index:1000;-webkit-overflow-scrolling:touch}
  .xyzst-stage>.xyzst-objectbar .xyzst-objectbar-controls{min-width:0}
  .xyzst-stage>.xyzst-objectbar .xyzst-inspector-group,.xyzst-stage>.xyzst-objectbar .xyzst-vector-convert{max-width:none!important;width:100%}
  .xyzst-mobile-panel-close{align-items:center;background:#0b2b42;border:1px solid #3b7695;border-radius:50%;color:#fff;display:flex;font-size:20px;height:34px;justify-content:center;margin-left:auto;margin-bottom:6px;padding:0;width:34px}
  .xyzst-objectbar input,.xyzst-objectbar select,.xyzst-objectbar textarea{font-size:16px}
  .xyzst-text-metrics-grid,.xyzst-inspector-pair,.xyzst-font-row{grid-template-columns:1fr 1fr}
  .xyzst-text-curve-row{grid-template-columns:1fr 1fr}
  .xyzst-text-curve-row .xyzst-lock:first-child{grid-column:1/-1}
  .xyzst-content-actions{display:grid;grid-template-columns:1fr 1fr}
  .xyzst-content-actions button{min-height:40px}
  .xyzst-stage>.xyzst-objectbar .xyzst-vector-convert{grid-template-columns:1fr 1fr!important}
  .xyzst-stage>.xyzst-objectbar .xyzst-vector-convert .xyzst-trace-title{grid-column:1/-1}
  .xyzst-stage>.xyzst-objectbar .xyzst-vector-convert [data-convert-vector]{grid-column:1/-1;justify-self:stretch;min-height:42px;width:100%}

  /* Layers are a drawer/sheet, opened only when needed. */
  .xyzst-layer-manager{background:rgba(6,21,34,.98);border:1px solid #2b607d;border-radius:14px 14px 0 0;bottom:calc(58px + env(safe-area-inset-bottom));box-shadow:0 -14px 36px rgba(0,0,0,.5);left:6px;margin:0;max-height:min(48vh,430px);min-width:0;order:3;overflow:auto;padding:9px;position:fixed;right:6px;top:auto;width:auto;z-index:1001;-webkit-overflow-scrolling:touch}
  .xyzst-layer-manager.is-collapsed{display:none!important}
  .xyzst-layer-head{align-items:center;position:sticky;top:0;background:rgba(6,21,34,.98);z-index:3}
  .xyzst-layer-head>div{align-items:center;display:flex;gap:7px}
  .xyzst-mobile-layer-close{align-items:center;background:#0b2b42;border:1px solid #3b7695;border-radius:50%;color:#fff;display:flex;font-size:18px;height:30px;justify-content:center;padding:0;width:30px}
  .xyzst-layer-row{display:grid;gap:5px;grid-template-columns:34px minmax(0,1fr) 34px 34px 34px;grid-template-rows:auto auto auto;margin-bottom:7px;padding:6px}
  .xyzst-layer-row>[data-layer-visible]{grid-column:1;grid-row:1}
  .xyzst-layer-row>.xyzst-layer-name{grid-column:2/6;grid-row:1;min-height:44px!important}
  .xyzst-layer-row>[data-layer-colour]{grid-column:1;grid-row:2}
  .xyzst-layer-row>[data-layer-group]{grid-column:2;grid-row:2;width:34px}
  .xyzst-layer-row>[data-layer-lock]{grid-column:3;grid-row:2;width:34px}
  .xyzst-layer-row>[data-layer-up]{grid-column:4;grid-row:2}
  .xyzst-layer-row>[data-layer-down]{grid-column:5;grid-row:2}
  .xyzst-layer-row>[data-layer-delete]{grid-column:5;grid-row:3}


  .xyzst-status{font-size:10px;margin-top:5px;padding:7px 8px}
  .xyzst-panel{display:block;padding:6px}
  .xyzst-panel section{border-radius:9px;margin-bottom:7px;padding:10px}
  .xyzst-swatches{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:420px){
  .xyzst-head h2{font-size:18px}
  .xyzst-toolbar>button,.xyzst-toolbar>.xyzst-filebtn{font-size:9px}
  .xyzst-stage{min-height:55vh;padding:5px}
  .xyzst-editor-icons button{flex-basis:34px;height:34px;min-width:34px}
  .xyzst-vector-rail button{flex-basis:38px;height:38px;min-width:38px;width:38px}
  .xyzst-stage>.xyzst-objectbar .xyzst-vector-convert{grid-template-columns:1fr!important}
  .xyzst-stage>.xyzst-objectbar .xyzst-vector-convert .xyzst-trace-title,.xyzst-stage>.xyzst-objectbar .xyzst-vector-convert [data-convert-vector]{grid-column:1}
  .xyzst-text-metrics-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .xyzst-vector-rail{bottom:auto;order:0;position:relative;top:auto}
  .xyzst-stage{order:1}
  .xyzst-editor-dock{position:relative;top:auto}
}

/* 0.18.96.40 mobile interaction pass: inline editors, persistent Layers/Move, larger touch targets. */
.xyzst-mobile-title,.xyzst-mobile-quickbar{display:none}
.xyzst-mobile-hit-target{pointer-events:all}
@media(max-width:700px){
  /* Keep the top area compact and never allow labels to overlap adjacent buttons. */
  .xyzst-head h2{display:none}
  .xyzst-mobile-title{color:#fff;display:block;font-size:17px;line-height:1.15;margin-top:4px}
  .xyzst-toolbar{grid-template-columns:1fr 1fr;gap:6px;padding:7px}
  .xyzst-toolbar>[data-add-text],.xyzst-toolbar>[data-artwork],.xyzst-toolbar>[data-mockup],.xyzst-toolbar>[data-delete],.xyzst-toolbar>[data-centre]{grid-column:auto}
  .xyzst-toolbar>[data-delete]{grid-column:1/-1}
  .xyzst-toolbar>button,.xyzst-toolbar>.xyzst-filebtn{font-size:11px;line-height:1.15;min-height:42px;min-width:0;padding:6px 7px;text-align:center;white-space:normal;word-break:normal;overflow:hidden}
  .xyzst-toolbar>button>span,.xyzst-toolbar>.xyzst-filebtn>span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}

  /* Icons are always fully visible: no hidden horizontal part of the editor bar. */
  .xyzst-editor-icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;overflow:visible;padding:0;width:100%}
  .xyzst-editor-icons button{font-size:13px;height:40px;min-width:0;width:100%;padding:0}
  .xyzst-zoom-tools{grid-template-columns:42px 54px 1fr 42px}
  .xyzst-mobile-quickbar{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%}
  .xyzst-mobile-quickbar button{align-items:center;background:#071827;border:1px solid #28516b;border-radius:8px;color:#d8edf8;display:flex;font-size:11px;font-weight:800;gap:6px;justify-content:center;min-height:42px;padding:6px 10px}
  .xyzst-mobile-quickbar button.is-active{background:#0d324b;border-color:#55d6ff;box-shadow:0 0 0 1px rgba(85,214,255,.2);color:#fff}
  .xyzst-mobile-quickbar b{align-items:center;background:#153b54;border-radius:999px;display:inline-flex;font-size:9px;height:20px;justify-content:center;min-width:20px;padding:0 5px}

  /* On phones settings are part of the document flow directly below the cutting area. Nothing covers the artwork. */
  .xyzst-stage>.xyzst-objectbar,
  .xyzst-stage>.xyzst-objectbar.is-mobile-inline-panel{
    background:rgba(6,21,34,.94);backdrop-filter:blur(12px);border:1px solid #2b607d;border-radius:10px;bottom:auto;box-shadow:none;left:auto;margin:8px 0 2px;max-height:none;overflow:visible;padding:9px;position:relative;right:auto;top:auto;width:100%;z-index:8
  }
  .xyzst-mobile-panel-close{position:sticky;right:0;top:4px;z-index:4}
  .xyzst-stage>.xyzst-objectbar .xyzst-vector-convert{grid-template-columns:1fr!important;gap:10px;padding:10px}
  .xyzst-stage>.xyzst-objectbar .xyzst-vector-convert .xyzst-trace-title,
  .xyzst-stage>.xyzst-objectbar .xyzst-vector-convert [data-convert-vector]{grid-column:1!important}
  .xyzst-stage>.xyzst-objectbar .xyzst-vector-convert label{font-size:12px;overflow:visible}
  .xyzst-stage>.xyzst-objectbar .xyzst-vector-convert input[type=range]{min-height:34px}
  .xyzst-stage>.xyzst-objectbar .xyzst-vector-convert [data-convert-vector]{min-height:46px}

  /* Layers are also inline below the workspace. A persistent Layers button above the canvas opens them. */
  .xyzst-layer-manager{
    background:rgba(6,21,34,.96);border:1px solid #2b607d;border-radius:10px;bottom:auto;box-shadow:none;left:auto;margin:0;max-height:none;min-width:0;order:3;overflow:visible;padding:9px;position:relative;right:auto;top:auto;width:100%;z-index:8
  }
  .xyzst-layer-head{position:relative;top:auto}
  .xyzst-layer-row{grid-template-columns:38px minmax(0,1fr) 38px 38px 38px;gap:6px;padding:7px}
  .xyzst-layer-row>.xyzst-layer-name{font-size:11px;min-height:50px!important}
  .xyzst-layer-row>button{min-height:38px}
  .xyzst-layer-name b{font-size:11px}.xyzst-layer-name small{font-size:9px}

  /* More usable canvas and touch interaction. */
  .xyzst-stage{min-height:0;overflow:auto;padding:6px;touch-action:pan-x pan-y}
  .xyzst-board-wrap{margin:0}
  .xyzst-object,.xyzst-mobile-hit-target{touch-action:none;-webkit-user-select:none;user-select:none}
  .xyzst-mobile-hit-target{cursor:move}
  .xyzst-vector-rail [data-toggle-layers]{display:none}
  .xyzst-vector-rail{position:relative;bottom:auto;order:0;padding:5px}
  .xyzst-vector-rail button{flex:1 0 38px;max-width:46px}

  .xyzst-status{line-height:1.35;overflow-wrap:anywhere}
}
@media(max-width:390px){
  .xyzst-toolbar>button,.xyzst-toolbar>.xyzst-filebtn{font-size:10px;min-height:40px}
  .xyzst-editor-icons button{height:38px}
  .xyzst-mobile-quickbar button{font-size:10px;min-height:40px}
  .xyzst-text-metrics-grid,.xyzst-inspector-pair,.xyzst-font-row{grid-template-columns:1fr}
}
@media(max-width:700px){
  .xyzst-editor-dock{position:sticky;top:4px;z-index:35}
}

/* 0.18.96.42 phone direct-manipulation pass: reliable drag + finger-sized resize handle. */
.xyzst-svg-action .xyzst-handle-hit{fill:transparent!important;stroke:transparent!important;pointer-events:all}
.xyzst-svg-action .xyzst-handle-face{fill:#071827;stroke:#22d3ee;stroke-width:2;pointer-events:none;vector-effect:non-scaling-stroke}
@media(max-width:700px){
  .xyzst-mobile-hit-target{pointer-events:all!important;touch-action:none!important}
  .xyzst-board .xyzst-object,.xyzst-board .xyzst-object *,.xyzst-board .xyzst-svg-action{touch-action:none!important;-webkit-user-select:none!important;user-select:none!important}
  .xyzst-board.is-dragging{touch-action:none!important;cursor:grabbing}
  .xyzst-svg-resize{cursor:nwse-resize}
  .xyzst-svg-resize .xyzst-handle-face{fill:#07283d;stroke:#55d6ff;stroke-width:2.5}
  .xyzst-svg-rotate .xyzst-handle-face{fill:#07283d;stroke:#55d6ff;stroke-width:2.5}
}

/* 0.18.96.42: keep a one-finger object gesture owned by the editor until finger-up. */
@media(max-width:700px){
  .xyzst-board{touch-action:none!important;-ms-touch-action:none!important;overscroll-behavior:contain}
  .xyzst-board-wrap{touch-action:none!important}
  .xyzst-stage{overscroll-behavior:contain}
  .xyzst-board.is-dragging,.xyzst-board.is-dragging *{touch-action:none!important}
}

.xyzst-status .bad{color:#ff8f8f}.xyzst-status .warn{color:#ffd36e}.xyzst-status .good{color:#86efac}.xyzst-status .info{color:#9fd8ff}
/* 0.18.96.43 mobile compact controls + uninterrupted touch manipulation. */
@media(max-width:700px){
  .xyzst-toolbar{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:5px}
  .xyzst-toolbar>[data-add-text],.xyzst-toolbar>[data-artwork],.xyzst-toolbar>[data-mockup]{grid-column:span 2}
  .xyzst-toolbar>[data-centre]{grid-column:span 2}
  .xyzst-toolbar>[data-delete]{grid-column:span 4}
  .xyzst-toolbar>button,.xyzst-toolbar>.xyzst-filebtn{font-size:10px!important;font-weight:750;line-height:1.05;min-height:34px!important;padding:4px 5px!important;border-radius:7px}

  .xyzst-editor-dock{gap:4px;padding:4px}
  .xyzst-editor-icons{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .xyzst-editor-icons button{height:34px!important;min-height:34px;min-width:0!important;font-size:18px!important;font-weight:800;line-height:1;padding:0!important;border-radius:7px}
  .xyzst-editor-icons button[data-editor-panel="typography"]{font-size:16px!important}
  .xyzst-zoom-tools{grid-template-columns:36px 48px 1fr 36px;gap:3px;padding:2px}
  .xyzst-zoom-tools button{height:32px!important;font-size:17px!important}
  .xyzst-zoom-tools [data-zoom-fit]{font-size:11px!important}
  .xyzst-zoom-tools span{font-size:11px}
  .xyzst-mobile-quickbar{gap:4px}
  .xyzst-mobile-quickbar button{min-height:34px!important;font-size:10px!important;padding:4px 7px!important}
  .xyzst-mobile-quickbar b{height:17px;min-width:17px;font-size:8px}

  .xyzst-vector-rail{gap:4px;padding:4px}
  .xyzst-vector-rail button{flex:1 1 32px!important;height:34px!important;min-height:34px!important;min-width:32px!important;max-width:40px!important;width:auto!important;font-size:18px!important;padding:0!important}

  .xyzst-board,.xyzst-board-wrap,.xyzst-board .xyzst-object,.xyzst-board .xyzst-object *{touch-action:none!important;-ms-touch-action:none!important}
  .xyzst-mobile-hit-target{pointer-events:all!important;touch-action:none!important}
  .xyzst-board.is-dragging{cursor:grabbing;touch-action:none!important}
  .xyzst-svg-action .xyzst-handle-hit{pointer-events:all!important}
  .xyzst-svg-resize .xyzst-handle-face,.xyzst-svg-rotate .xyzst-handle-face{stroke-width:2.2}

  .xyzst-objectbar input,.xyzst-objectbar select,.xyzst-objectbar textarea{font-size:16px}
  .xyzst-font-field select{font-family:inherit}
}
html.xyzst-gesture-active,html.xyzst-gesture-active body{overscroll-behavior:none}

/* 0.18.96.45 mockup calibration + transparent photo canvas */
.xyzst-board-wrap.has-mockup{background:#111b25;overflow:hidden}.xyzst-board-wrap.has-mockup .xyzst-board{background:transparent!important}.xyzst-mockup{transition:opacity .12s ease,transform .12s ease;will-change:transform}.xyzst-mockup-tools{background:#0a1d30;border:1px solid #1b435d;border-radius:10px;padding:10px}.xyzst-mockup-tools-grid{display:grid;gap:9px;grid-template-columns:repeat(3,minmax(140px,1fr));width:100%}.xyzst-mockup-tools-grid>label{align-items:center}.xyzst-mockup-calibrate{background:#071827;border:1px solid #28516b;border-radius:8px;display:grid;gap:7px;grid-column:1/-1;padding:10px}.xyzst-mockup-calibrate p{color:#9fc4dc;font-size:11px;margin:0}.xyzst-mockup-distance{display:grid;gap:6px;grid-template-columns:minmax(100px,1fr) 80px}.xyzst-mockup-distance input,.xyzst-mockup-distance select{background:#061522;border:1px solid #28516b;border-radius:7px;color:#fff;min-height:36px;padding:6px 8px;width:100%}.xyzst-mockup-calibrate button{min-height:36px}.xyzst-mockup-calibrate small{color:#8edcff}.xyzst-cal-point circle{fill:#22d3ee;stroke:#001722;stroke-width:2;vector-effect:non-scaling-stroke}.xyzst-cal-point text,.xyzst-cal-hint{fill:#fff;font-size:14px;font-weight:800;paint-order:stroke;stroke:#001722;stroke-width:4px}.xyzst-cal-line{stroke:#22d3ee;stroke-width:2;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}.xyzst-status .bad{font-weight:800}
@media(max-width:700px){.xyzst-mockup-tools{grid-column:1/-1!important;margin:6px 0 0;padding:9px;width:100%}.xyzst-mockup-tools-grid{grid-template-columns:1fr}.xyzst-mockup-tools-grid>label{justify-content:space-between;white-space:normal!important}.xyzst-mockup-tools-grid input[type=range]{width:min(180px,55vw)}.xyzst-mockup-calibrate{grid-column:1}.xyzst-mockup-calibrate button,.xyzst-mockup-tools-grid>button{width:100%}.xyzst-toolbar [data-open-mockup-tools]{display:inline-flex}.xyzst-cal-point text,.xyzst-cal-hint{font-size:18px}.xyzst-mockup{object-fit:contain}}

/* 0.18.96.46 calibrated mockup preview + compact mobile controls + production split */
.xyzst-production-split{background:#071827;border:1px solid #28516b;border-radius:8px;margin-top:9px!important;padding:8px}.xyzst-split-help{color:#87adc5;display:block;font-size:10px;line-height:1.35;margin-top:5px}.xyzst-cal-actions{display:grid;gap:6px;grid-template-columns:1fr 1fr}.xyzst-cal-actions button{min-height:34px!important;width:auto!important}.xyzst-cal-point circle{stroke-width:1.5;vector-effect:non-scaling-stroke}.xyzst-cal-line{stroke-width:1.5;vector-effect:non-scaling-stroke}
@media(max-width:700px){
  .xyzst-toolbar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:5px!important}
  .xyzst-toolbar>button,.xyzst-toolbar>.xyzst-filebtn{grid-column:auto!important;min-height:32px!important;height:32px!important;font-size:9px!important;line-height:1!important;padding:3px 4px!important;border-radius:6px!important;white-space:normal!important}
  .xyzst-toolbar>[data-delete]{grid-column:span 2!important}.xyzst-toolbar>[data-centre]{grid-column:span 1!important}.xyzst-toolbar>[data-open-mockup-tools]{grid-column:span 1!important}
  .xyzst-mockup-tools{border-radius:8px!important;margin:5px 0 0!important;padding:7px!important}
  .xyzst-mockup-tools-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .xyzst-mockup-tools-grid>label{font-size:10px!important;gap:4px!important;margin:0!important;min-width:0!important}
  .xyzst-mockup-tools-grid input[type=range]{width:min(120px,38vw)!important}.xyzst-mockup-tools-grid>button{min-height:32px!important;width:auto!important;font-size:10px!important}
  .xyzst-mockup-calibrate{grid-column:1/-1!important;gap:6px!important;padding:7px!important}.xyzst-mockup-calibrate p{font-size:10px!important;line-height:1.3!important}.xyzst-mockup-distance{grid-template-columns:minmax(90px,1fr) 64px!important}.xyzst-mockup-distance input,.xyzst-mockup-distance select{min-height:32px!important;padding:4px 6px!important;font-size:11px!important}
  .xyzst-cal-actions{grid-template-columns:1fr 1fr!important}.xyzst-cal-actions button{min-height:32px!important;font-size:10px!important;padding:4px 6px!important}
  .xyzst-cal-point text,.xyzst-cal-hint{font-size:10px!important}.xyzst-production-split{padding:7px!important}.xyzst-split-help{font-size:9px!important}
}

/* 0.18.96.47 streamlined colour flow, linked layers and true-size outline */
.xyzst-inspector-colour{display:none!important}
.xyzst-layer-group{font-size:15px!important;line-height:1!important}
.xyzst-layer-group.is-linked{border-color:#55d6ff!important;color:#55d6ff!important;box-shadow:0 0 0 1px rgba(85,214,255,.18)}
.xyzst-size-readout rect{fill:rgba(7,24,39,.92);stroke:#8aa2b4;stroke-width:1;vector-effect:non-scaling-stroke}
.xyzst-size-readout text{fill:#e8fbff;font-size:10px;font-weight:700;letter-spacing:.02em}
.xyzst-selection-outline{stroke-linejoin:miter}
.xyzst-linked-bounds{pointer-events:none}

@media(max-width:700px){.xyzst-layer-row{grid-template-columns:34px minmax(0,1fr) 34px 34px 34px!important}.xyzst-layer-row>[data-layer-delete]{grid-column:4;grid-row:3}.xyzst-layer-row>[data-layer-up]{grid-column:4;grid-row:2}.xyzst-layer-row>[data-layer-down]{grid-column:5;grid-row:2}}

/* 0.18.96.48 selection and mockup refinements */
.xyzst-linked-selection .xyzst-size-readout rect{fill:rgba(7,24,39,.95)}
.xyzst-linked-bounds{pointer-events:none}
.xyzst-cal-point circle{stroke-width:1.4!important}

/* 0.18.96.49 true visual ink bounds + outlined SVG export */

/* 0.18.96.50 true visual bounds + live dimension readout */
.xyzst-live-size-readout{pointer-events:none}
.xyzst-live-size-readout text{font-variant-numeric:tabular-nums}


/* 0.18.96.51 reliable Mockup settings + Mockup as a Layers background row */
.xyzst-mockup-layer-row{grid-template-columns:28px minmax(0,1fr) 30px 28px 26px!important}
.xyzst-mockup-layer-row .xyzst-layer-name{min-width:0}
.xyzst-mockup-layer-row [data-mockup-layer-settings]{font-size:14px}
.xyzst-mockup-layer-row [data-mockup-layer-visible],.xyzst-mockup-layer-row [data-mockup-layer-settings],.xyzst-mockup-layer-row [data-mockup-layer-lock],.xyzst-mockup-layer-row [data-mockup-layer-delete]{min-width:0}
.xyzst-mockup-layer-row .xyzst-layer-type{color:#8edcff}
@media(max-width:700px){
  .xyzst-mockup-layer-row{grid-template-columns:34px minmax(0,1fr) 34px 34px 34px!important;grid-template-rows:auto!important}
  .xyzst-mockup-layer-row>[data-mockup-layer-visible]{grid-column:1!important;grid-row:1!important}
  .xyzst-mockup-layer-row>.xyzst-layer-name{grid-column:2!important;grid-row:1!important;min-height:44px!important}
  .xyzst-mockup-layer-row>[data-mockup-layer-settings]{grid-column:3!important;grid-row:1!important}
  .xyzst-mockup-layer-row>[data-mockup-layer-lock]{grid-column:4!important;grid-row:1!important}
  .xyzst-mockup-layer-row>[data-mockup-layer-delete]{grid-column:5!important;grid-row:1!important}
}

/* 0.18.96.52 Mockup settings always open in a dedicated row below the top buttons. */
.xyzst-mockup-settings-host{background:#081a2b;border-bottom:1px solid #173c55;padding:0 14px}
.xyzst-mockup-settings-host:empty{display:none}
.xyzst-mockup-settings-host>.xyzst-mockup-tools{display:block;width:100%;max-width:none;margin:0 0 10px;box-sizing:border-box}
.xyzst-mockup-settings-host>.xyzst-mockup-tools[hidden]{display:none!important}
.xyzst-toolbar>.xyzst-mockup-tools{display:none!important}
@media(max-width:700px){
  .xyzst-mockup-settings-host{padding:0 7px}
  .xyzst-mockup-settings-host>.xyzst-mockup-tools{margin:0 0 7px!important;width:100%!important}
}


/* 0.18.96.53 compact desktop mockup settings and consistent dark controls. */
@media(min-width:701px){
  .xyzst-mockup-settings-host{
    display:flex;
    justify-content:flex-start;
    padding:0 14px;
  }
  .xyzst-mockup-settings-host>.xyzst-mockup-tools{
    box-sizing:border-box;
    width:min(860px,100%)!important;
    max-width:860px!important;
    margin:0 0 10px!important;
    padding:9px!important;
  }
  .xyzst-mockup-settings-host .xyzst-mockup-tools-grid{
    grid-template-columns:repeat(2,minmax(250px,1fr))!important;
    gap:7px 12px!important;
  }
  .xyzst-mockup-settings-host .xyzst-mockup-calibrate{
    grid-column:1/-1!important;
    padding:9px!important;
  }
  .xyzst-mockup-settings-host .xyzst-mockup-distance{
    grid-template-columns:minmax(180px,1fr) 74px!important;
  }
  .xyzst-mockup-settings-host [data-remove-mockup]{
    justify-self:start;
    min-width:170px;
  }
}
.xyzst-mockup-tools button,
.xyzst-mockup-calibrate button,
.xyzst-cal-actions button,
.xyzst-mockup-tools-grid>button{
  align-items:center;
  background:#0b2237!important;
  border:1px solid #2a5875!important;
  border-radius:7px!important;
  color:#dff6ff!important;
  cursor:pointer;
  display:inline-flex;
  font-family:inherit;
  font-size:11px;
  font-weight:700;
  justify-content:center;
  min-height:34px;
  padding:6px 10px;
  width:auto;
}
.xyzst-mockup-tools button:hover,
.xyzst-mockup-calibrate button:hover,
.xyzst-cal-actions button:hover,
.xyzst-mockup-tools-grid>button:hover{
  background:#0d324b!important;
  border-color:#55d6ff!important;
  color:#fff!important;
}
@media(max-width:700px){
  .xyzst-mockup-settings-host>.xyzst-mockup-tools{max-width:none!important;width:100%!important}
  .xyzst-mockup-tools button,.xyzst-mockup-calibrate button,.xyzst-cal-actions button,.xyzst-mockup-tools-grid>button{font-size:10px!important;min-height:32px!important}
}


/* 0.18.96.54 fill control, direct close handles and clearer text layer rows. */
.xyzst-size-readout rect{fill:rgba(7,24,39,.58)!important;stroke:rgba(138,162,180,.82)!important}
.xyzst-svg-delete.xyzst-svg-close{display:block!important;cursor:pointer}
.xyzst-svg-close .xyzst-handle-face{fill:#071827!important;stroke:#a9bdca!important;stroke-width:1.6!important}
.xyzst-svg-close path{stroke:#f7fbfd!important;stroke-width:1.8!important;pointer-events:none;vector-effect:non-scaling-stroke}
.xyzst-layer-fill{font-size:15px!important;line-height:1!important}
.xyzst-layer-fill.is-filled{border-color:#55d6ff!important;box-shadow:0 0 0 1px rgba(85,214,255,.18)}
.xyzst-layer-fill:disabled{cursor:not-allowed;opacity:.28}
.xyzst-layer-row{grid-template-columns:28px minmax(0,1fr) 30px 28px 30px 28px 26px 26px 26px!important}
.xyzst-layer-text-preview{display:block!important;grid-column:1/-1;grid-row:1;background:#061522!important;border:1px solid #2a5875!important;border-radius:6px!important;color:#e9f8ff!important;font-size:11px!important;font-weight:700!important;height:auto!important;line-height:1.25!important;min-height:32px!important;overflow:hidden;padding:6px 8px!important;text-align:left!important;text-overflow:ellipsis;white-space:nowrap;width:100%}
.xyzst-text-layer-row{grid-template-rows:auto auto!important}
.xyzst-text-layer-row>[data-layer-visible],.xyzst-text-layer-row>.xyzst-layer-name,.xyzst-text-layer-row>[data-layer-colour],.xyzst-text-layer-row>[data-layer-fill],.xyzst-text-layer-row>[data-layer-group],.xyzst-text-layer-row>[data-layer-lock],.xyzst-text-layer-row>[data-layer-up],.xyzst-text-layer-row>[data-layer-down],.xyzst-text-layer-row>[data-layer-delete]{grid-row:2!important}
.xyzst-text-layer-row>[data-layer-visible]{grid-column:1!important}
.xyzst-text-layer-row>.xyzst-layer-name{grid-column:2!important}
.xyzst-text-layer-row>[data-layer-colour]{grid-column:3!important}
.xyzst-text-layer-row>[data-layer-fill]{grid-column:4!important}
.xyzst-text-layer-row>[data-layer-group]{grid-column:5!important}
.xyzst-text-layer-row>[data-layer-lock]{grid-column:6!important}
.xyzst-text-layer-row>[data-layer-up]{grid-column:7!important}
.xyzst-text-layer-row>[data-layer-down]{grid-column:8!important}
.xyzst-text-layer-row>[data-layer-delete]{grid-column:9!important}
@media(max-width:700px){
  .xyzst-layer-row{grid-template-columns:34px minmax(0,1fr) 34px 34px 34px!important;grid-template-rows:auto auto auto!important}
  .xyzst-layer-text-preview{grid-column:1/-1!important;grid-row:1!important;font-size:11px!important;min-height:34px!important}
  .xyzst-text-layer-row>[data-layer-visible]{grid-column:1!important;grid-row:2!important}
  .xyzst-text-layer-row>.xyzst-layer-name{grid-column:2/6!important;grid-row:2!important}
  .xyzst-text-layer-row>[data-layer-colour]{grid-column:1!important;grid-row:3!important}
  .xyzst-text-layer-row>[data-layer-fill]{grid-column:2!important;grid-row:3!important}
  .xyzst-text-layer-row>[data-layer-group]{grid-column:3!important;grid-row:3!important}
  .xyzst-text-layer-row>[data-layer-lock]{grid-column:4!important;grid-row:3!important}
  .xyzst-text-layer-row>[data-layer-delete]{grid-column:5!important;grid-row:3!important}
  .xyzst-text-layer-row>[data-layer-up],.xyzst-text-layer-row>[data-layer-down]{display:none!important}
}


/* 0.18.96.64 — stable mockup calibration view, lower size badge and professional layer tags. */
.xyzst-layer-row{position:relative;margin-top:15px!important;overflow:visible!important}
.xyzst-layer-card-tag{position:absolute;left:9px;top:-10px;z-index:3;display:inline-flex;align-items:center;min-height:18px;padding:2px 7px;border:1px solid #285a76;border-radius:5px;background:#0b2a40;color:#69dcff;font-size:8px;font-weight:900;letter-spacing:.09em;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.18);pointer-events:none}
.xyzst-layer-name .xyzst-layer-type{display:none!important}
.xyzst-layer-text-preview{margin-top:3px}
.xyzst-size-readout{pointer-events:none}
.xyzst-size-readout rect{fill:rgba(7,24,39,.50)!important}
.xyzst-live-size-readout text,.xyzst-linked-selection .xyzst-size-readout text{dominant-baseline:auto}
@media(max-width:700px){
  .xyzst-layer-row{margin-top:14px!important}
  .xyzst-layer-card-tag{left:8px;top:-9px;font-size:7px;min-height:17px;padding:2px 6px}
}