/* Compact form layout, matching the user's reference order-image maker. */
body.reference-layout{background:#f4f5f7;color:#303133;font:12px/1.5 Arial,"Microsoft YaHei",sans-serif;--orange:#1677ff;--line:#e8e8e8}
.reference-layout .topbar{height:52px;padding:0 18px 0 158px;gap:20px;border-bottom:1px solid #eee;box-shadow:none}
.reference-layout .brand{font-size:17px;color:#111;font-weight:700}.reference-layout .project-name{display:block;margin-left:auto}.reference-layout .save-status{border:0;background:none;color:#888;font-size:11px;padding:0}
.reference-layout .top-actions{margin-left:0;gap:8px}.reference-layout .top-actions .button{height:29px;padding:0 11px;font-size:11px}
.reference-layout .shell{height:calc(100vh - 52px);grid-template-columns:140px 184px minmax(300px,1fr) minmax(400px,32vw);grid-template-rows:46px minmax(0,1fr);grid-template-areas:"rail notice notice notice" "rail editor workspace inspector";gap:0;padding-right:10px;padding-bottom:12px}
.reference-layout .rail{grid-area:rail;position:relative;top:0;height:calc(100% + 12px);padding:0 5px 16px;background:#001529;border:0;align-items:stretch;gap:7px;color:#a6b6c4}
.rail-brand{height:75px;padding:15px 12px;color:#fff;font-size:15px;font-weight:600}.rail-brand small{display:block;color:#7e96ad;font-size:8px;letter-spacing:1.6px;margin-top:3px}.rail-group{padding:12px 13px 6px;color:#6f8ba3;font-size:11px}
.reference-layout .rail-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 13px;font-size:12px;color:#9badbd;text-align:left;border-radius:4px}.reference-layout .rail-item span{font-size:16px;line-height:20px;margin:0}.reference-layout .rail-item.active{background:#1677ff;color:white}.reference-layout .rail-bottom{padding-left:13px;color:#637b91}
.workspace-notice{grid-area:notice;display:flex;align-items:center;justify-content:space-between;background:#e6f4ff;border:1px solid #91caff;border-radius:4px;margin:7px 0 7px 10px;padding:3px 11px;color:#3a596e;font-size:11px;min-width:0}.workspace-notice button{border:0;background:transparent;color:#91a1aa;font-size:18px}.reference-layout .shell.notice-closed{grid-template-rows:9px minmax(0,1fr)}
.reference-layout .editor{grid-area:editor;background:#000;border:0;margin-left:10px;color:#fff;scrollbar-color:#666 #000;scrollbar-width:thin}
.reference-layout .editor .panel-heading{padding:14px 12px 3px}.reference-layout .editor .panel-heading small,.reference-layout .editor .panel-heading p{display:none}.reference-layout .editor .panel-heading h1{font-size:13px;color:#fff;margin:0}
.reference-layout .editor .form-section{padding:11px 12px;border:0}.reference-layout .editor .form-section h2{font-size:11px;color:#ddd;margin-bottom:10px}.reference-layout #panel-device>.form-section>h2{display:none}
.reference-layout .editor label{font-size:11px;color:#eee;margin:11px 0 0}.reference-layout .editor input,.reference-layout .editor select{height:29px;min-width:0;font-size:11px;padding:4px 6px;border-color:#bbb;border-radius:4px;color:#333;background:#fff;margin-top:6px}
.reference-layout .editor input[type="range"]{height:14px;border:0;background:none;accent-color:#40a9ff;margin-top:8px;padding:0}.reference-layout .editor input[type="checkbox"]{width:13px;height:13px;margin:0;accent-color:#1677ff}.reference-layout .editor input[type="color"]{padding:2px}
.reference-layout .editor .form-row{flex-wrap:wrap;gap:8px}.reference-layout .editor .form-row>.height-range-label{flex-basis:100%;margin-top:0}.reference-layout .editor summary{color:#ddd;font-size:11px;margin-bottom:10px}.reference-layout .editor details.form-section{border-top:1px solid #252525}.reference-layout .editor .hint{color:#b8c0ca;font-size:10px}.reference-layout .editor .text-button{color:#69b1ff;font-size:10px}.output-note{font-size:10px;color:#999;margin:15px 0 3px}.reference-layout .editor output{color:#91caff}
.reference-layout .workspace{grid-area:workspace;background:#000;border:0;min-width:0}.reference-layout .workspace-toolbar{min-height:30px;padding:4px 12px;color:#a5a5a5;background:#000;border:0;font-size:10px;justify-content:flex-end}.reference-layout .workspace-toolbar>div:first-child{display:none}.reference-layout .preview-controls{gap:10px;color:#b0b0b0}.reference-layout .preview-controls button{color:#bbb;font-size:11px}.reference-layout .preview-controls .check{color:#aaa;font-size:10px}
.reference-layout .stage{background:#000;background-image:none;justify-content:flex-start;gap:20px;padding:0 16px 25px 0;scrollbar-width:thin;scrollbar-color:#888 #111;align-items:flex-start}.reference-layout .canvas-wrap{border:0;border-radius:0;box-shadow:none;margin:0;width:490px;background:white}.reference-layout .reference{width:330px;max-width:none}.reference-layout .reference img{border-radius:0;box-shadow:none}.reference-layout .stage-footer{height:24px;background:#000;color:#777;border:0;font-size:10px;padding:0 12px}
.reference-layout .order-inspector{grid-area:inspector;background:#f4f5f7;border:0;margin-left:12px;scroll-padding-top:55px;scrollbar-color:#999 transparent;padding-right:5px;overflow:auto}.reference-layout .product-panel>.panel-heading{display:none}
.maker-actions{display:flex;gap:8px;padding:10px 0 12px;flex-wrap:wrap;position:sticky;top:0;z-index:5;background:#f4f5f7}.reference-layout .button{height:29px;border-radius:4px;border-color:#d9d9d9;background:#fff;color:#555;padding:0 10px;font-size:11px;font-weight:400;box-shadow:none}.reference-layout .button.primary{background:#1677ff;border-color:#1677ff;color:#fff}.reference-layout .button.danger{color:#f44}.reference-layout .button:hover{filter:none;border-color:#69b1ff;color:#1677ff}.reference-layout .button.primary:hover{background:#4096ff;color:white}
.reference-layout input,.reference-layout select,.reference-layout textarea{border-radius:4px;font-size:12px;color:#333;border-color:#dcdfe6;box-shadow:none}.reference-layout input:focus,.reference-layout select:focus,.reference-layout textarea:focus{border-color:#4096ff;outline:1px solid #d1e6ff}
.reference-layout .order-inspector .layout-shortcuts{border:0;border-radius:5px;background:#fff;margin-bottom:12px;padding:16px 18px}.template-options-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:11px}.template-options-row>span{flex:none;width:66px;text-align:right}.template-options{display:flex;flex-wrap:wrap;gap:0}.template-options button{border:1px solid #dcdfe6;background:#fff;color:#555;font-size:10px;padding:6px 8px;margin-left:-1px}.template-options button:first-child{border-radius:3px 0 0 3px}.template-options button:last-child{border-radius:0 3px 3px 0}.template-options button.selected{color:#1677ff;border-color:#1677ff;position:relative;z-index:1;background:#f5faff}
.reference-layout .order-inspector #quick-layout-fields .form-row{gap:12px}.reference-layout .order-inspector #quick-layout-fields label{font-size:10px;margin:0}.reference-layout .order-inspector #quick-layout-fields select{margin-top:5px;height:28px;padding:3px 6px;font-size:11px}.reference-layout .layout-shortcuts summary{color:#888;font-weight:400;font-size:10px;margin-bottom:0}.reference-layout .layout-shortcuts details[open] summary{margin-bottom:12px}
.reference-layout .order-inspector .product-toolbar{display:flex;border:0;background:#fafafa;padding:12px 17px}.product-toolbar strong{font-size:12px;font-weight:500}.reference-layout .order-inspector #product-list{background:#fff;padding:8px 12px;max-height:115px;gap:6px;flex-wrap:wrap;overflow:auto;border-top:1px solid #eee}
.reference-layout .order-inspector .product-card{border:1px solid #e7e7e7;border-radius:3px;background:#fff;min-width:120px;width:calc(50% - 3px);padding:6px 8px}.reference-layout .order-inspector .product-card.selected{border-color:#91caff;background:#e6f4ff}.reference-layout .order-inspector .product-card .index{background:none;color:#1677ff;width:19px}.reference-layout .order-inspector .product-card strong{color:#555;font-weight:400;max-width:150px}.reference-layout .order-inspector .product-card small{color:#999;max-width:150px}
.reference-layout .order-inspector .order-edit-shortcuts{position:static;background:#fafafa;padding:8px 12px;gap:5px;border-top:1px solid #eee;border-bottom:0}.reference-layout .order-edit-shortcuts .button{border:0;background:none;color:#1677ff;padding:0;height:24px;font-size:10px}
.reference-layout #product-editor{background:#fafafa;border-top:1px solid #eee}.reference-layout .order-inspector #product-editor .form-section{padding:16px 18px;border-top:1px solid #ededed}.reference-layout #product-info{border-top:0!important}.reference-layout #product-editor h2{font-size:12px;font-weight:500;margin-bottom:18px;color:#666}
.reference-layout #product-editor label:not(.check){display:grid;grid-template-columns:96px minmax(0,1fr);gap:9px;align-items:center;text-align:right;margin:15px 0 0;font-size:11px;color:#555}.reference-layout #product-editor label:not(.check)>input,.reference-layout #product-editor label:not(.check)>select,.reference-layout #product-editor label:not(.check)>textarea{margin:0;height:29px;padding:4px 8px;min-width:0;font-size:11px;text-align:left}.reference-layout #product-editor label:not(.check)>input[type="color"]{padding:3px}
.reference-layout #product-editor>.form-section>.form-row{display:block}.reference-layout #product-info>.form-row:has([data-product="price"]){display:grid;grid-template-columns:1fr 1fr 70px;gap:9px;margin-left:105px}.reference-layout #product-info>.form-row:has([data-product="price"]) label{display:block;text-align:left;font-size:10px;margin-top:12px}.reference-layout #product-info>.form-row:has([data-product="price"]) input{margin-top:5px}
.reference-layout #product-editor .check{margin-left:105px;font-size:11px;color:#777}.reference-layout #product-editor .product-actions{margin-left:105px;gap:8px;margin-top:8px}.reference-layout #product-editor .hint{margin-left:105px;font-size:10px;color:#999;line-height:1.7}.reference-layout #product-editor .sku-options{margin-left:105px;gap:6px}.reference-layout .sku-options button{border-radius:3px;padding:5px 9px;background:white;color:#555;border:1px solid #ddd;font-size:11px}.reference-layout .sku-options button.selected{border-color:#1677ff;background:#f4f9ff;color:#1677ff}
.reference-layout #product-editor .inline-collector{display:block;padding:0!important;border:0!important;background:none;margin-bottom:18px}.reference-layout .inline-collector>label:first-child{margin-top:0!important}.reference-layout .inline-collector #item-input{height:48px!important;min-height:0;resize:vertical}.reference-layout .inline-collector #parsed-id{margin:5px 0 0 105px;font-size:9px}.reference-layout .inline-collector #collect-btn,.reference-layout .inline-collector #cancel-collect{width:auto;margin:9px 0 0 105px}.reference-layout .inline-collector #collector-message{margin:8px 0 0 105px;font-size:10px}.reference-layout #product-editor .inline-collector label:has(#collect-target){margin-top:8px}
.reference-layout #product-style summary{font-size:12px;font-weight:500;color:#666}.reference-layout .empty-products{padding:20px;margin:0!important}.reference-layout .product-panel>.inline-collector{padding:20px}
.reference-layout #large-preview-dialog{width:min(420px,95vw);max-height:94vh;overflow:auto;padding:18px}.reference-layout #large-preview-image{display:block;max-width:100%;max-height:calc(94vh - 175px);width:auto;height:auto;object-fit:contain;margin:auto;user-select:auto;pointer-events:auto}.reference-layout .generated-image-tip{font-size:12px;color:#606266;margin:10px 0 14px}.reference-layout .generated-image-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:#909399}.reference-layout .generated-image-actions a{text-decoration:none}.reference-layout .dialog-head h2{font-size:16px}.reference-layout dialog{border-radius:6px}.reference-layout .toast{background:#303133;border-radius:4px}
.reference-layout .calibration-entry{display:flex;align-items:center;gap:10px;margin-top:14px;color:#7e8790;font-size:11px;flex-wrap:wrap}.reference-layout #calibration-dialog{width:min(900px,96vw);max-height:96vh;overflow:auto;padding:18px}.calibration-images{display:grid;grid-template-columns:1fr 1fr;gap:20px}.calibration-images figure{margin:0;min-width:0;text-align:center}.calibration-images figcaption{margin:0 0 10px;color:#606266}.calibration-images img{display:block;margin:auto;max-width:100%;max-height:calc(96vh - 185px);width:auto;height:auto}.reference-layout #calibration-dialog p{font-size:12px;color:#6b737c}
.calibration-zoom{margin:0 0 14px}.zoomed .calibration-images img{width:100%;max-height:none}
@media(min-width:1800px){.reference-layout .shell{grid-template-columns:154px 200px minmax(400px,1fr) 33vw}.reference-layout .topbar{padding-left:174px}.reference-layout .order-inspector{margin-left:18px}.reference-layout .order-inspector .layout-shortcuts{padding:20px 24px}.reference-layout #product-editor label:not(.check){grid-template-columns:116px minmax(0,1fr)}.reference-layout #product-editor .check,.reference-layout #product-editor .product-actions,.reference-layout #product-editor .hint,.reference-layout #product-editor .sku-options,.reference-layout .inline-collector #parsed-id,.reference-layout .inline-collector #collect-btn,.reference-layout .inline-collector #cancel-collect,.reference-layout .inline-collector #collector-message,.reference-layout #product-info>.form-row:has([data-product="price"]){margin-left:125px}}
@media(max-width:1150px) and (min-width:901px){.reference-layout .shell{grid-template-columns:108px 157px minmax(265px,1fr) 370px}.reference-layout .topbar{padding-left:125px}.reference-layout .rail-item{font-size:11px;padding:10px}.reference-layout .rail-brand{font-size:13px;padding:16px 10px}.reference-layout .maker-actions{gap:5px}.reference-layout #product-editor label:not(.check){grid-template-columns:80px minmax(0,1fr)}.reference-layout #product-editor .check,.reference-layout #product-editor .product-actions,.reference-layout #product-editor .hint,.reference-layout #product-editor .sku-options,.reference-layout .inline-collector #parsed-id,.reference-layout .inline-collector #collect-btn,.reference-layout .inline-collector #cancel-collect,.reference-layout .inline-collector #collector-message,.reference-layout #product-info>.form-row:has([data-product="price"]){margin-left:89px}.template-options-row{gap:5px}.template-options-row>span{width:52px}.template-options button{font-size:9px;padding:5px}}
@media(max-width:900px){.reference-layout .topbar{padding:0 10px;height:50px;gap:8px}.reference-layout .brand{font-size:14px}.reference-layout .project-name{display:none}.reference-layout .top-actions{margin-left:auto}.reference-layout .shell{height:auto;grid-template-columns:68px minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"rail notice" "rail editor" "rail workspace" "rail inspector";padding-right:6px;padding-bottom:0}.reference-layout .rail{top:0;height:100%;padding:0 4px}.reference-layout .rail-brand,.reference-layout .rail-group{display:none}.reference-layout .rail-item{display:block;text-align:center;font-size:9px;padding:13px 2px}.reference-layout .rail-item span{display:block;margin:0 auto 3px}.reference-layout .workspace-notice{font-size:10px;min-height:34px}.reference-layout .editor{max-height:220px;margin-bottom:0;padding:0 8px}.reference-layout #panel-device>.form-section:first-of-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 15px}.reference-layout #panel-device>.form-section:first-of-type .form-row{margin:0}.reference-layout .workspace{height:70vh;min-height:450px;margin-left:10px}.reference-layout .stage{padding-left:12px}.reference-layout .order-inspector{max-height:85vh;margin-left:10px;padding-right:0}.reference-layout .maker-actions{padding-left:10px}.reference-layout .shell.notice-closed{grid-template-rows:0 auto auto auto}.reference-layout .template-options-row>span{width:60px}}

/* Direct manipulation keeps the editor visible. */
.template-options{flex-wrap:wrap}.template-options-row{align-items:flex-start}.edit-focus{outline:2px solid #1687ff!important;box-shadow:0 0 0 4px #1687ff22!important}.font-licenses{font-size:11px;line-height:1.7}.reference-layout #font-status{line-height:1.6;color:#a9d4ff}.reference-layout .font-licenses a{color:#7fc2ff}.hotspot[data-edit="network"],.hotspot[data-edit="statusbar"],.hotspot[data-edit="battery"],.hotspot[data-edit="assistant"]{cursor:pointer}

.reference-layout #product-page summary{font-size:12px;color:#555}.reference-layout .template-options{gap:5px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.reference-layout .template-options button{border:1px solid #ddd;margin:0;border-radius:3px;white-space:normal;line-height:1.5;min-height:32px}.reference-layout .template-options-row>span{white-space:nowrap}.reference-layout #payment-style select{max-width:100%}

.reference-layout #product-services .sort-caption{font-size:11px;font-weight:500;color:#667584;margin:16px 0 7px 105px}.reference-layout .selected-options{margin-left:105px;display:flex;flex-direction:column;gap:5px}.selected-options>p{font-size:11px;color:#999}.selected-option{display:flex;align-items:center;gap:7px;padding:3px 8px 3px 0;min-height:30px;border:1px solid #dce5ed;background:#fff;border-radius:4px;font-size:11px;color:#4d5761}.selected-option button{border:0;background:transparent;padding:4px 10px;color:#8899aa;cursor:grab;font-size:18px;touch-action:none;user-select:none}.selected-option button:focus-visible{outline:2px solid #1677ff}.selected-option.sorting{border-color:#1677ff;box-shadow:0 3px 10px #1677ff20;background:#f0f7ff}.selected-option.sorting button{cursor:grabbing}.sort-number{font-size:10px;color:#94a2b1;width:12px}

/* Compact maker layout: device settings on the left, a sortable order table on the right. */
.compact-setting-row{display:flex;align-items:center;gap:10px;margin:10px 0 20px;font-size:11px}.compact-setting-row>span{flex:0 0 80px;text-align:right}.compact-segments{display:flex;flex-wrap:wrap}.compact-segments button{border:1px solid #dcdfe6;background:#fff;color:#555;padding:6px 13px;font-size:11px;margin-left:-1px;min-height:29px}.compact-segments button:first-child{border-radius:3px 0 0 3px}.compact-segments button:last-child{border-radius:0 3px 3px 0}.compact-segments button.selected{color:#1677ff;border-color:#1677ff;background:#f5faff;z-index:1}.more-layout{border-top:1px solid #f0f0f0;padding-top:12px}.more-layout summary{font-size:11px!important}.more-layout[open]>div{margin-top:14px}.reference-layout [hidden]{display:none!important}
.reference-layout .order-inspector .product-toolbar{padding:15px 16px;gap:10px;justify-content:flex-start}.product-toolbar #product-count{margin-left:auto}.operation-heading{border-left:1px solid #eee;min-width:124px;padding-left:18px;color:#555!important}
.reference-layout .order-inspector #product-list{display:block;max-height:none;padding:0;overflow:visible;background:#fff}.product-row{border-bottom:1px solid #e8e8e8;background:#fff}.product-row-head{display:flex;align-items:center;gap:9px;min-height:62px;padding:9px 12px;user-select:none}.product-row.selected>.product-row-head{background:#f4f9ff}.product-row-head button{background:none;border:0;color:#606266;padding:3px;font-size:11px}.product-expand{width:17px;height:17px;border:1px solid #dcdfe6!important;border-radius:3px;line-height:9px;flex:none}.product-drag{cursor:grab;touch-action:none;font-size:17px!important;color:#909399!important;width:22px;flex:none}.product-row-title{flex:1;min-width:0;text-align:left}.product-row-title strong,.product-row-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-row-title strong{font-weight:400;font-size:12px;color:#303133}.product-row-title small{font-size:10px;color:#9a9fa5;margin-top:5px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-left:1px solid #eee;padding-left:12px;flex:none}.row-actions>button{color:#1677ff}.row-actions>button.danger{color:#ff4d4f}.row-actions .product-switch{width:27px;height:15px;background:#b9c1c7;border-radius:12px;padding:2px}.product-switch span{display:block;border-radius:50%;height:11px;width:11px;background:#fff;transition:transform .15s}.row-actions .product-switch.on{background:#1677ff}.product-switch.on span{transform:translateX(12px)}.disabled-product .product-row-title{opacity:.5}.product-row.sorting>.product-row-head{background:#e6f4ff;box-shadow:inset 0 0 0 1px #1677ff}.product-row.sorting .product-drag{cursor:grabbing}.is-sorting .product-row-body{display:none!important}.product-row-body{border-top:1px solid #eee;background:#fafafa}.reference-layout .product-row-body #product-editor{border:0}.reference-layout .product-row-body .order-edit-shortcuts{position:sticky;top:51px;z-index:2;background:#fafafa;display:flex;flex-wrap:wrap}.product-drag:focus-visible,[data-action-drag]:focus-visible{outline:2px solid #1677ff}
.reference-layout #action-options{display:block;max-height:240px;margin-left:105px;padding:6px 8px;background:#fff}.action-option-row{display:flex;align-items:center;gap:7px;min-height:29px}.action-option-row>button{background:none;border:0;color:#91a1ae;cursor:grab;touch-action:none;font-size:17px;padding:3px 5px;flex:none}.action-option-row .check{flex:1;margin:0!important;cursor:pointer}.action-option-row.sorting{background:#e6f4ff;box-shadow:inset 0 0 0 1px #91caff}.action-option-row.sorting>button{cursor:grabbing}.reference-layout .product-row-body #product-editor label.check{white-space:normal}
@media(min-width:1800px){.reference-layout #action-options{margin-left:125px}}
@media(max-width:1150px){.product-row-head{gap:5px;padding:8px}.row-actions{gap:5px;padding-left:7px}.operation-heading{min-width:100px}.compact-setting-row>span{flex-basis:68px}.compact-segments button{padding:6px 9px}}
@media(max-width:900px){.reference-layout .product-row-body .order-edit-shortcuts{top:49px}.reference-layout #action-options{margin-left:0}.operation-heading{min-width:95px}.product-row-head{min-height:55px}}

.reference-layout #android-template-note{font-size:10px;line-height:1.7;color:#c4cbd2;margin:5px 0 8px}.reference-layout #android-template-source{display:block;font-size:10px;color:#65adff;margin:0 0 12px}.reference-layout #network-random-label{font-size:11px;margin:8px 0 14px;white-space:normal}

.identity-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 16px}.identity-action-row .check{margin:0}.order-identity-controls .product-actions{margin:12px 0}.order-identity-controls button:disabled{opacity:.45;cursor:not-allowed}

.reference-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-template-card{padding:6px!important;display:flex!important;flex-direction:column;text-align:left;background:#fff!important;border:1px solid #d8dee7!important}.reference-template-card img{width:100%;height:180px;object-fit:cover;object-position:top;border-radius:3px}.reference-template-card.selected{border:2px solid #1677ff!important}.reference-template-card span{display:grid;gap:5px;padding:7px 2px}.reference-template-card small{font-size:11px;line-height:1.5;color:#79838c}

.reference-template-grid{grid-template-columns:1fr}.reference-template-card img{height:220px}.reference-template-card small{font-size:12px}.reference-layout .reference-template-card{color:#253241!important}
.reference-template-card canvas{width:100%;height:245px;object-fit:cover;object-position:top;background:white;border-radius:3px}.catalog-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.catalog-tabs button,.catalog-pager button{font-size:11px!important;padding:7px 6px!important;color:#333!important;background:#fff!important;border:1px solid #d5dbe3!important;border-radius:3px}.catalog-tabs .selected{color:#1677ff!important;border-color:#1677ff!important;background:#eef5ff!important}.catalog-pager{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:10px 0}.catalog-pager button:disabled{opacity:.4}.reference-template-card strong,.reference-template-card small{color:#253241!important}
.bottom-nav-sample{margin-top:8px}.bottom-nav-sample canvas{display:block;width:100%;height:auto;border-radius:4px;background:#fff}.bottom-nav-sample canvas[hidden]{display:none}.bottom-nav-sample .text-button{padding-top:7px;color:#68bfff!important}#android-template-note{white-space:pre-line}
#generation-feedback{margin:0 0 12px;padding:10px 12px;background:#fff7e8;border:1px solid #ffe0ad;border-radius:4px;color:#805b25;line-height:1.7}
#generation-feedback .hint{margin:0 0 6px;color:inherit}