/* Studio workspace. Theme variables apply to the editor, never to the project. */
.wns-generator{--studio-canvas:#1c1b22;--studio-top:#121117;--studio-panel:#18161e;--studio-small:11px}
.wns-generator[data-editor-theme=light]{--wns-bg:#f6f5f9;--wns-surface:#fff;--wns-ink:#24212d;--wns-muted:#696573;--wns-line:#e0dde8;--wns-accent:#7136c7;--wns-soft:#f1eafa;--wns-button:#7539cc;--wns-button-soft:#e6d6fa;--wns-on-soft:#40206c;--studio-canvas:#ebeaf0;--studio-top:#fff;--studio-panel:#fff}
.wns-generator .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wns-generator.is-studio.is-expanded{padding:0;overflow:hidden}
.is-studio .gen-shell{position:relative;display:flex;flex-direction:column;height:min(900px,95vh);min-height:560px;border-radius:0;box-shadow:none;overflow:hidden}
.is-studio.is-expanded .gen-shell{height:100dvh;min-height:0;border:0}
.is-studio .gen-topbar,.is-studio .gen-simple-steps,.is-studio .gen-bottom{display:none}
.is-studio .gen-stage{padding:0;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.is-studio .gen-message{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);z-index:2000;max-width:640px;width:max-content;max-width:calc(100% - 40px);margin:0;padding:9px 14px;font-size:11px;border-radius:8px;box-shadow:0 8px 30px #0003;pointer-events:none;animation:studio-notice 5s forwards}
.is-studio .gen-message.error{animation:none;pointer-events:auto;bottom:48px}
@keyframes studio-notice{0%,80%{opacity:1}100%{opacity:0;visibility:hidden}}
.studio-header{height:56px;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px 0 11px;border-bottom:var(--gen-border);background:var(--studio-top);position:relative;z-index:5}
.studio-header-start,.studio-header-center,.studio-header-actions{display:flex;align-items:center;gap:8px;min-width:0}
.studio-header-start{flex:1}.studio-header-center{justify-content:center}.studio-header-actions{flex:1;justify-content:flex-end}
.wns-generator .studio-home{font-size:29px;font-weight:800;letter-spacing:-3px;padding:0 8px 5px 0;background:none;border:0;line-height:1}.studio-home span{color:var(--wns-accent)}
.studio-header-divider{height:23px;border-left:var(--gen-border);margin:0 5px}
.wns-generator .studio-project-name{display:flex;gap:14px;align-items:center;border:0;background:none;font-size:12px;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:9px 4px}.studio-project-name span{color:var(--wns-muted)}
.studio-save-state{font-size:10px;color:var(--wns-muted);display:flex;align-items:center;gap:7px;white-space:nowrap}.studio-save-state i{width:6px;height:6px;border-radius:50%;background:#85ba91;box-shadow:0 0 0 3px #85ba9112}
.wns-generator .studio-icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:0;border-radius:5px;background:transparent;color:var(--wns-muted);padding:6px;font-size:22px;line-height:1}.studio-icon-button svg{width:19px;height:19px}.wns-generator .studio-icon-button:hover{background:var(--wns-soft);color:var(--wns-accent)}
.studio-header .gen-device-controls button{height:32px;min-height:32px;padding:6px 8px;border-radius:5px}.studio-header .gen-device-controls button>span:last-child{display:none}.studio-device-width{font-size:10px;white-space:nowrap;color:var(--wns-muted);padding:0 8px;border-right:var(--gen-border)}
.wns-generator .studio-zoom select{width:81px;min-height:32px;padding:4px 5px;font-size:10px;background:none;border:0;cursor:pointer}.studio-header .gen-btn{min-height:32px;padding:7px 13px;font-size:11px;border-radius:5px}.studio-header .studio-save{border-color:transparent}
.is-studio .studio-grid{flex:1;min-height:0;border:0;border-radius:0;grid-template-columns:328px minmax(0,1fr) 272px;overflow:hidden}
.is-studio .studio-grid[data-left=false]{grid-template-columns:56px minmax(0,1fr) 272px}.is-studio .studio-grid[data-right=false]{grid-template-columns:328px minmax(0,1fr) 0}.is-studio .studio-grid[data-left=false][data-right=false]{grid-template-columns:56px minmax(0,1fr) 0}
.is-studio .gen-tools-panel{display:grid;grid-template-columns:56px minmax(0,1fr);overflow:hidden;background:var(--studio-panel)}
.is-studio .gen-tools-tabs{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:10px 5px;border-bottom:0;border-right:var(--gen-border)}
.is-studio .gen-tools-tabs button{padding:9px 3px;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:49px}
.is-studio .gen-tools-tabs svg{width:21px;height:21px}.is-studio .gen-tools-tabs button>span{font-size:8px;line-height:1.2;margin:0}.studio-help-button{margin-top:auto}
.is-studio .gen-tools-content{padding:20px 17px;max-height:none;min-height:0;overflow:auto}
.studio-grid[data-left=false] .gen-tools-content{display:none}.studio-grid[data-right=false] .gen-settings-panel{display:none}
.studio-panel-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:0 0 20px}.studio-panel-heading small{font-size:8px;letter-spacing:.12em;color:var(--wns-muted);display:block;margin-bottom:5px}.studio-panel-heading h3{font-size:15px;margin:0!important;font-weight:600}.studio-panel-heading .studio-icon-button{width:24px;height:24px;padding:4px}
.studio-search{display:block;margin-bottom:17px}.wns-generator .studio-search input{min-height:34px;font-size:11px;padding:7px 9px;border-radius:5px}
.studio-library-tabs,.studio-inspector-tabs{display:flex;border-bottom:var(--gen-border);gap:3px;margin:0 -17px 16px;padding:0 13px}.studio-library-tabs button,.studio-inspector-tabs button{flex:1;white-space:nowrap;border:0;border-bottom:2px solid transparent;background:none;font-size:10px;padding:9px 3px;color:var(--wns-muted)}.studio-library-tabs button[aria-pressed=true],.studio-inspector-tabs button[aria-pressed=true]{border-bottom-color:var(--wns-accent);color:var(--wns-accent)}
.studio-elements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-elements button{min-height:89px;border:var(--gen-border);background:var(--wns-bg);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px 4px}.studio-elements button:hover{border-color:var(--wns-accent);background:var(--wns-soft)}.studio-elements svg{width:24px;height:24px}.studio-elements span{font-size:10px}
.wns-generator .studio-text-button{border:0;background:none;color:var(--wns-accent);font-size:11px;padding:18px 0;line-height:1.5;text-align:left}
.is-studio .gen-add-grid{grid-template-columns:1fr 1fr}.is-studio .gen-add-grid button{min-height:108px;border-radius:5px}.is-studio .gen-add-grid strong{font-size:10px}.is-studio .gen-add-grid small{font-size:9px}
.is-studio .gen-section-list li{border-radius:5px;padding:9px 6px;display:block}.is-studio .gen-section-list .gen-select-section{font-size:11px}.is-studio .section-row-actions{gap:0}.is-studio .section-row-actions button{min-height:25px;font-size:12px;padding:3px}
.is-studio .gen-preview-panel{min-height:0;position:relative;background:var(--studio-canvas)}
.studio-canvas-bar{height:37px;min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--studio-panel);border-bottom:var(--gen-border);font-size:10px;color:var(--wns-muted);padding:0 9px}.studio-canvas-bar small{opacity:.65;font-size:9px}.studio-canvas-bar .studio-icon-button{width:26px;height:26px;padding:5px}
.is-studio .gen-preview-host{flex:1;min-height:0;height:auto!important;padding:26px 0 32px;background:var(--studio-canvas);background-image:radial-gradient(var(--wns-line) .65px,transparent .65px);background-size:14px 14px;overflow:auto}
.is-studio .gen-preview-scale{min-width:0}.is-studio .gen-preview-frame{box-shadow:0 0 0 1px #0001,0 8px 32px #0002;background:#fff}
.studio-canvas-footer{display:flex;justify-content:space-between;gap:15px;height:31px;min-height:31px;align-items:center;border-top:var(--gen-border);background:var(--studio-panel);font-size:9px;color:var(--wns-muted);padding:0 13px}.studio-canvas-footer strong{font-weight:500;color:var(--wns-accent)}.studio-canvas-footer>span>span{padding:0 8px}
.is-studio .gen-settings-panel{background:var(--studio-panel);padding:20px 17px;max-height:none;min-height:0;overflow:auto}.studio-inspector-content>.gen-panel-title{display:none}.studio-inspector-content .gen-section-actions{margin:0 0 14px}.studio-inspector-content[data-inspector-tab=content] [data-inspector-style]{display:none}.studio-inspector-content[data-inspector-tab=style] fieldset>details:not([data-inspector-style]){display:none}
.is-studio .gen-field{margin-bottom:15px}.is-studio .gen-field label{font-size:10px;color:var(--wns-muted)}.is-studio input:not([type=range]):not([type=color]):not([type=checkbox]),.is-studio textarea,.is-studio select{font-size:11px;min-height:34px;padding:8px 9px;border-radius:5px}.is-studio .gen-color-pair input[type=color]{height:34px}.is-studio .gen-settings-panel summary,.is-studio .gen-tools-content summary{font-size:11px}
.is-studio .gen-active-field{padding:7px}.is-studio .gen-settings-panel details{padding:13px 0}.is-studio .gen-text-order{display:none}.is-studio .gen-palette-compact{grid-template-columns:1fr 1fr}.is-studio .gen-readonly{padding:8px 20px}
.is-studio .gen-shell[data-mode=preview] .gen-stage-heading{display:none}.is-studio .gen-shell[data-mode=preview] .gen-preview-actions{display:none}.is-studio .gen-full-preview{display:flex;flex:1;min-height:0;border:0;border-radius:0}.is-studio .gen-full-preview .gen-preview-host{width:100%}
/* Editorial template gallery */
.gen-shell[data-mode=templates] .gen-stage{padding:0 40px 40px}.gen-shell[data-mode=templates] .gen-simple-steps{display:none}.studio-library-hero{text-align:center;padding:66px 20px 42px;max-width:970px;margin:auto}.studio-library-hero h2{font-size:clamp(40px,4.7vw,68px);line-height:1.06;font-weight:500;letter-spacing:-.065em;margin:22px 0}.studio-library-hero h2 em{font-style:normal;color:var(--wns-accent)}.studio-library-hero p{font-size:14px;color:var(--wns-muted);margin:0 0 29px}.studio-library-hero .gen-library-search{position:relative;display:block;max-width:620px;margin:0 auto 24px}.studio-library-hero .gen-library-search input{border:0!important;border-bottom:1px solid var(--wns-muted)!important;border-radius:0!important;padding:13px 34px 13px 0!important;background:none!important;font-size:14px!important}.studio-library-hero .gen-library-search>span{position:absolute;right:7px;top:12px;font-size:18px;color:var(--wns-accent)}
.studio-library-shortcuts{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.studio-library-shortcuts button{padding:8px 13px;border:0;border-radius:4px;background:var(--wns-soft);font-size:11px}.studio-library-shortcuts button[aria-pressed=true]{background:var(--wns-button);color:white}
.studio-library-filterbar{display:flex;align-items:center;gap:25px;border-top:var(--gen-border);border-bottom:var(--gen-border);padding:17px 0;margin:0 0 30px}.studio-library-filterbar>span{font-size:9px;letter-spacing:.12em;color:var(--wns-muted);margin-right:auto}.studio-library-filterbar label{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--wns-muted)}.studio-library-filterbar select{width:auto!important;min-width:140px;min-height:33px!important;font-size:11px!important;padding:5px 8px!important}
.studio-library-results-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 22px}.studio-library-results-head h3{font-size:16px;font-weight:500;margin:0}.studio-library-results-head [data-template-count]{font-size:10px;color:var(--wns-muted);font-weight:400;display:inline-block;margin-left:12px}.studio-library-results-head .gen-btn{font-size:11px;padding:7px 12px;min-height:34px}
.gen-shell[data-mode=templates] .gen-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px}.gen-shell[data-mode=templates] .gen-template-card{border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none;transform:none}.gen-template-card .gen-template-visual{border:var(--gen-border);border-radius:6px;aspect-ratio:1.55}.gen-template-card .template-info{padding:17px 0 6px}.gen-template-card .template-info h3{font-size:20px;letter-spacing:-.6px}.gen-template-card .template-info p{font-size:10px}.gen-template-card .gen-template-description{padding:0;font-size:11px;min-height:0;max-width:80%}.gen-template-card .template-info .gen-btn{background:none;color:var(--wns-ink);border:var(--gen-border);min-height:35px;font-size:10px;padding:8px 12px}.studio-template-badge{position:absolute;left:12px;top:12px;z-index:2;background:#faf7ee;color:#282432;padding:6px 9px;font-size:8px;font-weight:600;letter-spacing:.08em;border-radius:2px;box-shadow:0 2px 10px #0001}.template-peek{background:var(--wns-button)!important;color:white!important}
@media(min-width:1700px){.is-studio .studio-grid{grid-template-columns:360px minmax(0,1fr) 290px}.is-studio .studio-grid[data-left=false]{grid-template-columns:56px minmax(0,1fr) 290px}.is-studio .studio-grid[data-right=false]{grid-template-columns:360px minmax(0,1fr) 0}.gen-shell[data-mode=templates] .gen-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1250px){.studio-save-state{display:none}.studio-header{gap:7px}.studio-header-start,.studio-header-actions{flex:initial}.studio-project-name{max-width:110px!important}.studio-header-actions{gap:3px}.is-studio .studio-grid{grid-template-columns:292px minmax(0,1fr) 246px}.is-studio .studio-grid[data-left=false]{grid-template-columns:56px minmax(0,1fr) 246px}.is-studio .studio-grid[data-right=false]{grid-template-columns:292px minmax(0,1fr) 0}.is-studio .gen-tools-content,.is-studio .gen-settings-panel{padding:17px 13px}.studio-elements{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-library-filterbar{gap:13px}.studio-library-filterbar>span{display:none}.studio-canvas-footer>span:last-child{display:none}}
@media(min-width:901px){.is-studio .gen-mobile-panes{display:none}.is-studio .studio-grid>.gen-tools-panel{display:grid}.is-studio .studio-grid>.gen-preview-panel{display:flex}.is-studio .studio-grid>.gen-settings-panel{display:block}.is-studio .studio-grid[data-right=false]>.gen-settings-panel{display:none}}
@media(max-width:900px){.studio-header{flex-wrap:wrap;height:auto;min-height:54px;padding:8px 10px;gap:4px}.studio-header-start{flex:1}.studio-header-center{order:3;width:100%;border-top:var(--gen-border);padding-top:6px;margin-top:4px}.studio-header-actions .studio-save{padding:6px}.studio-header-actions .studio-quote{font-size:10px;padding:7px 9px}.studio-header-actions .studio-icon-button{width:29px}.studio-header-divider{display:none}.studio-header .studio-project-name{font-size:11px}.is-studio .gen-mobile-panes{display:flex;border-inline:0;min-height:40px;padding:3px;border-top:0}.is-studio .gen-mobile-panes button{min-height:32px;padding:7px;font-size:10px}.is-studio .studio-grid{display:block;flex:1;position:relative;min-height:0}.is-studio .studio-grid>.gen-tools-panel,.is-studio .studio-grid>.gen-preview-panel,.is-studio .studio-grid>.gen-settings-panel{height:100%;max-height:none}.is-studio .studio-grid[data-pane=tools]>.gen-tools-panel{display:grid}.is-studio .studio-grid[data-pane=preview]>.gen-preview-panel{display:flex}.is-studio .studio-grid[data-pane=settings]>.gen-settings-panel{display:block}.is-studio .studio-grid[data-pane=tools]>.gen-preview-panel,.is-studio .studio-grid[data-pane=tools]>.gen-settings-panel,.is-studio .studio-grid[data-pane=preview]>.gen-tools-panel,.is-studio .studio-grid[data-pane=preview]>.gen-settings-panel,.is-studio .studio-grid[data-pane=settings]>.gen-tools-panel,.is-studio .studio-grid[data-pane=settings]>.gen-preview-panel{display:none}.studio-elements{grid-template-columns:repeat(3,minmax(0,1fr));max-width:600px}.is-studio .gen-tools-content,.is-studio .gen-settings-panel{padding:20px}.studio-library-tabs,.studio-inspector-tabs{margin-inline:-20px;padding-inline:17px}.is-studio .gen-field label{font-size:12px}.is-studio input:not([type=range]):not([type=color]):not([type=checkbox]),.is-studio textarea,.is-studio select{font-size:13px}.studio-library-filterbar{flex-wrap:wrap;gap:10px}.studio-library-filterbar label{flex:1;min-width:200px}.studio-library-filterbar select{flex:1}.studio-library-results-head h3{font-size:14px}.studio-library-results-head [data-template-count]{display:block;margin:5px 0 0}.gen-shell[data-mode=templates] .gen-stage{padding:0 24px 25px}}
@media(max-width:540px){.studio-header-actions .studio-quote{display:inline-flex;padding:7px}.studio-quote-full{display:none}.studio-header-actions .studio-quote-short{display:inline}.studio-header-actions .studio-save{font-size:11px}.studio-project-name{max-width:90px!important}.studio-header-actions .studio-icon-button{width:28px}.studio-home{font-size:25px!important}.studio-elements button{min-height:92px}.studio-library-hero{padding:38px 0 28px}.studio-library-hero h2{font-size:41px;letter-spacing:-2px}.studio-library-hero p{font-size:12px}.studio-library-shortcuts{gap:6px}.studio-library-shortcuts button{font-size:10px;padding:7px 9px}.gen-shell[data-mode=templates] .gen-template-grid{grid-template-columns:1fr;gap:29px}.gen-shell[data-mode=templates] .gen-stage{padding-inline:17px}.studio-library-filterbar label{min-width:100%;justify-content:space-between}.studio-library-filterbar select{max-width:75%}.studio-library-results-head{align-items:flex-end}.studio-library-results-head .gen-btn{font-size:9px;min-width:100px;padding:7px}.gen-template-card .gen-template-description{max-width:none}.studio-canvas-footer{font-size:9px}.studio-canvas-bar small{display:none}}

.studio-quote-short{display:none}
@media(max-width:540px){.studio-header-start{flex:0 1 auto}.studio-header-actions{gap:2px}.studio-project-name{max-width:63px!important}.studio-header-actions .studio-quote-short{display:inline}}

/* An explicit exit stays visible inside the fullscreen editor and its other steps. */
.wns-generator .studio-exit{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:36px;padding:8px 10px;border:1px solid var(--wns-line);border-radius:6px;background:var(--wns-soft);color:var(--wns-ink);font:500 11px/1.2 var(--wns-font);text-decoration:none;white-space:nowrap}
.wns-generator .studio-exit svg{width:16px;height:16px;flex-shrink:0}
.wns-generator .studio-exit:hover{border-color:var(--wns-accent);color:var(--wns-accent)}
.wns-generator .studio-exit:focus-visible{outline:2px solid var(--wns-accent);outline-offset:3px}
.studio-exit-short{display:none}
.gen-topbar>.studio-exit{margin-right:6px}
@media(max-width:540px){.studio-exit-full{display:none}.studio-exit-short{display:inline}.studio-header-start{flex:1 0 100%;justify-content:space-between}.studio-header .studio-project-name{max-width:180px!important}.studio-header-actions{flex:1;justify-content:space-between}.studio-header .studio-exit{min-height:34px;padding:6px 9px}.gen-topbar>.studio-exit{margin-right:0}}