.dss-studio{--ink:#152a2e;--accent:#c9f56b;--muted:#57676a;color:var(--ink);background:#fafbf8;border:1px solid #dce2da;border-radius:18px;padding:clamp(18px,3vw,38px);margin:24px 0;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box;max-width:1200px;width:100%}.dss-studio *{box-sizing:border-box}.dss-heading span{font-size:11px;letter-spacing:2px;font-weight:750}.dss-heading h2{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-1.5px;margin:12px 0}.dss-heading p{color:var(--muted);margin:0 0 28px}.dss-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr);gap:30px}.dss-preview-area{align-self:start;position:sticky;top:24px}.dss-preview{position:relative;background-color:#e9eeea;background-image:linear-gradient(45deg,#e1e7e1 25%,transparent 25%),linear-gradient(-45deg,#e1e7e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e1e7e1 75%),linear-gradient(-45deg,transparent 75%,#e1e7e1 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border-radius:14px;overflow:hidden;aspect-ratio:1}.dss-preview canvas{width:100%;height:100%;display:block}.dss-empty{position:absolute;inset:43% 10% auto;text-align:center;color:#53635a}.dss-preview-caption,.dss-quality{font-size:12px;color:var(--muted);margin-top:12px}.dss-controls{display:flex;flex-direction:column;gap:14px}.dss-controls label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650}.dss-controls input:not([type=checkbox]):not([type=range]),.dss-controls select,.dss-controls textarea{border:1px solid #cdd5ce;background:#fff;border-radius:7px;padding:10px;color:var(--ink);font:inherit;width:100%;min-height:42px}.dss-controls input[type=color]{padding:4px!important}.dss-controls input[type=range]{width:100%;accent-color:#365d41}.dss-controls small{font-size:11px;line-height:1.5;color:var(--muted)}.dss-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dss-controls .dss-check{display:flex;flex-direction:row;align-items:flex-start;font-size:12px;font-weight:450;gap:9px}.dss-check input{margin-top:3px;flex:0 0 auto}.dss-upload{background:#eef4e6;border:1px dashed #879b76;border-radius:10px;padding:14px}.dss-upload input{font-size:12px!important}.dss-controls details{border-top:1px solid #d8dfd5;border-bottom:1px solid #d8dfd5;padding:12px 0}.dss-controls summary{cursor:pointer;font-size:13px;font-weight:700}.dss-controls details[open]>label,.dss-controls details[open]>.dss-row{margin-top:14px}.dss-controls button{cursor:pointer;border:1px solid #cad5c3;padding:10px;border-radius:8px;color:var(--ink);background:#fff;font:inherit;font-size:13px}.dss-controls .dss-add{background:var(--ink);color:var(--accent);border:0;font-weight:700;padding:16px}.dss-controls button:disabled{opacity:.5;cursor:not-allowed}.dss-price{font-size:28px;font-weight:750;letter-spacing:-.6px}.dss-status{font-size:12px;margin:0;line-height:1.5}.dss-error{color:#a12c20!important}.dss-studio input:focus-visible,.dss-studio select:focus-visible,.dss-studio button:focus-visible{outline:3px solid #8daf54;outline-offset:2px}@media(max-width:760px){.dss-layout{grid-template-columns:1fr}.dss-preview-area{position:static}.dss-preview{max-height:440px}.dss-studio{padding:18px}}
/* Scoped high-specificity controls survive the store theme's form resets. */
.dss-studio .dss-controls .dss-group{background:#f0f4ed;border:1px solid #c5d1c0;border-radius:12px;padding:16px;margin:0;display:flex;flex-direction:column;gap:14px}
.dss-studio .dss-controls details.dss-group:not([open]){display:block}
.dss-studio .dss-controls .dss-group h3{font:750 14px/1.4 system-ui,sans-serif;letter-spacing:0;margin:0;color:#18352b}
.dss-studio .dss-controls details[open]>label,.dss-studio .dss-controls details[open]>.dss-row{margin-top:0}
.dss-studio .dss-controls details[open]>summary{margin-bottom:14px}
.dss-studio .dss-controls input:not([type=checkbox]):not([type=range]),.dss-studio .dss-controls select,.dss-studio .dss-controls textarea{background-color:#fff!important;border:2px solid #a8b9a2!important;border-radius:8px!important;padding:11px 12px!important;color:#152a2e!important;box-shadow:0 1px 2px #152a2e0d!important;min-height:46px!important;opacity:1!important}
.dss-studio .dss-controls select{appearance:auto!important;cursor:pointer!important;padding-right:28px!important}
.dss-studio .dss-controls input[type=color]{height:46px!important;padding:4px!important;cursor:pointer}
.dss-studio .dss-controls input:focus-visible,.dss-studio .dss-controls select:focus-visible,.dss-studio .dss-controls textarea:focus-visible{border-color:#345d3d!important;outline:3px solid #c9f56b!important;outline-offset:2px}
.dss-range-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.dss-range-title output{background:#fff;border:1px solid #a8b9a2;border-radius:5px;padding:2px 8px;font-variant-numeric:tabular-nums;font-size:12px;color:#19372a;white-space:nowrap}.dss-range-scale{display:flex;justify-content:space-between;gap:8px;color:#536458;font-size:10px;font-weight:400}.dss-help{font-size:12px;line-height:1.6;padding:12px;background:#fff;border-left:3px solid #577948;margin:0;border-radius:4px}.dss-studio .dss-controls .dss-price-detail{line-height:1.6}
.dss-studio .dss-controls details.dss-group[open]>label,.dss-studio .dss-controls details.dss-group[open]>.dss-row,.dss-studio .dss-controls details.dss-group[open]>.dss-help,.dss-studio .dss-controls details.dss-group[open]>small{margin-top:14px}.dss-studio .dss-controls details.dss-group[open]>summary{margin-bottom:0}