/* Persistent app navigation. Preserve the canonical-width editable canvas and zoom. */
.canvas-scroll{overflow-anchor:none}
.canvas-scroll.is-free-canvas{overflow:clip}
.canvas-scroll.is-pan-ready,.canvas-scroll.is-pan-ready *{cursor:grab!important}
.canvas-scroll.is-panning,.canvas-scroll.is-panning *{cursor:grabbing!important;user-select:none!important}
.gradient-stop-slider{position:absolute;left:0;bottom:-10px;width:100%;height:20px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none}
.gradient-stop-slider::-webkit-slider-runnable-track{height:1px;background:transparent}.gradient-stop-slider::-webkit-slider-thumb{width:20px;height:20px;margin-top:-10px;appearance:none;-webkit-appearance:none;background:transparent;border:0;pointer-events:auto;cursor:ew-resize}.gradient-stop-slider::-moz-range-track{height:1px;background:transparent;border:0}.gradient-stop-slider::-moz-range-thumb{width:20px;height:20px;background:transparent;border:0;pointer-events:auto;cursor:ew-resize}.gradient-stop-slider:disabled::-webkit-slider-thumb,.gradient-stop-slider:disabled::-moz-range-thumb{cursor:not-allowed}
.global-nav{position:fixed;inset:0 auto 0 0;width:192px;background:var(--app-surface);border-right:1px solid var(--line);padding:32px 10px 22px;display:flex;flex-direction:column;z-index:20;overflow-y:auto}
.studio-logo{font-size:16px;line-height:1.35;letter-spacing:-.6px;color:var(--app-ink);text-decoration:none;padding:0 12px}.studio-logo strong{font-size:28px}.nav-caption{font-size:var(--type-navigation);letter-spacing:1.5px;color:var(--app-muted);margin:40px 12px 14px}.global-nav nav{display:grid;gap:5px}.global-nav nav button{border:0;background:none;height:var(--dps-left-row-height);padding:0 10px;text-align:left;border-radius:var(--radius-single);display:flex;align-items:center;gap:10px;font-size:var(--type-navigation);white-space:nowrap}.global-nav nav button span{width:20px;font-size:var(--icon-standard);color:var(--app-muted)}.global-nav nav button.active{background:var(--app-accent-soft);color:var(--app-accent);font-weight:700}.nav-bottom{margin-top:auto;padding:28px 12px 0;color:var(--app-muted);font-size:var(--type-meta);line-height:1.8}.global-workspace{margin-left:0;min-width:0}.global-workspace .app-sidebar{display:none}.global-workspace .app-shell{display:block}.global-workspace .editor-app{min-width:0}.global-workspace .editor-workspace{grid-template-columns:185px minmax(260px,1fr) 210px 280px}.app-content{max-width:1320px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.page-viewport{margin-inline:auto}.review-scroll{min-height:500px}.btn.primary:hover:not(:disabled){background:var(--app-primary-hover);border-color:var(--app-primary-hover)}.editor-left .left-content{padding:16px 10px}.canvas-toolbar{height:auto;min-height:48px;flex-wrap:wrap;padding:7.5px 8px;border-bottom-color:var(--line)}.canvas-toolbar select{max-width:155px}
.quick-page{max-width:1320px;margin:auto;padding:30px 30px 32px}.quick-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.8fr);gap:var(--space-8);align-items:start}.brief-form{background:var(--app-surface);border:1px solid var(--line);padding:22px;border-radius:12px}.brief-form .field{margin-bottom:14px}.brief-form .field>span{font-size:var(--type-field-label);color:var(--app-ink)}.brief-form input:not([type=file]),.brief-form textarea,.brief-form select{width:100%;border:1px solid var(--control-border);border-radius:var(--radius-single);padding:var(--space-3);background:var(--app-surface);font:inherit}.brief-form input::placeholder,.brief-form textarea::placeholder{color:var(--app-muted);font-size:var(--type-input)}.brief-form .section-heading{font-size:var(--type-body-sm)}.brief-form .section-heading>span{color:var(--app-muted)}.brief-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--line);background:var(--app-surface-subtle);min-height:68px;border-radius:var(--radius-row);cursor:pointer;gap:8px}.brief-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.brief-drop:focus-within{outline:2px solid var(--control-focus)}.brief-drop span{font-size:var(--type-helper);color:var(--app-muted)}.brief-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin-top:14px}.brief-photos>div{position:relative;min-width:0}.brief-photos img{display:block;width:100%;height:64px;object-fit:contain;background:var(--app-surface-subtle);border-radius:5px}.brief-photos button{border:0;background:var(--app-surface-subtle);font-size:var(--type-button);width:100%;padding:5px}.brief-photos button.selected{background:var(--control-text);color:var(--control-surface)}.brief-photos [data-brief-remove]{position:absolute;right:3px;top:3px;width:22px;border-radius:50%;background:var(--app-surface);font-size:var(--type-section-title);padding:0}.brief-options{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.brief-options summary{cursor:pointer;font-size:var(--type-helper);color:var(--app-muted);margin-bottom:10px}.make-page{width:100%;padding:13px;font-size:var(--type-panel-title)}.brief-error{color:var(--app-danger);font-size:var(--type-helper)}.quick-preview{padding-top:8px;position:sticky;top:25px}.preview-paper{background:white;border-radius:var(--radius-row);border:1px solid #e0e3da;margin-top:20px;overflow:hidden;box-shadow:0 16px 45px #00000014}.preview-heading{text-align:center;padding:22px 16px 14px}.preview-heading small{letter-spacing:2px;font-size:var(--type-mono);color:#8a967c}.preview-heading h3{font-family:var(--font-serif);font-size:22px;line-height:1.6;margin:14px 0 0}.preview-photo{height:190px;display:grid;place-items:center;background:#e8ebdf}.preview-photo img{width:100%;height:100%;object-fit:contain}.preview-photo span{font-size:var(--type-mono);letter-spacing:4px;color:#829074}.preview-lines{display:grid;justify-items:center;gap:var(--space-2);padding:25px}.preview-lines>*{height:5px;width:70%;background:#e8ece3}.preview-lines b{width:40%;background:#b6c0aa;height:8px}.preview-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding:0 20px 24px}.preview-tiles span{background:#f1f4ec;padding:30px 0;text-align:center;font-size:var(--type-mono);color:#8b967f}.quick-preview>p{text-align:center;font-size:var(--type-mono);color:var(--app-muted);line-height:1.9;margin:22px 0}
.module-filterbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.visual-modules{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px}.module-card{overflow:hidden;background:var(--app-surface);border:1px solid var(--line);border-radius:8px}.module-preview{height:320px;overflow-x:hidden;overflow-y:auto;background:var(--control-hover);padding:12px}.module-card-body{padding:18px}.module-card-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0}.module-card-meta small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-card-body small,.module-card-body p{font-size:var(--type-meta);color:var(--app-muted)}.module-card-body h3{font-size:var(--type-card-title);margin:8px 0}.module-unavailable{padding:100px 20px;text-align:center;color:var(--app-muted)}
.brief-materials{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.material-drop{margin:0;min-height:72px}.material-item{border:1px solid var(--line);border-radius:var(--radius-inset);padding:var(--space-3);margin-top:10px;overflow-wrap:anywhere}.material-item summary{font-size:var(--type-body-sm);cursor:pointer}.material-item textarea{font-size:var(--type-input)}.brief-materials [role=status]{font-size:var(--type-body-sm);color:var(--control-text)}
.brief-group-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:12px}.brief-group-heading h2{font-size:var(--type-panel-title);margin:0}.brief-group-heading h2 small{font-size:var(--type-meta);font-weight:400;color:var(--muted)}.brief-group-heading>span{font-size:var(--type-meta);color:var(--muted)}.material-inputs{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-3);align-items:end}.material-url-group{display:flex;align-items:end;gap:6px}.material-url-group .field{margin:0;min-width:0;flex:1}.material-url-group .btn{min-height:42px;white-space:nowrap}.material-drop span{font-size:var(--type-helper)}.material-guide{margin-top:9px;font-size:var(--type-helper);color:var(--muted)}.material-guide summary{cursor:pointer}.material-guide p{line-height:1.7;margin:8px 0}.brief-form .brief-error:empty,.brief-photos:empty{display:none}.brief-save-status{margin:10px 0 0;text-align:center;font-size:var(--type-body-sm)}.brief-form .section-heading{margin-bottom:8px}.brief-options:not([open]) summary{margin-bottom:0}.brief-form textarea{resize:vertical}.quick-preview>p{margin:14px 0}.brief-form .brief-error{margin:8px 0}.brief-options{margin-bottom:14px}
.brief-methods{border:0;margin:2px 0 18px;padding:0}.brief-methods legend{font-size:var(--type-card-title);color:var(--app-ink);margin-bottom:8px}.brief-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.brief-method{display:block;position:relative;border:1px solid var(--line);border-radius:var(--radius-row);padding:11px;background:var(--app-surface);cursor:pointer;min-width:0}.brief-method.selected{border-color:var(--line);background:var(--app-surface-subtle);box-shadow:0 0 0 1px var(--app-accent) inset}.brief-method input{position:absolute;opacity:0;pointer-events:none}.brief-method span{display:flex;flex-direction:column;gap:5px}.brief-method strong{font-size:var(--type-body-sm);color:var(--app-ink)}.brief-method small{font-size:var(--type-meta);line-height:1.55;color:var(--app-muted)}.brief-method em{font-style:normal;font-size:var(--type-body-sm);color:var(--app-ink)}
@media(max-width:650px){.material-inputs{grid-template-columns:1fr}.brief-group-heading{flex-wrap:wrap;gap:4px}}
.compact-layer-list{gap:2px;margin-top:4px;flex-shrink:0}.compact-layer-list .layer-row{display:flex;align-items:center;min-width:0;height:var(--dps-left-row-height)}.compact-layer-list .layer-toggle{width:22px;height:30px;flex-shrink:0;border:0;background:transparent;color:var(--muted);padding:0;cursor:pointer}.compact-layer-list .layer-section{flex:1;min-width:0;width:auto;height:var(--dps-left-row-height);padding:5px 5px 5px 0;gap:5px}.compact-layer-list .layer-section strong{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-editor-layer);font-weight:500}.compact-layer-list .layer-order{flex-shrink:0;font-size:var(--type-editor-micro-meta)}.compact-layer-list .layer-state{flex-shrink:0;font-size:var(--type-editor-control);color:var(--muted)}.compact-layer-list .layer-children{padding:0 5px 5px 25px;gap:0}.compact-layer-list .layer-children[hidden]{display:none}.compact-layer-list .layer-children button{height:28px;padding:4px 6px;justify-content:flex-start;gap:9px}.layer-kind{width:12px;text-align:center;font-size:var(--type-editor-layer);color:var(--muted)}.layer-tree-tools{display:flex;gap:2px}.layer-tree-tools button{width:24px;height:24px;border:0;border-radius:var(--radius-single);background:transparent;color:var(--muted);cursor:pointer}.layer-tree-tools button:hover,.layer-toggle:hover{background:var(--control-hover)}.layer-list-heading small{font-size:var(--type-editor-helper);color:var(--muted);font-weight:400}.compact-layer-list button:focus-visible,.layer-tree-tools button:focus-visible{outline:2px solid var(--control-focus);outline-offset:-2px}.compact-layer-list .layer-group.active{background:var(--blue-bg)}.compact-layer-list .layer-group.active .layer-section{color:var(--blue)}
@media(max-width:1250px){.global-nav{width:164px}.global-workspace{margin-left:0}.global-workspace .editor-workspace{grid-template-columns:150px minmax(220px,1fr) 180px 240px}.quick-grid{gap:25px}.quick-page{padding:35px 25px}.inspector{padding:16px 12px}.canvas-toolbar .segmented{display:none}}
@media(max-width:960px){.global-nav{width:144px}.global-workspace{margin-left:0}.global-nav nav button{font-size:var(--type-navigation);padding:0 5px;gap:4px}.global-workspace .editor-workspace{grid-template-columns:minmax(210px,1fr) 180px 230px}.editor-left{display:none}.quick-grid{grid-template-columns:1fr}.quick-preview{display:none}.review-layout{grid-template-columns:1fr}.review-scroll{height:70vh}.review-side{grid-template-columns:repeat(2,minmax(0,1fr))}.app-content{padding:20px}.app-content .thumb-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.global-nav{width:108px;padding:20px 7px}.studio-logo{font-size:var(--type-navigation);padding:0 6px}.studio-logo strong{font-size:21px}.nav-caption{margin:25px 6px 12px;font-size:var(--type-navigation)}.global-nav nav button{font-size:var(--type-navigation);gap:2px;padding:0 2px}.global-nav nav button span{font-size:var(--icon-dense);width:17px}.nav-bottom{padding:25px 3px;font-size:var(--type-meta)}.global-workspace{margin-left:0}.quick-page{padding:25px 14px}.brief-form{padding:16px}.brief-form .section-heading{flex-direction:column;align-items:start}.brief-photos{grid-template-columns:repeat(2,1fr)}.global-workspace .editor-workspace{display:flex;flex-direction:column}.editor-center{min-height:65vh}.editor-quick,.editor-right{max-height:50vh;overflow:auto}.editor-app{height:auto}.canvas-scroll{min-height:55vh}.app-content{padding:14px}.review-side{grid-template-columns:1fr}.review-scroll{min-height:400px}.project-grid{grid-template-columns:1fr}.creator-layout{grid-template-columns:1fr}.visual-modules{grid-template-columns:1fr}.app-content .thumb-grid{grid-template-columns:repeat(2,1fr)}}
.service-global-nav .studio-logo{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0;padding:0 8px;color:var(--app-ink);text-decoration:none;line-height:1}
.service-global-nav .studio-logo strong{font-size:38px;font-weight:800;line-height:.88;letter-spacing:-2.6px}
.service-global-nav .studio-logo>span{margin-top:5px;color:var(--app-muted);max-width:100%;font-size:var(--type-navigation);font-weight:var(--weight-regular);line-height:var(--leading-control);letter-spacing:-.4px;white-space:normal;overflow-wrap:break-word}
.service-global-nav .nav-caption{margin-top:34px}
@media(max-width:1250px){.service-global-nav .studio-logo strong{font-size:33px;letter-spacing:-2.25px}.service-global-nav .studio-logo>span{font-size:var(--type-navigation);letter-spacing:-.25px}}
@media(max-width:960px){.service-global-nav .studio-logo{padding-inline:6px}.service-global-nav .studio-logo strong{font-size:30px;letter-spacing:-2px}.service-global-nav .studio-logo>span{font-size:var(--type-navigation);letter-spacing:-.2px}}
@media(max-width:600px){.service-global-nav .studio-logo{padding-inline:3px}.service-global-nav .studio-logo strong{font-size:23px;letter-spacing:-1.5px}.service-global-nav .studio-logo>span{margin-top:4px;font-size:var(--type-navigation);letter-spacing:-.15px}.service-global-nav .nav-caption{margin-top:25px}}
@media(max-width:1000px){html[data-mobile-panel=menu] .service-global-nav .studio-logo{padding-inline:8px}html[data-mobile-panel=menu] .service-global-nav .studio-logo strong{font-size:36px;letter-spacing:-2.4px}html[data-mobile-panel=menu] .service-global-nav .studio-logo>span{margin-top:5px;font-size:var(--type-navigation);letter-spacing:-.4px}}
.global-workspace .editor-workspace{--editor-left-width:185px;--editor-quick-width:210px;--editor-right-width:280px;grid-template-columns:var(--editor-left-width) 1px minmax(260px,1fr) 1px var(--editor-quick-width) 1px var(--editor-right-width)}
.editor-panel-resizer{position:relative;z-index:2;width:7px;min-width:0;margin-left:-3px;cursor:col-resize;touch-action:none;outline:none;background:transparent}
.editor-panel-resizer::before{content:"";position:absolute;top:0;bottom:0;left:3px;width:1px;background:var(--line);transition:background-color var(--motion-fast) ease;pointer-events:none}
.editor-panel-resizer:hover::before{background:var(--interaction-line-hover)}
.editor-panel-resizer.is-dragging::before{background:var(--interaction-line-drag);transition:none}
html body .editor-panel-resizer:focus-visible{outline:1px solid var(--interaction-focus);outline-offset:-1px;box-shadow:none}
.production-app-surface:has(>.global-nav-resizer)>.global-nav{width:var(--editor-global-width,192px);border-right:0}
.production-app-surface:has(>.global-nav-resizer)>.global-workspace{margin-left:var(--editor-global-width,192px)}
.production-app-surface:has(>.service-global-nav):not(:has(>.global-nav-resizer))>.global-workspace{margin-left:192px}
.service-page{max-width:900px}.service-empty{padding:var(--space-6)}
.service-empty h2{margin-top:0}.service-empty .help{color:var(--app-muted)}
.service-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin:var(--space-4) 0}
.service-stats>div{padding:var(--space-3);background:var(--app-surface-subtle);border:1px solid var(--line);border-radius:var(--radius-control)}
.service-stats dt{font-size:var(--type-helper);color:var(--app-muted)}.service-stats dd{margin:var(--space-1) 0 0;font-weight:600;overflow-wrap:anywhere}
.start-content .start-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);max-width:900px}
.start-content .start-options .panel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}
.start-content .start-options .panel p{margin:0;color:var(--app-muted)}
.global-nav-resizer{position:fixed;z-index:25;top:0;bottom:0;left:calc(var(--editor-global-width,192px) - 3px);width:7px;margin-left:0}
.global-nav-resizer::before{background:var(--line)}
body.is-resizing-editor-panels,body.is-resizing-editor-panels *{cursor:col-resize!important;user-select:none!important}
@media(min-width:1001px){.global-workspace .editor-workspace>.editor-left{border-right:0}.global-workspace .editor-workspace>.editor-quick,.global-workspace .editor-workspace>.editor-right{border-left:0}}
@media(max-width:1250px){.global-workspace .editor-workspace{--editor-left-width:150px;--editor-quick-width:180px;--editor-right-width:240px;grid-template-columns:var(--editor-left-width) 1px minmax(220px,1fr) 1px var(--editor-quick-width) 1px var(--editor-right-width)}}
@media(max-width:1250px){.production-app-surface:has(>.global-nav-resizer)>.global-nav{width:var(--editor-global-width,164px)}.production-app-surface:has(>.global-nav-resizer)>.global-workspace{margin-left:var(--editor-global-width,164px)}}
@media(max-width:1250px){.production-app-surface:has(>.service-global-nav):not(:has(>.global-nav-resizer))>.global-workspace{margin-left:164px}}
@media(max-width:1000px){.editor-panel-resizer{display:none}}
@media(max-width:1000px){.production-app-surface:has(>.global-nav-resizer)>.global-workspace{margin-left:0}.global-nav-resizer{display:none}}
@media(max-width:960px){.production-app-surface:has(>.service-global-nav):not(:has(>.global-nav-resizer))>.global-workspace{margin-left:144px}}
@media(max-width:600px){.production-app-surface:has(>.service-global-nav):not(:has(>.global-nav-resizer))>.global-workspace{margin-left:108px}.start-content .start-options{grid-template-columns:1fr}}
.compact-layer-list .layer-row,.compact-layer-list .layer-children button{border-radius:var(--radius-control);transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease}
.section-action-row{width:100%;gap:var(--space-1);flex-wrap:nowrap}
html body .tree-footer-actions .section-action-row .btn{display:grid;place-items:center;width:100%;min-width:0;height:var(--control-dense-height);min-height:var(--control-dense-height);padding:var(--space-1) 0;font-size:calc(14px * var(--app-ui-scale));line-height:1}
.tree-footer-actions{display:grid;gap:var(--space-1);min-width:0}
html body .tree-footer-actions>.btn{height:calc(var(--control-dense-height) + 2px);min-height:calc(var(--control-dense-height) + 2px);margin:0;padding:0 var(--space-2);font-size:var(--type-editor-control);line-height:1.2;white-space:normal}
.quick-panel-tabs{gap:12px}
.quick-panel-tabs button{white-space:nowrap}
.editor-quick .panel-tabs button.active,.editor-right .panel-tabs button.active{color:var(--app-ink);border-bottom-color:transparent;font-weight:650}
.editor-app .search-control:focus-within{box-shadow:none}
.compact-layer-list .layer-row .layer-section{color:inherit}
.compact-layer-list .layer-section:hover{background:transparent}
.compact-layer-list .layer-group:not(.active) .layer-row:hover,.compact-layer-list .layer-children button:hover:not(.active){background:var(--control-hover);color:var(--control-text)}
.compact-layer-list .layer-group:not(.active) .layer-row:hover :is(.layer-toggle,.layer-order),.compact-layer-list .layer-children button:hover:not(.active) .layer-kind{color:var(--control-text)}
.compact-layer-list .layer-group.active .layer-section strong,.compact-layer-list .layer-children button.active{font-weight:700}
.compact-layer-list .layer-drag-handle{display:inline-grid;place-items:center;flex:none;width:18px;height:30px;color:var(--muted);font-size:var(--type-editor-value);letter-spacing:-3px;cursor:grab;user-select:none}
.compact-layer-list .layer-drag-handle:hover{color:var(--control-text)}
.compact-layer-list .layer-drag-handle:active{cursor:grabbing}
.compact-layer-list .layer-children button.active{background:var(--blue-bg);color:var(--blue)}
.numeric-field input[type=number]{appearance:textfield;-moz-appearance:textfield;background:var(--app-surface-subtle);border-color:transparent;border-radius:var(--radius-single)}
.numeric-field input::-webkit-inner-spin-button,.numeric-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.numeric-field [data-scrub]{cursor:ew-resize;user-select:none;touch-action:none;display:flex;justify-content:space-between}
.numeric-field [data-scrub] small{opacity:.45}.numeric-field:has(input:disabled) [data-scrub]{cursor:not-allowed}
.scrubbing-number,.scrubbing-number *{cursor:ew-resize!important;user-select:none!important}
.text-alignment{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--app-surface-subtle);border-radius:7px}
.text-alignment button{display:flex;justify-content:center;align-items:center;flex:1;height:32px;border:0;border-radius:5px;background:transparent;color:var(--app-ink)}
.text-alignment button[aria-pressed=true]{background:var(--app-surface);color:var(--control-text);box-shadow:0 1px 3px #0001}
.text-alignment button:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px}
.position-controls .section-heading{margin-bottom:8px}
.position-controls .property-caption{margin:0}
.position-controls [data-position-warning]{color:var(--ink);border-left:2px solid var(--line);padding-left:8px}
.production-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--space-5);align-items:start}
.production-section-list{list-style:none;margin:24px 0 0;padding:0}
.production-section-row{display:grid;grid-template-columns:26px 52px minmax(0,1fr);gap:var(--space-3);align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.production-section-row.is-current{background:var(--app-surface-subtle)}.production-section-row strong{display:block;font-size:var(--type-panel-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.production-section-row small{display:block;color:var(--app-muted);margin-top:5px}.production-order{font-size:var(--type-meta);color:var(--app-muted)}
.production-thumb{height:52px;display:grid;place-items:center;background:var(--app-surface-subtle);border-radius:var(--radius-inset);overflow:hidden;font-size:var(--type-helper);color:var(--app-muted)}
.production-thumb img{width:100%;height:100%;object-fit:contain}.production-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.production-reference-grid img{width:100%;height:100px;object-fit:contain;background:var(--app-surface-subtle);border-radius:5px}.production-advanced{margin-top:20px}.production-advanced>summary{cursor:pointer;color:var(--app-muted);font-size:var(--type-body);margin-bottom:12px}
@media(max-width:900px){.production-workspace{grid-template-columns:1fr}.production-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.production-run-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:var(--space-6);background:var(--app-overlay);color:var(--app-ink);backdrop-filter:blur(2px);overscroll-behavior:contain}
.production-run-dialog{width:min(440px,calc(100vw - 32px));box-sizing:border-box;padding:28px;border:1px solid var(--line);border-radius:15px;background:var(--app-surface);box-shadow:var(--app-shadow-overlay);text-align:center}
.production-step{margin:0 0 9px;color:var(--app-muted);font-size:var(--type-helper);font-weight:700;letter-spacing:1.4px}.production-run-dialog h2{margin:0;font-size:var(--type-viewer-title);line-height:1.35;color:var(--app-ink)}.production-run-detail{margin:10px 0 22px;color:var(--app-muted);font-size:var(--type-helper);line-height:1.65}
.production-progress{height:6px;overflow:hidden;border-radius:20px;background:var(--control-selected);text-align:left}.production-progress>span{display:block;height:100%;border-radius:inherit;background:var(--control-text);transition:width .35s ease}
.production-run-meta{display:flex;justify-content:space-between;gap:14px;margin-top:11px;color:var(--app-muted);font-size:var(--type-meta);text-align:left}.production-run-meta>span:last-child{white-space:nowrap}.production-run-meta strong{color:var(--app-ink);font-variant-numeric:tabular-nums}
.production-run-message{margin:18px 0 0;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--app-surface-subtle);color:var(--app-ink);font-size:var(--type-helper);line-height:1.55;text-align:left}.production-run-message.is-error{border-color:var(--control-text);background:var(--app-danger-soft);color:var(--app-danger)}
.production-run-actions{display:flex;justify-content:center;gap:var(--space-2);margin-top:20px}.production-run-actions .btn{min-width:128px;min-height:42px;border-color:var(--control-border);background:var(--app-surface);color:var(--control-text)}.production-run-actions .btn.primary{border-color:var(--control-text);background:var(--control-text);color:var(--control-surface)}.production-run-actions .btn.danger{border-color:var(--control-text);color:var(--app-danger)}.production-run-actions .btn:hover:not(:disabled){border-color:var(--control-text);background:var(--control-hover)}.production-run-actions .btn.primary:hover:not(:disabled){background:var(--app-primary-hover)}
.production-cancel-help{margin:10px 0 0;color:var(--app-muted);font-size:var(--type-helper);line-height:1.5}body:has(.production-run-overlay){overflow:hidden}
@media(max-width:520px){.production-run-dialog{padding:24px 18px}.production-run-meta{display:grid;gap:6px}.production-run-actions{flex-direction:column}.production-run-actions .btn{width:100%}}

/* Module previews fit their card; the source artboard uses the canonical page width. */
.module-preview>.page-viewport{overflow:hidden;max-width:100%}
/* No active canvas selection. */
.inspector-empty{padding:18px 4px;color:var(--muted);font-size:var(--type-editor-helper);line-height:1.8}
.inspector-empty strong{color:var(--ink);font-weight:600}

/* New-page brief: one calm sequence from required facts to optional sources. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.quick-page{padding-block:22px 26px}.quick-grid{gap:24px}.brief-form{padding:0;overflow:hidden}.brief-form .field{gap:3px;margin-bottom:10px}.brief-form input:not([type=file]),.brief-form textarea,.brief-form select{padding-block:10px}.brief-block{padding:18px 26px;border-bottom:1px solid var(--line)}.brief-block .field:last-child{margin-bottom:0}.brief-block .field>.help{display:block;margin-top:5px}.brief-group-heading{margin-bottom:7px}.brief-planning-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:end}.brief-planning-controls .field{margin-bottom:0}.brief-planning-flow{display:grid;grid-template-columns:repeat(var(--planning-columns,5),minmax(0,1fr));gap:5px;margin:5px 0 18px}.brief-planning-step{display:flex;align-items:center;gap:5px;min-width:0;padding:6px 7px;border-radius:5px;background:var(--app-surface-subtle);color:var(--app-ink);font-size:var(--type-helper);line-height:1.35;font-weight:650;word-break:keep-all}.brief-planning-step b{display:grid;place-items:center;flex:0 0 17px;height:17px;border-radius:50%;background:var(--app-surface);color:var(--app-ink);font-size:var(--type-meta)}.brief-tone-field{max-width:360px}.brief-methods{margin:0}.brief-method{min-height:78px;padding:11px 12px}.brief-method strong{font-size:var(--type-card-title)}.brief-method small{font-size:var(--type-meta);line-height:1.45}.brief-method-flow,.json-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px;padding:8px 10px;border-radius:var(--radius-control);background:var(--control-selected)}.brief-method-flow span,.json-process span{display:flex;align-items:center;gap:6px;min-width:0;color:var(--app-ink);font-size:var(--type-meta);line-height:1.4}.brief-method-flow b,.json-process b{display:grid;place-items:center;flex:0 0 18px;height:18px;border-radius:50%;background:var(--app-surface);color:var(--control-text);font-size:var(--type-meta)}.brief-support>.brief-group-heading{margin-bottom:8px}.brief-photo-heading{margin-top:0}.brief-photo-drop{min-height:60px;gap:5px}.brief-photos{margin-top:10px}.brief-materials{margin-top:14px;padding-top:12px}.brief-form .section-heading,.brief-materials .section-heading{margin-bottom:4px}.material-inputs{display:flex;flex-direction:column;align-items:stretch;gap:10px}.material-drop{min-height:60px;gap:5px}.material-url-section{display:grid;gap:3px}.material-url-section>span{font-size:var(--type-meta);color:var(--app-ink)}.material-url-group{align-items:stretch}.material-url-group .btn{min-width:88px}.material-guide-line{margin:5px 0 0;color:var(--muted);font-size:var(--type-helper);line-height:1.5}.brief-submit{padding:14px 26px 16px}.brief-submit .brief-error{margin-top:0}.brief-method-note{margin:8px 0 0;text-align:center;line-height:1.55}.brief-save-status{margin-top:5px}.quick-preview{top:84px}
.brief-form{color:var(--app-control-text);border-color:var(--line)}.brief-form .field>span,.material-url-section>span{color:var(--app-ink)}.brief-form input:not([type=file]),.brief-form textarea,.brief-form select{border-color:var(--control-border);color:var(--app-control-text)}.brief-form input::placeholder,.brief-form textarea::placeholder,.brief-form .section-heading>span,.brief-group-heading>span,.brief-drop span{color:var(--app-muted)}.brief-block,.brief-materials,.brief-options{border-color:var(--line)}.brief-method{border:1px solid var(--line);color:var(--app-ink)}.brief-method.selected{border:1px solid var(--line);background:var(--app-surface);box-shadow:none}.brief-method strong{color:var(--app-control-text)}.brief-method small{color:var(--app-muted)}.brief-method em{color:var(--app-ink)}.brief-method-flow,.json-process{background:var(--app-surface-subtle)}.brief-method-flow span,.json-process span{color:var(--app-ink)}.brief-method-flow b,.json-process b{color:var(--app-ink)}.brief-drop{border-color:var(--line);background:var(--app-surface-subtle)}.brief-drop:focus-within{outline-color:var(--control-focus)}.brief-photos button{background:var(--control-hover);color:var(--app-ink)}.brief-photos button.selected{background:var(--app-muted);color:var(--app-surface)}.brief-options summary{color:var(--app-ink)}.brief-form .btn.primary{background:var(--app-control-text);border-color:var(--app-control-text)}.brief-form .btn.primary:hover:not(:disabled){background:var(--control-text);border-color:var(--line)}
.brief-production-method{border-bottom:0}.brief-method-switcher{margin-top:2px;background:transparent}.brief-methods{display:flex;align-items:flex-end;gap:3px;margin:0;border:0}.brief-method{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;flex:1;min-height:42px;margin:0 0 -1px;padding:9px 12px;border:1px solid var(--line);border-radius:7px 7px 0 0;background:var(--app-surface);text-align:center;transition:background-color var(--motion-standard) ease,color var(--motion-standard) ease,border-color var(--motion-standard) ease}.brief-method:hover{border-color:var(--line);background:var(--control-hover);color:var(--app-ink)}.brief-method.selected,.brief-method.selected:hover{z-index:2;padding-bottom:9px;border-color:var(--line);border-bottom-color:var(--app-surface);background:var(--app-surface);color:var(--app-ink)}.brief-method:has(input:focus-visible){outline:2px solid var(--control-focus);outline-offset:2px}.brief-method strong{font-size:var(--type-body-sm);font-weight:650;color:inherit}.brief-method-console{position:relative;z-index:1;margin:0;padding:14px;border:1px solid var(--line);border-radius:0 0 8px 8px;background:var(--app-surface)}.brief-method-console .brief-error{margin:7px 0 0}.brief-method-console .brief-save-status{margin-top:5px}.production-setup-intro{margin-bottom:14px}.production-setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.production-setup-steps>span{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 8px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--app-surface-subtle)}.production-setup-steps b{grid-row:1/3;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--control-hover);color:var(--app-ink);font-size:var(--type-meta)}.production-setup-steps strong{font-size:var(--type-helper);color:var(--app-control-text)}.production-setup-steps small{font-size:var(--type-meta);color:var(--app-muted);line-height:1.5}
.json-production-guide{padding:18px}.json-production-guide>strong{font-size:var(--type-panel-title)}.json-production-guide .json-process{grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0;background:var(--app-surface)}.json-production-guide .actions{margin-top:10px}.json-result-dialog{display:grid;gap:14px}.json-dialog-steps{margin:0;padding:14px 14px 14px 34px;border-radius:var(--radius-control);background:var(--control-selected);color:var(--app-ink);font-size:var(--type-helper);line-height:1.8}.json-result-dialog .field{margin:0}.json-result-dialog textarea{font-family:var(--font-mono);font-size:var(--type-mono);line-height:1.55}.json-result-dialog details{font-size:var(--type-helper);color:var(--muted)}.json-result-dialog pre{max-height:220px;overflow:auto;padding:var(--space-3);background:var(--app-surface-subtle);color:var(--ink);white-space:pre-wrap}.json-validation{margin:0;padding:10px 12px;border-left:3px solid var(--line);background:var(--app-surface-subtle);color:var(--app-ink);font-size:var(--type-body-sm);line-height:1.55}.json-validation.is-valid{border-color:var(--control-text);background:var(--control-selected);color:var(--control-text)}.json-validation.is-error{border-color:var(--app-danger);background:var(--app-danger-soft);color:var(--app-danger)}
@media(max-width:720px){.brief-block,.brief-submit{padding:16px}.brief-planning-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-planning-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-methods{grid-template-columns:1fr}.brief-method{min-height:0}.brief-method-flow,.json-process,.json-production-guide .json-process,.production-setup-steps{grid-template-columns:1fr}.brief-method-actions{display:grid}.brief-method-guide{min-width:0}.brief-tone-field{max-width:none}.json-production-guide .actions{display:grid}.json-production-guide .actions .btn{width:100%}}
@media(max-width:520px){.brief-planning-controls{grid-template-columns:1fr}}

.brief-method-run-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}.brief-method-run-actions .brief-method-stage-action{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0;min-height:44px;padding:8px 12px;text-align:left;color:var(--app-ink);transition:background-color var(--motion-standard) ease,border-color var(--motion-standard) ease,color var(--motion-standard) ease}.brief-method-run-actions .brief-method-stage-action:hover:not(:disabled){border-color:var(--line);background:var(--control-hover);color:var(--app-ink)}.brief-method-run-actions .brief-method-stage-action.primary{border-color:var(--app-control-text);background:var(--app-control-text);color:var(--app-surface)}.brief-method-run-actions .brief-method-stage-action.primary:hover:not(:disabled){border-color:var(--line);background:var(--app-muted);color:var(--app-surface)}.brief-method-stage-action>b,.json-stage-action>b{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:var(--app-surface);color:var(--app-ink);font-size:var(--type-meta)}.brief-method-stage-action.primary b{color:var(--app-control-text)}.brief-method-stage-action span{overflow:hidden;text-overflow:ellipsis;color:inherit}.brief-method-stage-action.brief-stage-pending:disabled{border-color:var(--line);background:var(--app-surface-subtle);color:var(--app-control-muted);opacity:1}.brief-method-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:11px;padding-top:9px;border-top:1px solid var(--line)}.brief-method-meta .brief-method-note{flex:1;margin:0;text-align:left}.brief-method-help-link{flex:0 0 auto;border:0;background:transparent;padding:3px 0;color:var(--app-ink);font-size:var(--type-button);text-decoration:underline;text-underline-offset:3px;transition:color var(--motion-standard) ease}.brief-method-help-link:hover{background:transparent;color:var(--app-ink)}
.json-production-guide{padding:17px 18px;border-color:var(--line);background:var(--app-surface);color:var(--app-control-text)}.json-production-guide>strong{display:block;font-size:var(--type-panel-title)}.json-production-guide>strong+.help{margin:3px 0 12px}.json-production-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.json-production-actions .json-stage-action{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:54px;padding:9px 12px;text-align:left;white-space:normal}.json-stage-action>span{display:grid;gap:1px;font-weight:650;line-height:1.35}.json-stage-action small{font-size:var(--type-meta);font-weight:400;color:var(--app-muted)}.json-production-actions .primary{background:var(--app-control-text);border-color:var(--app-control-text)}.json-production-actions .primary:hover:not(:disabled){background:var(--control-text);border-color:var(--line)}.json-production-actions .primary small{color:var(--app-muted)}.json-production-utilities{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.json-production-utilities .btn{border-color:var(--line);background:var(--app-surface-subtle);color:var(--app-ink)}.json-production-footnote{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--line)}
@media(max-width:720px){.brief-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.brief-method{min-width:0;padding-inline:6px}.brief-method-run-actions,.json-production-actions{grid-template-columns:1fr}.brief-method-meta{align-items:flex-start;flex-direction:column;gap:4px}.json-production-utilities{display:grid;grid-template-columns:1fr}.json-production-utilities .btn{width:100%}}
.brief-method-console{border-color:var(--line)}.brief-method.selected,.brief-method.selected:hover{border-color:var(--line);border-bottom-color:var(--app-surface)}
/* Design inputs are parked in the content tree until their owner is selected. */
#inspector [data-inspector-body]:not([data-selected-editor]) [data-quick-property],
#inspector .tree-design { display:none !important; }

/* Keep full option labels readable in the narrow design inspector. */
.quick-inspector .form-grid > .field:has(select) { grid-column:1 / -1; }
.quick-inspector select { width:100%; min-width:0; max-width:100%; box-sizing:border-box; }
.canvas-scroll .detail-section.is-hidden { display:none !important; }

/* Informational connection choices; future MCP is not a production method. */
.ai-connection-methods{margin-bottom:var(--space-5)}
.ai-connection-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);list-style:none;margin:var(--space-3) 0 0;padding:0}
.ai-connection-list li{min-width:0;padding-left:var(--space-3);border-left:1px solid var(--line)}
.ai-connection-list .section-heading{margin-bottom:0;gap:var(--space-2);flex-wrap:wrap}
.ai-connection-list .help{margin:var(--space-2) 0 0}
@media(max-width:1100px){.ai-connection-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ai-connection-list{grid-template-columns:minmax(0,1fr)}}

.engine-typography-summary{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:var(--space-1) var(--space-2);margin:var(--space-2) 0 0;padding-top:var(--space-2);border-top:1px solid var(--line);font-size:var(--type-caption);font-weight:400}
.engine-typography-summary dt{color:var(--muted)}
.engine-typography-summary dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.engine-summary-swatch{display:inline-block;width:10px;height:10px;margin-right:var(--space-1);border:1px solid var(--line);border-radius:2px;vertical-align:middle}