/* DOPPEL-W Designstudio: isolated from the quick-template editor. */
.dwp-studio .dwp-studio-production-note{margin:0;padding:12px 20px;border-bottom:1px solid #dfe5ee;background:#f5f8fc;color:#465064;font-size:12px;line-height:1.55}.dwp-studio-production-note strong{color:#1f315c}.dwp-studio-artboard [data-studio-production-overlay]{pointer-events:none}
.dwp-studio{--st-navy:#1f315c;--st-red:#c72b42;--st-ink:#263042;--st-muted:#667184;--st-line:#dfe5ee;--st-paper:#f4f6fa;position:relative;width:100%;min-width:0;margin:20px 0 0;border:1px solid #d5deeb;border-radius:12px;background:#fff;box-shadow:0 10px 32px #1f315c0a;color:var(--st-ink);font-family:inherit;font-size:14px;line-height:1.5;overflow:visible}
.dwp-studio *{box-sizing:border-box}.dwp-studio [hidden]{display:none!important}.dwp-studio button,.dwp-studio input,.dwp-studio select,.dwp-studio textarea{font:inherit}.dwp-studio button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;margin:0;padding:7px 10px;border:1px solid var(--st-line);border-radius:6px;background:#fff;color:var(--st-navy);font-size:12px;font-weight:600;line-height:1.35;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0}.dwp-studio button:hover:not(:disabled){border-color:#9cacc6;background:#f4f6fb;color:var(--st-navy)}.dwp-studio button:focus-visible,.dwp-studio input:focus-visible,.dwp-studio select:focus-visible,.dwp-studio textarea:focus-visible,.dwp-studio-stage:focus-visible{outline:3px solid #8daddc;outline-offset:2px}.dwp-studio button:disabled{opacity:.4;cursor:default}.dwp-studio button[aria-pressed=true]{background:var(--st-navy);color:#fff;border-color:var(--st-navy)}.dwp-studio-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:19px 22px;border-bottom:1px solid var(--st-line);background:#fff;border-radius:12px 12px 0 0}.dwp-studio-wordmark{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--st-navy)}.dwp-studio-wordmark b{color:var(--st-red)}.dwp-studio-heading h3{margin:3px 0 0!important;color:var(--st-navy);font-size:24px;line-height:1.2;letter-spacing:-.02em}.dwp-studio-heading p{margin:4px 0 0;font-size:12px;color:var(--st-muted)}.dwp-studio-file-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dwp-studio-file-actions button>span[aria-hidden]{font-size:21px;line-height:1}.dwp-studio-action-divider{height:24px;width:1px;background:var(--st-line);margin:0 3px}.dwp-studio-body{display:grid;grid-template-columns:86px minmax(0,1fr) 280px;min-height:600px}.dwp-studio-tools{display:flex;flex-direction:column;gap:5px;padding:14px 7px;border-right:1px solid var(--st-line);background:#fff}.dwp-studio-tools button{flex-direction:column;border-color:transparent;padding:10px 4px;font-size:10px;min-height:70px;gap:7px;font-weight:500}.dwp-studio-tools button:hover:not(:disabled){border-color:#e6ebf3;background:#f1f4fa}.dwp-studio-tool-icon{font-size:28px;line-height:1.1;font-weight:500}.dwp-studio-tools svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dwp-studio-workspace{display:flex;flex-direction:column;min-width:0;background:var(--st-paper)}.dwp-studio-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#fafbfd;border-bottom:1px solid #e6ebf3}.dwp-studio-current-page{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;min-width:0}.dwp-studio-current-page strong{font-size:13px;color:var(--st-navy)}.dwp-studio-current-page span{font-size:11px;color:var(--st-muted)}.dwp-studio-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:430px;height:480px;flex:1 1 auto;padding:36px;overflow:auto;background-color:#edf1f6;background-image:radial-gradient(#b9c4d359 .75px,transparent .75px);background-size:14px 14px;outline:0;overscroll-behavior:contain;touch-action:pan-x pan-y}.dwp-studio-artboard{flex:0 0 auto;position:relative;line-height:0;box-shadow:0 8px 26px #1c315d24;background:#fff;max-width:none}.dwp-studio-artboard>svg{display:block;width:100%;height:auto;overflow:visible;max-width:none;touch-action:none;user-select:none}.dwp-studio-artboard text{font-kerning:none;font-variant-ligatures:none;font-synthesis:none;font-feature-settings:"kern" 0,"liga" 0,"clig" 0,"calt" 0,"rlig" 0;letter-spacing:0;word-spacing:0;white-space:pre}.dwp-studio-artboard [data-studio-element]{cursor:move}.dwp-studio-artboard .dwp-studio-selection{pointer-events:none}.dwp-studio-artboard [data-studio-handle]{pointer-events:all;cursor:nwse-resize}.dwp-studio-artboard [data-studio-handle=rotate]{cursor:grab}.dwp-studio-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;pointer-events:none;color:var(--st-navy)}.dwp-studio-empty>span{font-size:45px;line-height:1.2;opacity:.2;font-weight:700}.dwp-studio-empty strong{font-size:18px;margin:12px 0 0}.dwp-studio-empty p{font-size:12px;color:var(--st-muted);max-width:280px;margin:8px 0 16px}.dwp-studio-empty button{pointer-events:auto;background:var(--st-navy);border-color:var(--st-navy);color:#fff;min-height:39px;padding:9px 15px}.dwp-studio-viewbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;background:#fff;border-top:1px solid var(--st-line)}.dwp-studio-viewbar label{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--st-muted);margin:0;white-space:nowrap}.dwp-studio-viewbar input{margin:0;accent-color:var(--st-navy)}.dwp-studio-zoom{display:flex;align-items:center;gap:4px}.dwp-studio-zoom button{min-height:29px;padding:4px 7px;border-color:transparent;font-size:12px}.dwp-studio-zoom output{display:block;min-width:49px;text-align:center;font-size:11px;font-weight:700}.dwp-studio-pages{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;background:#f8fafd;border-top:1px solid var(--st-line);min-height:63px}.dwp-studio-pages button{flex:0 0 auto;display:flex;gap:7px;align-items:center;padding:8px 12px;font-size:11px;font-weight:500;border-color:#d8e1ed;min-height:36px;background:#fff}.dwp-studio-pages button[aria-selected=true]{background:#edf2fa;border-color:var(--st-navy);color:var(--st-navy);box-shadow:inset 0 0 0 1px var(--st-navy);font-weight:700}.dwp-studio-pages button>span{font-size:10px;opacity:.7}.dwp-studio-guidance{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:0!important;padding:9px 13px 12px;font-size:9px;color:var(--st-muted);line-height:1.5}.dwp-studio-guide-dot{display:inline-block;flex:0 0 12px;width:12px;height:0;border-top:2px dashed}.dwp-studio-guide-safe{border-color:#009ca5}.dwp-studio-guide-trim{border-color:#ce3455;margin-left:8px}.dwp-studio-guidance-note{flex-basis:100%;text-align:center}.dwp-studio-inspector{border-left:1px solid var(--st-line);background:#fff;min-width:0;max-height:840px;overflow-y:auto}.dwp-studio-properties,.dwp-studio-layers-section{padding:17px 16px}.dwp-studio-inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.dwp-studio-inspector h4{font-size:14px;color:var(--st-navy);margin:0!important;line-height:1.3}.dwp-studio-inspector-heading>span{font-size:10px;color:var(--st-muted)}.dwp-studio-inspector h5{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--st-muted);margin:19px 0 10px}.dwp-studio-inspector label{display:block;font-size:11px;font-weight:600;margin:0 0 5px;color:var(--st-ink)}.dwp-studio-inspector input:not([type=checkbox]),.dwp-studio-inspector textarea,.dwp-studio-inspector select{display:block;width:100%;min-width:0;min-height:35px;padding:7px 8px;border:1px solid #cbd5e3;border-radius:5px;background:#fff;color:var(--st-ink);font-size:12px;margin:0;box-shadow:none;line-height:1.4}.dwp-studio-inspector textarea{resize:vertical;min-height:80px;max-height:240px}.dwp-studio-inspector input[type=color]{height:35px;padding:3px;cursor:pointer}.dwp-studio-property-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:11px 0}.dwp-studio-help{font-size:10px!important;line-height:1.5!important;color:var(--st-muted)!important;margin:6px 0 12px!important}.dwp-studio-color-control{display:flex;align-items:center;gap:10px}.dwp-studio-color-control input{max-width:62px}.dwp-studio-color-control span{font-size:12px;color:var(--st-muted)}.dwp-studio-text-button{padding:3px 0!important;min-height:24px!important;border:0!important;background:transparent!important;text-decoration:underline;text-underline-offset:3px;font-size:10px!important;justify-content:flex-start!important}.dwp-studio-center-actions{display:flex;flex-direction:column;gap:3px;justify-content:flex-end}.dwp-studio-center-actions button{padding:3px 5px;font-size:9px;min-height:24px}.dwp-studio-element-actions,.dwp-studio-layer-order{display:flex;gap:6px;margin-top:13px}.dwp-studio-element-actions button,.dwp-studio-layer-order button{flex:1;font-size:10px;min-height:31px}.dwp-studio .dwp-studio-danger{color:#af2940}.dwp-studio-layers-section{border-top:1px solid var(--st-line)}.dwp-studio-layer-order{margin:0 0 9px}.dwp-studio-layers{display:flex;flex-direction:column;gap:5px}.dwp-studio-layers>button{display:flex;align-items:center;justify-content:flex-start;text-align:left;width:100%;font-size:11px;font-weight:400;min-height:35px;overflow:hidden}.dwp-studio-layers>button span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dwp-studio-layers>button[aria-pressed=true]{background:#eaf0fa;color:var(--st-navy);border-color:#92a7c9}.dwp-studio-layer-icon{display:grid;place-items:center;flex:0 0 22px;font-size:15px;color:var(--st-navy)}.dwp-studio-footer{padding:13px 20px;border-top:1px solid var(--st-line);background:#fff;border-radius:0 0 12px 12px}.dwp-studio-footer>p:first-child{margin:0;font-size:12px;color:var(--st-navy);font-weight:500}.dwp-studio-footer .dwp-studio-help{margin:5px 0 0!important}.dwp-studio-errors,.dwp-studio-warnings,.dwp-studio-message{padding:12px 18px;border-top:1px solid;font-size:12px;line-height:1.55}.dwp-studio-errors{background:#fff3f5;color:#9b233d;border-color:#efc7d1}.dwp-studio-warnings{background:#fffaf0;color:#76551d;border-color:#efddb3}.dwp-studio-message{background:#f0f5fd;color:#1f315c;border-color:#dce6f5}.dwp-studio-errors ul,.dwp-studio-warnings ul{padding-left:18px;margin:3px 0}.dwp-studio-template-panel{position:absolute;z-index:60;left:95px;top:110px;width:340px;max-width:calc(100% - 32px);padding:20px;border:1px solid #c4cfe0;border-radius:10px;background:#fff;box-shadow:0 10px 40px #1f315c33}.dwp-studio-template-panel h4{font-size:17px;margin:0 0 10px;color:var(--st-navy)}.dwp-studio-template-panel>p{font-size:12px;margin:0 0 13px;color:var(--st-muted)}.dwp-studio-template-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.dwp-studio-template-buttons button{min-height:54px;background:#f7f9fc}.dwp-studio-font-control{position:relative}.dwp-studio-font-trigger{display:flex!important;justify-content:space-between!important;width:100%;padding:3px 9px!important;font-weight:400!important;min-height:47px!important;font-size:16px!important;line-height:2.5!important;white-space:normal;overflow-wrap:anywhere;font-synthesis:none}.dwp-studio-font-trigger:after{content:'⌄';font:16px/1 sans-serif;margin-left:8px}.dwp-studio-font-list{position:fixed;z-index:1000005;max-height:300px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:4px;border:1px solid #bbc8db;background:#fff;border-radius:6px;box-shadow:0 7px 25px #1f315c25;color:#263042;scrollbar-gutter:stable}.dwp-studio-font-option{display:block;min-height:54px;font-size:16px;line-height:2.8;padding:5px 10px;white-space:normal;overflow-wrap:anywhere;font-synthesis:none;cursor:pointer;border:1px solid transparent;border-radius:4px}.dwp-studio-font-option:hover,.dwp-studio-font-option[data-active=true]{background:#f0f4fb;border-color:#ccd7e8}.dwp-studio-font-option[aria-selected=true]{background:#e9eef8;border-color:#adbdd6}.dwp-studio-font-option[aria-selected=true]:after{content:' ✓';font:12px/1 sans-serif}.dwp-studio-preview .dwp-studio-tools,.dwp-studio-preview .dwp-studio-inspector{display:none}.dwp-studio-preview .dwp-studio-body{grid-template-columns:minmax(0,1fr)}.dwp-studio-preview .dwp-studio-artboard [data-studio-element]{cursor:default}.dwp-studio-expanded{position:fixed;z-index:1000000;inset:var(--dwp-studio-top,0px) 0 0;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;max-height:calc(100dvh - var(--dwp-studio-top,0px));overflow:auto}.dwp-studio-expanded .dwp-studio-header{border-radius:0;flex:0 0 auto;padding:12px 20px}.dwp-studio-expanded .dwp-studio-body{min-height:0;flex:1 1 auto}.dwp-studio-expanded .dwp-studio-workspace{min-height:0}.dwp-studio-expanded .dwp-studio-stage{height:100%;min-height:220px}.dwp-studio-expanded .dwp-studio-inspector{max-height:none}.dwp-studio-expanded .dwp-studio-footer{flex:0 0 auto}.dwp-studio-expanded .dwp-studio-errors,.dwp-studio-expanded .dwp-studio-warnings{max-height:110px;overflow:auto;flex:0 0 auto}.dwp-studio:not(.dwp-studio-expanded) .dwp-studio-stage{scrollbar-width:thin}.dwp-studio-svg{background:#fff}
@container dwp-editor (max-width:1050px){.dwp-studio-body{grid-template-columns:70px minmax(0,1fr) 240px}.dwp-studio-tools{padding:10px 4px}.dwp-studio-tools button{font-size:9px}.dwp-studio-inspector{font-size:12px}.dwp-studio-properties,.dwp-studio-layers-section{padding:15px 12px}.dwp-studio-button-text{display:none}.dwp-studio-stage{padding:24px;min-height:390px}.dwp-studio-header{padding:16px}}
@container dwp-editor (max-width:760px){.dwp-studio-body{grid-template-columns:minmax(0,1fr)}.dwp-studio-tools{grid-row:1;flex-direction:row;border-right:0;border-bottom:1px solid var(--st-line);justify-content:space-around;overflow-x:auto;padding:5px}.dwp-studio-tools button{min-height:59px;min-width:54px;font-size:9px;gap:4px;padding:6px 4px}.dwp-studio-tool-icon{font-size:24px}.dwp-studio-tools svg{width:22px;height:22px}.dwp-studio-workspace{grid-row:2}.dwp-studio-inspector{grid-row:3;border-left:0;border-top:1px solid var(--st-line);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);max-height:none}.dwp-studio-layers-section{border-top:0;border-left:1px solid var(--st-line)}.dwp-studio-header{gap:13px}.dwp-studio-heading h3{font-size:21px}.dwp-studio-file-actions button{font-size:10px;min-height:32px;padding:5px 7px}.dwp-studio-stage{height:390px;min-height:300px}.dwp-studio-template-panel{left:16px;top:190px}.dwp-studio-preview .dwp-studio-workspace{grid-row:auto}.dwp-studio-expanded .dwp-studio-body{display:block}.dwp-studio-expanded .dwp-studio-stage{height:50dvh;min-height:300px}}
@container dwp-editor (max-width:440px){.dwp-studio-inspector{grid-template-columns:minmax(0,1fr)}.dwp-studio-layers-section{border-left:0;border-top:1px solid var(--st-line)}.dwp-studio-stage{padding:22px;height:310px;min-height:260px}.dwp-studio-canvas-toolbar{padding:10px}.dwp-studio-current-page{gap:3px;flex-direction:column}.dwp-studio-viewbar{padding:8px;gap:6px}.dwp-studio-guidance{font-size:8px}.dwp-studio-header{padding:14px 12px}.dwp-studio-action-divider{display:none}.dwp-studio-file-actions{gap:4px}.dwp-studio-tools button{min-width:46px;font-size:8px}.dwp-studio-empty strong{font-size:16px}.dwp-studio-empty p{font-size:11px}.dwp-studio-footer{padding:12px}.dwp-studio .dwp-studio-font-trigger{min-height:44px!important}}
/* Expanded workspace responds to the viewport, not its former product-column container. */
.dwp-editor.dwp-studio-is-expanded{container-type:normal}
@media(max-width:760px){.dwp-studio-expanded .dwp-studio-body{display:block;min-height:0}.dwp-studio-expanded .dwp-studio-tools{flex-direction:row;border-right:0;border-bottom:1px solid var(--st-line);justify-content:space-around;padding:5px}.dwp-studio-expanded .dwp-studio-tools button{min-height:58px;font-size:9px;padding:6px 4px}.dwp-studio-expanded .dwp-studio-stage{height:50dvh;min-height:260px}.dwp-studio-expanded .dwp-studio-inspector{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--st-line);border-left:0;max-height:none}.dwp-studio-expanded .dwp-studio-layers-section{border-left:1px solid var(--st-line);border-top:0}.dwp-studio-expanded .dwp-studio-header{padding:10px 12px;gap:10px}.dwp-studio-expanded .dwp-studio-file-actions button{font-size:10px;padding:5px 7px}.dwp-studio-expanded .dwp-studio-button-text{display:none}.dwp-studio-expanded .dwp-studio-template-panel{left:12px;top:170px}.dwp-studio-expanded.dwp-studio-preview .dwp-studio-tools,.dwp-studio-expanded.dwp-studio-preview .dwp-studio-inspector{display:none}}
@media(max-width:440px){.dwp-studio-expanded .dwp-studio-inspector{grid-template-columns:1fr}.dwp-studio-expanded .dwp-studio-layers-section{border-left:0;border-top:1px solid var(--st-line)}}
@media(prefers-reduced-motion:reduce){.dwp-studio *{scroll-behavior:auto!important;transition:none!important}}