.studio-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.studio-actions button{min-height:30px;height:auto;padding:5px 9px}.studio-hint{font-size:11px;line-height:1.7;color:#6b7280;margin:8px 0}.studio-modal{max-width:920px;width:94vw;max-height:88vh;display:flex;flex-direction:column;padding:24px!important}.studio-modal h2{margin:0 32px 10px 0}.studio-body{overflow:auto;min-height:0;padding:2px 4px 12px}.studio-body label{display:block;font-size:12px;color:#444;margin:12px 0 6px}.studio-body input:not([type=file]),.studio-body textarea,.studio-body select{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid #dce1e8;border-radius:7px;background:white;font:13px var(--ui-font)}.studio-body textarea{min-height:100px;resize:vertical}.studio-footer{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #eee;padding-top:12px;flex-wrap:wrap}.studio-footer .modal-action{width:auto;padding:0 18px}.studio-source{border:1px solid #e1e5eb;border-radius:9px;padding:12px;margin:10px 0;background:#fafbfc;overflow-wrap:anywhere}.studio-source h3{font-size:14px;margin:0 0 8px}.studio-source p{font-size:12px;line-height:1.7;white-space:pre-wrap}.studio-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-result{white-space:pre-wrap;line-height:1.7;font-size:12px;color:#675221;background:#fffaec;border:1px solid #f0deb0;padding:12px;border-radius:8px}.studio-status{font-size:11px;color:#806014}.studio-chip{border:1px solid #ead9b6;background:#fff9e9;border-radius:5px;padding:2px 5px;font-size:10px;color:#82611c;margin-left:8px}.studio-body .studio-card-preview{background:white;padding:16px;border:1px solid #eee;max-width:375px;margin:12px auto;overflow-wrap:anywhere}.studio-preview-paper{width:375px!important;min-width:375px;max-width:none!important;box-sizing:border-box;padding:20px 16px!important;background:#fff;color:#333;margin:0 auto}.studio-preview-paper *{box-sizing:border-box;max-width:100%}.studio-preview-paper .component{resize:none!important;outline:0!important}.workflow-mapping{max-height:190px;overflow:auto;display:block!important}.workflow-map-row{display:grid!important;grid-template-columns:minmax(0,1fr) 110px;gap:8px;margin:6px 0;align-items:center}.workflow-map-row b{font-weight:500!important;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-map-row select{min-width:0;width:110px}.studio-outline{font-size:11px;line-height:1.6;color:#616b7b}.studio-error{color:#b42318!important;background:#fff1ee!important}.studio-history-row{display:flex;gap:12px;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:10px 0;font-size:12px}.studio-sample-link{color:#785500}.studio-components .small-button{margin:4px}.studio-import-state{font-size:12px;padding:10px;border-radius:8px;background:#f6f8fc;line-height:1.8}.studio-modal img{max-width:100%;height:auto}.studio-reference-shot{max-height:240px;object-fit:contain}.studio-main-status{font-size:11px;color:#64748b}.studio-hidden{display:none!important}@media(max-width:700px){.studio-two{grid-template-columns:1fr}.studio-modal{padding:16px!important}.studio-preview-paper{width:340px!important;min-width:340px}}
.paper .render h1:after,.paper .render h2 span:after{display:none!important}.paper .render h2 span{display:inline;padding:0;border:0;line-height:inherit}.editor .component:not(.xiaoling-note) p{font-size:var(--article-base-size,15px);line-height:var(--article-line-height,1.9);margin:0 0 var(--article-paragraph-space,16px)}.editor .component{overflow-wrap:anywhere}.studio-preview-paper h2 span{padding:0;border:0;line-height:inherit}.studio-modal{z-index:1}.full-template-preview-modal{max-height:92vh!important;display:flex;flex-direction:column}.full-template-preview-stage{flex:1;min-height:0}.full-template-preview-head,.full-template-preview-actions{flex:none}#fullTemplatePreviewModal{z-index:45}#editor{font-family:Microsoft YaHei,PingFang SC,sans-serif}.studio-status-note{font-size:10px;color:#8b919b}
#editor{font-family:var(--article-font)}
#editor#editor{font-family:var(--article-font)}.studio-modal>.modal-close{position:absolute;top:16px;right:16px;float:none}.studio-modal{position:relative}.studio-modal>.studio-body{padding-top:8px}#templatesPanel:before{display:none!important}#templatesPanel .official-template-head{margin:6px 0 8px;padding-top:6px}#templatesPanel .studio-actions{margin-top:0}.device-mock.device-dark .render{color:#d2d2d2}
#fullTemplatePreviewCanvas.studio-preview-paper{width:390px!important;min-width:390px!important;padding:25px 20px 34px!important}
#editor:before,#editor h1:after,#editor h2:after,#editor h2 span:after{display:none!important}
#editor h2 span{display:inline;border:0;padding:0;line-height:inherit}
#editor .xiaoling-note{display:block!important;min-height:0!important;position:relative;padding:16px}
#editor .xiaoling-stage{position:relative;overflow:hidden;isolation:isolate}
#editor .xiaoling-stage .xiaoling-avatar-slot{position:absolute!important;left:var(--avatar-card-left,12px)!important;top:var(--avatar-card-top,12px)!important;width:var(--avatar-card-size,76px)!important;height:var(--avatar-card-size,76px)!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;transform:none!important;overflow:hidden!important;border-radius:0!important;resize:none!important}
#editor .xiaoling-stage .xiaoling-avatar-slot img{position:static!important;display:block!important;width:var(--avatar-image-width,100%)!important;height:var(--avatar-image-height,100%)!important;object-fit:contain!important;max-width:100%!important;margin:var(--avatar-image-margin,0)!important;padding:0!important;transform:none!important;border:0!important;border-radius:0!important}
#editor .xiaoling-note-copy{display:block!important;width:auto!important;padding:0!important;margin:0!important;min-width:0!important;min-height:0!important}
#editor .image-text-row{display:block!important}#editor .image-text-media,#editor .image-text-copy{width:auto!important;max-width:100%!important;flex:none!important}
.recipe-thumbnail{width:66px;height:98px;overflow:hidden;border:1px solid #e9e6df;border-radius:5px;background:#fff;margin:0;pointer-events:none;flex:none}
.recipe-thumbnail>section{width:350px;padding:14px 18px;transform:scale(.185);transform-origin:top left;box-sizing:border-box}
.recipe-thumbnail .component{box-sizing:border-box;max-width:100%}.recipe-thumbnail p{font-size:15px;line-height:1.9;margin:0 0 12px}
#templatesPanel .saved-template{padding:10px!important;border-radius:10px!important;margin:0 0 9px!important;background:#fff!important}
#templatesPanel .saved-template>span{font-size:11px;line-height:1.65;color:#747780;display:block;margin:6px 0 9px}
#templatesPanel .template-actions{gap:5px;flex-wrap:wrap}#templatesPanel .template-actions button{flex:1 1 auto;white-space:nowrap;min-height:27px}
.studio-sample-paper{width:390px;max-width:100%;box-sizing:border-box;background:#fff;border:1px solid #e7e7e7;padding:25px 20px;margin:12px auto}
.catalog-icon{margin-left:auto;color:var(--section-accent,#8063b1);font-size:26px;line-height:1}
.library-section[data-component-section=basic] .catalog-icon{color:#6b85b4}.library-section[data-component-section=layout] .catalog-icon{color:#9473ba}.library-section[data-component-section=action] .catalog-icon{color:#bc9460}
.variant-preview{box-sizing:border-box}.variant-preview .component{max-width:100%;box-sizing:border-box}.variant-preview table{width:100%;border-collapse:collapse}.variant-preview td,.variant-preview th{border:1px solid #e5e7eb;padding:8px;overflow-wrap:anywhere}
.component-density-presets{display:flex;gap:6px;margin:0 0 14px}.component-density-presets button{flex:1;padding:7px;border:1px solid #e0e3e9;border-radius:6px;background:#fafbfe;color:#46546b;cursor:pointer}.component-density-presets button:hover{border-color:#ffba32;background:#fff9e8}
.catalog-icon{display:flex;width:30px;height:30px;align-items:center;justify-content:center}.catalog-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* Compact browse surface; the full-size page is one click away. */
#templatesPanel .recipe-row{display:flex;gap:10px;align-items:flex-start;cursor:default;border-left-width:1px!important}
#templatesPanel .recipe-row:before{display:none!important}.recipe-row-copy{min-width:0;flex:1}.recipe-row-copy>b{display:block;font-size:13px;color:#26272b;line-height:1.4;margin:1px 0 5px}.recipe-row-copy>span{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6!important;font-size:10px!important;color:#777b82!important;min-height:32px;margin:0 0 7px!important}
.recipe-more{font-size:10px;position:relative;align-self:center}.recipe-more summary{cursor:pointer;color:#737983;padding:4px;list-style:none}.recipe-more[open]{flex-basis:100%;display:flex;flex-wrap:wrap}.recipe-more[open] button{margin:4px 5px 0 0}.recipe-more button{font-size:10px!important}
.template-view-options{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-bottom:5px}.template-view-options select{font-size:11px;border:1px solid #dfe3e8;border-radius:6px;background:#fff;padding:6px;max-width:175px}.template-view-options input[type=color]{width:32px;height:30px;padding:2px;border:1px solid #dfe3e8;border-radius:5px;cursor:pointer}
.catalog-more{margin-top:9px;border-top:1px solid #e5e2ed;padding-top:10px}.catalog-more summary{list-style:none;font-size:12px;color:#71647f;cursor:pointer;font-weight:700}.catalog-more summary:before{content:'＋';margin-right:5px}.catalog-more[open] summary:before{content:'−'}.catalog-more summary small{display:block;font-size:10px;line-height:1.7;color:#95909d;font-weight:400;padding-left:16px}
.image-dock-head{gap:6px}.image-dock-head>span{margin-right:auto}.image-dock-head button{font-size:10px;padding:0 6px}.image-dock:focus-visible{outline:2px solid #b6c6e1;outline-offset:-2px}
.structure-box{width:min(1120px,94vw)!important;max-width:1120px!important;height:88vh;max-height:88vh!important;padding:24px!important;display:flex;flex-direction:column;gap:10px;background:#fafbfc!important}
.structure-box>header{display:flex;justify-content:space-between;align-items:center;flex:none}.structure-box h2{margin:3px 0 0;font-size:21px}.structure-box header small{font-size:10px;color:#8a7350;letter-spacing:1px}.structure-help{font-size:12px;color:#727984;margin:0;line-height:1.7}.structure-input{display:flex;gap:12px;align-items:end}.structure-input[hidden]{display:none}.structure-input label{flex:1;font-size:12px}.structure-input textarea{display:block;width:100%;height:108px;resize:vertical;box-sizing:border-box;padding:12px;margin-top:6px;border:1px solid #dce0e7;border-radius:8px;font:13px/1.7 var(--ui-font)}
.structure-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center;border-block:1px solid #e5e7eb;padding:10px 0;flex:none}.structure-tools>span{font-size:11px;color:#7b818c;margin-right:10px}.structure-message{margin:0;font-size:11px;color:#866022;min-height:16px}
.structure-columns{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;min-height:0;flex:1}.structure-rows{overflow:auto;padding:1px 8px 8px 1px;overscroll-behavior:contain}.structure-row{display:grid;grid-template-columns:16px minmax(0,1fr) 112px;gap:9px;align-items:center;background:white;border:1px solid #e3e6eb;border-radius:8px;padding:12px 10px;margin-bottom:8px}.structure-row.candidate{border-color:#edd69f;background:#fffdf6}.structure-row b{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}.structure-row small{display:block;font-size:10px;color:#949aa4;margin-top:4px}.structure-row select{width:100%;border:1px solid #e3e6eb;border-radius:5px;padding:6px 3px;font-size:11px;background:#fafbfc}.structure-live{min-height:0;overflow:auto;background:#ebeef2;border:1px solid #e2e5e9;border-radius:10px;overscroll-behavior:contain}.structure-live>small{display:block;padding:10px 14px;font-size:10px;color:#737b89}.structure-live article{padding:25px 20px;background:white;box-sizing:border-box;min-height:100%}.structure-box>footer{border-top:1px solid #e2e5eb;padding-top:12px;display:flex;gap:8px;align-items:center;flex:none}.structure-box>footer>span{margin-right:auto;font-size:11px;color:#878d97}.structure-box>footer button{width:auto;padding:0 15px}.structure-box>footer .button{height:36px}
@media(max-width:850px){.structure-columns{grid-template-columns:1fr}.structure-live{display:none}.structure-box>footer>span{display:none}}
#componentModal .modal-box{width:min(820px,94vw);max-width:820px;max-height:90vh;display:flex;flex-direction:column}
#componentVariants.component-choice-layout{display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;gap:18px;min-height:200px;max-height:58vh;overflow:hidden;margin:12px 0}
.component-choice-list{overflow:auto;min-height:0;padding-right:6px;overscroll-behavior:contain}.component-choice-list .variant-card{width:100%;height:auto!important;min-height:0!important;text-align:left;padding:12px!important;margin:0 0 7px;display:block}.component-choice-list .variant-card b{font-size:12px;display:block}.component-choice-list .variant-card small{font-size:10px;line-height:1.6;display:block;margin-top:5px;color:#9095a0}.component-choice-archive summary{font-size:11px;color:#737986;padding:10px 0;cursor:pointer}
.component-choice-stage{min-height:0;overflow:auto;background:#f2f3f5;border:1px solid #e2e5e9;border-radius:9px;overscroll-behavior:contain}.component-choice-stage>small{display:block;padding:10px 12px;font-size:10px;color:#8b9099}.component-real-preview{width:390px;max-width:100%;padding:20px;box-sizing:border-box;background:white;margin:auto}.component-real-preview .component{box-sizing:border-box;max-width:100%}
@media(max-width:650px){#componentVariants.component-choice-layout{grid-template-columns:1fr!important;overflow:auto}.component-choice-list{display:flex;gap:8px;overflow:auto;min-height:90px}.component-choice-list .variant-card{min-width:160px}}
#templatesPanel .recipe-row .template-actions{gap:4px;flex-wrap:wrap}#templatesPanel .recipe-row .template-actions>button{padding:0 4px;font-size:10px;flex:0 0 auto}.recipe-more summary{font-size:16px;padding:0 2px;line-height:24px}
#templatesPanel .library-view-head,#templatesPanel .official-template-head{display:none!important}
#componentModal .component-choice-list .variant-card{height:auto!important;min-height:0!important;max-height:none!important;display:block!important;flex:none!important;align-self:start}
#componentModal .component-choice-list{display:block!important}
#componentModal .modal-box>.modal-close{position:absolute;right:16px;top:14px;left:auto;float:none}
#componentModal .modal-box{position:relative}
.library-panel#templatesPanel:before{display:none!important}
/* Thumbnail is the sample entry; controls don't masquerade as article content. */
.recipe-thumbnail{pointer-events:auto;position:relative;cursor:pointer;padding:0;text-align:left;transition:border-color .18s,box-shadow .18s}
.recipe-thumbnail:hover,.recipe-thumbnail:focus-visible{border-color:#ba892b;box-shadow:0 0 0 2px #ffedc4;outline:none}
.recipe-thumbnail>section{pointer-events:none}.recipe-thumbnail>small{position:absolute;inset:auto 0 0;padding:4px 0;background:#fff7e8;color:#79571b;font:10px/1.2 var(--ui-font);text-align:center;border-top:1px solid #f0e3c9}
.catalog-purpose{font-size:10px;color:#89838f;margin:0 0 10px;line-height:1.5;grid-column:1/-1}
.component-variant-search{width:100%;box-sizing:border-box;border:1px solid #DCE1E8;border-radius:6px;background:#FAFBFD;font:12px var(--ui-font);padding:9px;margin-bottom:10px;outline:none}.component-variant-search:focus{border-color:#BD9141;box-shadow:0 0 0 2px #FFF3D5}#componentModal .variant-card[hidden]{display:none!important}.component-real-preview,.studio-sample-paper,.recipe-thumbnail>section{font-weight:400}.workflow-media-row{align-items:start}.workflow-media-row select{max-width:100%;min-width:0}
.catalog-more{grid-column:1/-1}.catalog-more>.component-card{margin-top:7px}.catalog-more[open]{padding-bottom:8px}

.auto-layout-result{display:flex;flex-wrap:wrap;gap:5px;align-items:center;flex:none;padding:7px 12px;border-top:1px solid #e5dfd4;border-bottom:1px solid #e5dfd4;background:#fffaf0}
.auto-layout-result>span{flex:1;min-width:180px;font:11px/1.5 var(--ui-font);color:#80652e}.auto-layout-result button{font-size:10px;padding:3px 6px;height:auto;min-height:24px}
.image-vault-status{font:10px/1.6 var(--ui-font);color:#65748a;margin:4px 0;flex:none}.image-vault-status.error{color:#b33d2f;background:#fff0eb;padding:5px;border-radius:4px}#imageVaultBtn{align-self:flex-start;font-size:10px;height:25px;padding:0 8px;margin:0 0 6px}.vault-location{font-size:11px;overflow-wrap:anywhere;background:#f3f5f8;padding:10px;border-radius:6px}.vault-count,.vault-message{font-size:12px;line-height:1.8}.studio-body .vault-message{background:#fff9e8;padding:12px;border-radius:8px}
#imagesPanel.image-dock{grid-template-rows:auto auto auto auto minmax(0,1fr)!important}#imagesPanel .image-collection{min-height:0;align-content:start;grid-auto-rows:max-content}#imagesPanel .image-item{height:92px!important;min-height:92px;aspect-ratio:auto!important;min-width:0}#imagesPanel .image-item img{object-fit:contain!important;background:#fff}.image-vault-status.warning{color:#91691f}
.workflow-media-row{border:1px solid #e1e5eb;border-radius:7px;padding:8px;background:#fafbfc}.workflow-media-strip{display:flex;gap:5px}.workflow-media-strip img{width:38px;height:34px;object-fit:contain;background:white;border:1px solid #eee;border-radius:3px}.workflow-media-row>small{grid-column:1/-1;color:#8b8e95;font-size:10px}
.component-tone-picker{display:flex;flex-wrap:wrap;gap:5px;padding:9px 10px;border-block:1px solid #e0e3e9;background:#fafbfc;position:sticky;top:0;z-index:1}.component-tone-picker>span{width:100%;font-size:10px;color:#858b95}.component-tone-picker button{padding:5px 7px;font-size:10px;border:1px solid #e1e4e9;border-radius:5px;background:white;color:#555;cursor:pointer}.component-tone-picker button:before{content:'';display:inline-block;width:6px;height:6px;background:var(--tone);border-radius:50%;margin-right:4px}.component-tone-picker button[aria-pressed=true]{border-color:var(--tone);box-shadow:0 0 0 1px var(--tone)}
#componentsPanel [data-component-section-tab=basic]{--category:#617EA4;--category-soft:#F1F5FB}#componentsPanel [data-component-section-tab=layout]{--category:#8B6BA1;--category-soft:#F7F1FA}#componentsPanel [data-component-section-tab=action]{--category:#AD8451;--category-soft:#FBF5EA}#componentsPanel [data-component-section-tab=custom]{--category:#67798C;--category-soft:#F0F4F7}
#componentsPanel .component-subtabs button[data-component-section-tab]{color:var(--category)!important;font-size:11px!important}#componentsPanel .component-subtabs button[data-component-section-tab].active{color:var(--category)!important;border-color:var(--category)!important;background:var(--category-soft)!important;box-shadow:0 2px 6px #22334409!important}#componentsPanel .component-subtabs button:before{background:var(--category)!important}
#componentsPanel [data-component-section=basic]{--category:#617EA4;--category-soft:#F1F5FB}#componentsPanel [data-component-section=layout]{--category:#8B6BA1;--category-soft:#F7F1FA}#componentsPanel [data-component-section=action]{--category:#AD8451;--category-soft:#FBF5EA}
#componentsPanel .library-section[data-component-section] button.component-card{border-left:3px solid var(--category,#67798C)!important;background:linear-gradient(115deg,#fff,var(--category-soft,#f7f8fa))!important}#componentsPanel .library-section .catalog-icon{color:var(--category,#67798C)!important}#componentsPanel .library-section>h3{color:var(--category,#67798C)!important}#componentsPanel .library-section>h3:before{background:var(--category,#67798C)!important}
/* A single browsing layout across all four categories; colour is the only category variation. */
#componentsPanel [data-component-section=custom]{--category:#67798C;--category-soft:#F0F4F7}
.library-panel#componentsPanel:before{display:none!important}
#componentsPanel .component-subtabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;padding:5px 0!important;margin:0 0 10px!important;background:#F8FAFD!important;border:0!important;box-shadow:none!important;position:sticky!important;top:0;z-index:3}
#componentsPanel .component-subtabs button[data-component-section-tab]{height:34px!important;padding:0 6px!important;border-radius:7px!important;letter-spacing:0!important;font-size:12px!important;border:1px solid #E2E6EC!important;background:#FFF!important}
#componentsPanel .component-subtabs button:before{display:none!important}
#componentsPanel .component-subtabs button:focus-visible{outline:2px solid var(--category);outline-offset:2px}
#componentsPanel .library-section[data-component-section]:not(.component-section-hidden){display:block!important;padding:10px!important;margin:0!important;border-radius:9px!important;background:#FAFBFD!important;box-shadow:none!important;border:1px solid #E0E5EB!important}
#componentsPanel .library-section.component-section-hidden{display:none!important}
#componentsPanel .catalog-purpose{margin:0 0 10px!important;padding:0!important;font:10px/1.65 var(--ui-font);color:#7B8390;min-height:33px}
#componentsPanel .catalog-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;padding:0;margin:0;align-content:start;min-width:0}
#componentsPanel .library-section .component-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;height:64px!important;min-height:64px!important;box-sizing:border-box!important;padding:10px 11px!important;margin:0!important;border-radius:8px!important;border:1px solid #E0E5EB!important;box-shadow:0 1px 2px #26344804!important;text-align:left!important;transition:border-color .16s,box-shadow .16s,transform .16s!important}
#componentsPanel .library-section .component-card:hover,#componentsPanel .library-section .component-card:focus-visible{border-color:var(--category)!important;box-shadow:0 3px 10px #2634480C!important;outline:none;transform:translateY(-1px)}
#componentsPanel .component-card:before,#componentsPanel .component-card:after{display:none!important}
#componentsPanel .component-card-top{display:block!important;min-width:0!important;flex:1!important;padding:0!important;line-height:1.5!important}
#componentsPanel .component-card-top b{display:block!important;font:600 13px/1.5 var(--ui-font)!important;color:#303944!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#componentsPanel .component-card-top small{display:block!important;font:10px/1.5 var(--ui-font)!important;color:#7B8593!important;text-decoration:none!important;margin:3px 0 0!important;white-space:nowrap}
#componentsPanel .component-card .catalog-icon{flex:0 0 28px!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;color:var(--category)!important}
#componentsPanel .catalog-icon svg{width:25px!important;height:25px!important}
#componentsPanel .catalog-more{display:block!important;grid-column:auto!important;margin:12px 0 0!important;padding:10px 0 0!important;border-top:1px solid #E1E5EC!important}
#componentsPanel .catalog-more summary{font:600 11px/1.7 var(--ui-font);color:var(--category);padding:0}
#componentsPanel .catalog-more[open] summary{margin-bottom:9px}
#componentsPanel .catalog-empty{padding:18px 12px;background:white;border:1px dashed #D6DDE6;border-radius:8px;color:#7B8593;font:11px/1.8 var(--ui-font);margin:0}
#componentsPanel .studio-components:empty{display:none!important}
#componentsPanel .studio-components:not(:empty){margin-top:7px}
#componentModal .modal-box{height:min(700px,90vh);padding:22px!important;gap:0}
#componentModalTitle{margin:0 34px 6px 0!important;font-size:20px!important}
#componentModalCopy{margin:0 0 8px!important;font-size:12px;line-height:1.7;color:#7B8390}
#componentVariants.component-choice-layout{flex:1;min-height:0!important;max-height:none!important;margin:8px 0 14px!important;gap:16px!important;grid-template-columns:220px minmax(0,1fr)!important}
#componentModal .component-choice-list .variant-card{border:1px solid #E1E5EB!important;border-radius:8px!important;background:#FFF!important;color:#343B44!important;box-shadow:none!important;padding:11px 12px!important;min-height:65px!important}
#componentModal .component-choice-list .variant-card.active{background:#FFFBF2!important;border-color:#D6AE57!important;box-shadow:inset 3px 0 #FFBA32!important}
#componentModal .component-choice-list .variant-card:focus-visible{outline:2px solid #D6AE57;outline-offset:1px}
#componentModal .component-choice-stage{background:#F1F3F6;border-color:#E1E5EB}
#componentModal .component-real-preview{min-height:200px;margin:14px auto 20px;box-shadow:0 2px 8px #27344307}
.heading-portrait-picker{display:flex;align-items:center;gap:7px;padding:8px 12px;background:#FAFBFC;border-bottom:1px solid #E1E5EB}
.heading-portrait-picker[hidden]{display:none}
.heading-portrait-picker>span{font:10px var(--ui-font);color:#7B8390;margin-right:5px}
.heading-portrait-picker button{width:35px;height:35px;padding:3px;border:1px solid #DFE3E9;background:#FFF;border-radius:7px;cursor:pointer}
.heading-portrait-picker button[aria-pressed=true]{border-color:#C69536;background:#FFF6DE}
.heading-portrait-picker img{width:100%;height:100%;object-fit:contain}
@media(max-width:680px){#componentVariants.component-choice-layout{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:150px minmax(0,1fr)}#componentModal .component-choice-list{overflow:auto!important}.component-real-preview{max-width:100%}}
@media(prefers-reduced-motion:reduce){#componentsPanel .component-card{transition:none!important;transform:none!important}}
/* Editorial workbench: context controls belong to the toolbar, never to copied content. */
.editing-context{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:9px 14px;background:#f6f7fa;border-bottom:1px solid #dce1e9;min-height:43px;box-shadow:0 3px 8px #18294605}
.editing-context .context-label{font-size:11px;font-weight:700;color:#4c5870;padding-right:8px;border-right:1px solid #dce1e9}
.editing-context small{font-size:11px;color:#7a8190;line-height:1.5}.editing-context select{max-width:154px;height:29px;background:white;border:1px solid #dce1e9;border-radius:6px;font-size:11px;color:#4a5364}
.editing-context .small-button{min-height:28px;padding:4px 8px;font-size:11px;border-radius:6px}.editing-context button:hover{background:#fff3d9;border-color:#dfc17e}
.workspace-modal{width:min(840px,calc(100vw - 36px));max-height:86vh;display:flex;flex-direction:column;padding:24px!important;background:#fafbfc}.workspace-modal>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.workspace-modal h2{margin:0;font-size:20px}.workspace-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 3px;flex:1}.workspace-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.workspace-draft{border:1px solid #e1e5eb;background:white;border-radius:12px;padding:16px;margin-bottom:12px}.workspace-draft h3{font-size:15px;margin:0 0 8px}.workspace-draft small{font-size:11px;color:#7a8390}.workspace-draft .workspace-actions{margin-bottom:0}.workspace-message{font-size:12px;color:#687386;margin:8px 0 0}.workspace-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.workspace-form label,.workspace-body>label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#556071}.workspace-form label:last-child{grid-column:1/-1}.workspace-form input,.workspace-form textarea,.workspace-body select{border:1px solid #dce1e9;border-radius:7px;background:white;padding:9px;font:inherit;color:#293344}.workspace-form textarea{min-height:90px}.release-issue{padding:12px 15px;background:white;border:1px solid #e3e6ec;border-left:3px solid #d1a053;border-radius:8px;margin:10px 0}.release-issue.block{border-left-color:#c44d42}.release-issue p{font-size:13px;line-height:1.7;margin:0 0 9px}.template-recommend-button{margin:0 0 14px;width:100%;text-align:left}.recipe-recommendations{display:grid;gap:12px}.recipe-recommendations>section{border:1px solid #e4e6eb;background:white;padding:16px;border-radius:10px}.recipe-recommendations h3{font-size:15px;margin:0 0 8px}.recipe-recommendations p{font-size:12px;color:#77808e;line-height:1.7;margin:0 0 12px}
.component-rgba-input{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(74px,1.4fr);gap:7px;border-top:1px solid #e5e7eb;padding-top:12px;margin-top:12px}.component-rgba-input label{font-size:10px;color:#687386;min-width:0}.component-rgba-input input{width:100%;min-width:0;box-sizing:border-box;padding:6px 4px;border:1px solid #d8dfe9;border-radius:5px;font-size:12px}.component-rgba-input button{grid-column:span 2}#componentColorPopover{max-height:calc(100vh - 180px);overflow-y:auto}
.guide-capsule-example{max-width:390px;margin:18px auto;padding:16px;background:#faf8f3;border:1px solid #eee7d8;border-radius:18px;font-weight:400;pointer-events:none}
.guide-capsule-example img{max-width:100%}
.guide-progress{gap:6px;grid-template-columns:repeat(8,minmax(0,1fr))}
.guide-modal{max-height:92vh;display:flex;flex-direction:column}
.guide-pages{overflow-y:auto;min-height:0!important;overscroll-behavior:contain}
.guide-head,.guide-progress,.guide-footer{flex-shrink:0}
/* Logical device dimensions stay stable; a small panel scales the device, not the typesetting. */
.preview-body.tablet-scene .device-mock.tablet{width:768px!important;height:576px!important;min-height:0!important;max-height:none!important;max-width:none!important;transform:translate(-50%,-50%) scale(var(--wide-preview-scale,1))!important;transform-origin:center!important}
.preview-body.desktop-scene .device-mock.desktop{width:960px!important;height:600px!important;min-height:0!important;max-height:none!important;max-width:none!important;transform:translate(-50%,-50%) scale(var(--wide-preview-scale,1))!important;transform-origin:center!important}
.preview-body.tablet-scene .device-mock.tablet .paper{padding:36px 90px 56px!important;width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;overflow:auto!important;display:block!important;overscroll-behavior:contain}
.preview-body.desktop-scene .device-mock.desktop .paper{padding:36px 126px 60px!important;display:block!important;overscroll-behavior:contain}
.device-mock.desktop .paper .render{display:block!important}
.device-mock.desktop .paper .render>*{order:initial!important;flex-shrink:0}
.device-mock.desktop .browser-address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}