.preset-picker-backdrop[data-v-bf9568b2]{position:fixed;inset:0;z-index:2300;background:#26303c66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.preset-picker[data-v-bf9568b2]{width:min(900px,100%);max-height:88vh;background:#fff;border-radius:12px;box-shadow:0 20px 80px #26303c30;display:flex;flex-direction:column;overflow:hidden}header[data-v-bf9568b2]{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 26px 8px}h2[data-v-bf9568b2]{margin:0;font-size:20px;font-weight:600}header p[data-v-bf9568b2]{font-size:12px;color:#969eaa;margin:10px 0}.preset-filters[data-v-bf9568b2]{margin:12px 26px 22px;flex-shrink:0}.preset-filters button[data-v-bf9568b2]{flex:1}.preset-filters button.active[data-v-bf9568b2]{color:#fff;background:var(--accent)}small[data-v-bf9568b2]{margin-left:7px;opacity:.75}.preset-picker-list[data-v-bf9568b2]{padding:0 26px 26px;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;min-height:0}article[data-v-bf9568b2]{padding:12px;border:1px solid #e4e8ed;border-radius:8px;min-width:0}article.selected[data-v-bf9568b2]{border-color:var(--accent);background:#fffaf7}.preset-preview[data-v-bf9568b2]{height:100px;margin-bottom:13px;border-radius:5px}.preset-preview span[data-v-bf9568b2]{font-size:20px}h3[data-v-bf9568b2]{font-size:13px;font-weight:550;margin:0;display:flex;justify-content:space-between;gap:8px;color:#59616d}h3 svg[data-v-bf9568b2]{color:var(--accent);flex-shrink:0}article p[data-v-bf9568b2]{font-size:10px;color:#9da5b0;line-height:1.8;margin:9px 0 12px}article .button[data-v-bf9568b2]{width:100%;font-size:11px}.preset-picker-empty[data-v-bf9568b2]{text-align:center;padding:36px 26px 55px;color:#a3acb8}.preset-picker-empty h3[data-v-bf9568b2]{display:block;margin:18px 0 10px}.preset-picker-empty p[data-v-bf9568b2]{font-size:12px;line-height:1.9}@media(max-width:700px){.preset-picker-list[data-v-bf9568b2]{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-filters[data-v-bf9568b2]{margin:12px 16px 18px}.preset-filters button[data-v-bf9568b2]{font-size:11px;padding:7px}.preset-picker-list[data-v-bf9568b2]{padding:0 16px 20px}header[data-v-bf9568b2]{padding:20px 16px 8px}}:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#292e35;background:#f7f8fa;font-synthesis:none;font-size:13px;font-weight:400;--accent: #e36b41;--accent-dark: #cd5833;--border: #e9ebef;--muted: #969ba4;--ink: #292e35}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .17s,border-color .17s,color .17s,box-shadow .17s;white-space:nowrap}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus,select:focus{outline:none;border-color:#e8a28b!important;box-shadow:0 0 0 3px #e36b4110}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{opacity:.4}input::placeholder{color:#a4a7ad}svg{flex-shrink:0}button svg{vertical-align:middle}.hidden-input{display:none}.app-shell{min-height:100vh}.topbar{height:76px;padding:0 38px;display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--border);gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:19px;letter-spacing:1.1px;font-weight:750;color:#252a30}.brand-symbol{display:grid;grid-template-columns:9px 9px;grid-template-rows:9px 9px;gap:4px;transform:rotate(-1deg);margin-right:0}.brand-symbol span{background:var(--accent);border-radius:2px}.brand-symbol span:last-child{background:#f0b7a3;border-radius:2px 2px 6px}.brand-divider{height:18px;width:1px;background:#e5e6e9;margin:0 2px 0 5px}.brand-description{font-size:11px;color:#989ba2;letter-spacing:.4px}.main-nav{height:100%;display:flex;align-items:center;gap:7px;margin-left:auto;margin-right:auto;padding-left:32px}.main-nav button{height:37px;border:0;display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:6px;background:transparent;color:#7b8089;font-size:12px}.main-nav button.active{background:#fcf0ea;color:#ce643f;font-weight:550}.nav-count{background:#f0d3c6;border-radius:4px;font-size:10px;padding:0 4px}.header-right{display:flex;gap:22px;align-items:center}.local-tag{font-size:11px;color:#858b92;display:flex;align-items:center;gap:7px;white-space:nowrap}.local-tag>span{width:5px;height:5px;border-radius:50%;background:#8ba68a}.icon-button{border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:5px;color:#858a92}.icon-button:hover{background:#f0f1f3;color:#393e45}.help-button{border-left:1px solid var(--border);border-radius:0;width:37px;padding-left:8px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:36px 40px 31px;max-width:1720px;margin:0 auto}.eyebrow{font-size:9px;font-weight:550;letter-spacing:2px;color:#aaa39d;margin-bottom:9px}h1{font-size:30px;letter-spacing:-.5px;line-height:1.25;margin:0 0 10px;font-weight:700;color:#2c3137}.heading-dot{color:var(--accent);font-family:Arial;margin-left:2px}.page-heading p{font-size:12px;color:#91959c;margin:0;letter-spacing:.2px}.heading-actions{display:flex;gap:10px;padding-top:20px}.button{height:39px;padding:0 16px;border-radius:6px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:500}.button.primary{background:var(--accent);color:#fff;box-shadow:0 2px 3px #d16c3010}.button.primary:hover{background:var(--accent-dark)}.button.secondary{background:#fff;border-color:#dfe2e7;color:#626871}.button.secondary:hover{border-color:#c6cbd1;background:#fcfcfc}.workspace{max-width:1720px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:24px;padding:0 40px;align-items:start}.image-workspace{min-width:0}.drop-zone{display:flex;align-items:center;gap:16px;border:1px dashed #d9dce2;background:#fff;border-radius:9px;min-height:97px;padding:20px 24px;cursor:pointer;transition:border-color .2s,background .2s}.drop-zone:hover{border-color:#df9b83;background:#fffcfa}.upload-icon{width:46px;height:46px;background:#f6f7f9;border:1px solid #edf0f3;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#878f9b}.drop-copy{display:flex;flex-direction:column;gap:9px}.drop-copy strong{font-size:12px;font-weight:550;color:#585d66}.drop-copy>span{font-size:10px;color:#a0a4ac;display:flex;align-items:center;gap:3px}.text-separator{padding:0 8px;color:#c2c5ca}kbd{display:inline-block;font-size:9px;font-family:inherit;min-width:15px;text-align:center;border:1px solid #e4e6eb;border-bottom:2px solid #e4e6eb;border-radius:3px;line-height:14px;background:#fff;color:#9096a0;padding:0 3px}.drop-link{margin-left:auto;display:flex;align-items:center;gap:8px;color:#cc7456;font-size:11px;white-space:nowrap}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:26px;gap:10px}.gallery-title{display:flex;align-items:center;gap:9px;min-width:0}.gallery-title h2{font-size:14px;font-weight:600;letter-spacing:.2px;margin:0;white-space:nowrap}.count-badge{background:#eaecef;color:#7d838c;font-size:10px;min-width:21px;height:19px;display:flex;align-items:center;justify-content:center;border-radius:5px}.demo-label{font-size:10px;color:#aa9f92;margin-left:4px;white-space:nowrap}.gallery-tools{display:flex;align-items:center;gap:12px}.search-box{height:31px;background:#fff;border:1px solid #e5e7eb;border-radius:5px;display:flex;align-items:center;padding:0 9px;gap:7px;color:#a5aab3;width:165px}.search-box input{width:100%;min-width:0;border:0;background:transparent;font-size:10px;padding:0;box-shadow:none}.search-box input:focus{box-shadow:none}.bare{background:none;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#a0a5ae}.view-switch{background:#eaedf0;display:flex;padding:3px;border-radius:5px;gap:2px}.view-switch button{background:transparent;border:0;color:#a3a9b1;height:25px;width:29px;padding:0;border-radius:4px}.view-switch button.active{background:#fff;box-shadow:0 1px 3px #29344012;color:#656c75}.selection-toolbar{height:42px;display:flex;align-items:center;gap:15px}.select-all{border:0;display:flex;align-items:center;gap:7px;background:transparent;color:#8c929b;font-size:10px;padding:0}.checkbox{width:15px;height:15px;border:1px solid #d7dce3;background:#fff;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;color:#fff}.checkbox.checked{background:var(--accent);border-color:var(--accent)}.selection-hint{display:flex;align-items:center;gap:4px;font-size:9px;color:#a3a9b1}.remove-selected{margin-left:auto;background:transparent;border:0;color:#b57761;display:flex;gap:5px;align-items:center;font-size:10px;padding:0}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.image-card{background:#fff;border:1px solid #e6e8ec;border-radius:9px;overflow:hidden;transition:box-shadow .2s,border-color .2s;min-width:0}.image-card:hover{box-shadow:0 4px 18px #2934400b;border-color:#d6d9df}.image-card.selected{border-color:#e69577;box-shadow:0 0 0 1px #e6957710}.card-image{height:251px;position:relative;background:#eeede9;display:flex;align-items:center;justify-content:center;padding:23px 26px;cursor:zoom-in;overflow:hidden}.image-card:nth-child(2) .card-image{background:#ece8e2}.image-card:nth-child(3) .card-image{background:#e8eae3}.image-card:nth-child(4) .card-image{background:#efebe4}.image-card:nth-child(5) .card-image{background:#e9e8e1}.image-card:nth-child(6) .card-image{background:#e6e8e1}.badge-preview{display:block;max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto;box-shadow:1px 4px 7px #201b2315}.card-checkbox{position:absolute;top:12px;left:12px;z-index:1;width:17px;height:17px;background:#ffffffda;border-color:#ffffffdf;box-shadow:0 1px 3px #2222220a}.card-checkbox.checked{background:var(--accent);border-color:var(--accent)}.card-size{position:absolute;top:12px;right:10px;font-size:8px;border-radius:4px;padding:4px 6px;color:#72756e;background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);line-height:1.2;letter-spacing:.1px}.card-zoom{position:absolute;right:10px;bottom:10px;background:#fff;border:1px solid #e5e4e2;color:#757a7d;border-radius:5px;width:27px;height:26px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #22222205}.card-zoom span{display:none}.card-image:hover .card-zoom{width:auto;padding:0 8px;gap:5px;color:#c56a48}.card-image:hover .card-zoom span{display:inline;font-size:9px}.custom-flag{position:absolute;bottom:10px;left:10px;background:#fff8ed;color:#ac805a;font-size:9px;padding:3px 6px;border-radius:3px}.card-info{padding:13px 13px 11px}.card-name{font-size:11px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;letter-spacing:-.1px}.card-meta{display:flex;align-items:center;gap:6px;margin-top:6px;color:#a0a5ad;font-size:8px;white-space:nowrap}.meta-dot{color:#c5c8ce}.card-more{margin-left:auto;color:#b8bdc5}.gallery-footer{display:flex;align-items:center;gap:5px;color:#a3a9b0;font-size:9px;margin-top:22px;padding:0 1px;white-space:nowrap}.gallery-footer svg{color:#9ba79b}.footer-spacer{flex:1}.gallery-footer>span:last-child{color:#b8b5b0;font-size:9px}.empty-state{border:1px dashed #dcdfe4;min-height:400px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#a3a9b1;background:#fff9}.empty-state h3{font-weight:500;color:#727983;margin-top:22px}.empty-state p{font-size:12px}.empty-state .button{margin-top:10px}.list-view{grid-template-columns:1fr;gap:10px}.list-view .image-card{display:flex;align-items:center}.list-view .card-image{height:105px;width:140px;padding:10px;flex-shrink:0}.list-view .card-checkbox{top:6px;left:6px}.list-view .card-size{display:none}.list-view .card-info{flex:1;padding:20px}.list-view .card-name{font-size:13px}.list-view .card-meta{font-size:11px}.list-view .card-zoom{bottom:6px;right:6px}.settings-panel{border:1px solid #e4e7eb;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 3px 8px #29344002;position:sticky;top:16px}.panel-heading{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.panel-heading>div{display:flex;align-items:center;gap:8px}.panel-icon{display:inline-flex;color:#666e79}.panel-heading h2{font-size:13px;font-weight:600;margin:0}.panel-heading .icon-button{width:22px;height:25px;color:#9fa5ae}.panel-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 17px;gap:4px;height:38px}.panel-tabs button{border:0;background:transparent;position:relative;flex:1;font-size:11px;color:#9297a0;padding:0 8px}.panel-tabs button.active{color:#d96c45;font-weight:500}.panel-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:10px;right:10px;background:var(--accent);height:2px;border-radius:3px 3px 0 0}.panel-scroll{padding:20px 20px 0;min-height:534px}.section-label{display:flex;align-items:center;justify-content:space-between;color:#616771;font-size:10px;font-weight:500;margin-bottom:11px}.section-label>span{font-size:9px;font-weight:400;color:#b0b4bc}.badge-stage{height:89px;border-radius:6px;background-color:#f7f7f6;background-image:radial-gradient(#dbddd9 .7px,transparent .7px);background-size:9px 9px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px;overflow:hidden}.live-badge{position:relative;isolation:isolate;letter-spacing:1px;line-height:1.2;font-weight:500;background:transparent!important;max-width:85%;white-space:nowrap;overflow:hidden;max-height:55px}.live-badge>span:last-child{position:relative;z-index:1}.badge-bg{position:absolute;inset:0;z-index:0}.stage-caption{position:absolute;bottom:7px;right:8px;font-size:8px;color:#b3b5b4;letter-spacing:.3px}.preview-corner{width:8px;height:8px;border-color:#c8cdc7;border-style:solid;position:absolute}.preview-corner.tl{top:12px;left:13px;border-width:1px 0 0 1px}.preview-corner.br{right:13px;bottom:12px;border-width:0 1px 1px 0}.color-heading{margin-bottom:10px}.color-presets{display:flex;gap:10px;margin-bottom:16px}.color-presets button{height:30px;width:36px;border:1px solid #00000008;border-radius:5px;font-family:Georgia,serif;font-size:13px;position:relative}.color-presets button.chosen{outline:2px solid #e9a78e;outline-offset:3px}.color-check{position:absolute;bottom:-3px;right:-4px;background:var(--accent);color:#fff;border-radius:50%;width:13px;height:13px;padding:2px}.color-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.color-fields>label,.number-grid>label{font-size:10px;color:#9297a0;display:block}.color-field{display:flex;align-items:center;gap:9px;border:1px solid #e4e7ec;border-radius:5px;height:32px;padding:0 7px;margin-top:7px;position:relative}.color-field input{width:17px;height:17px;border:1px solid #d7dce3;padding:0;background:transparent;border-radius:3px;cursor:pointer;overflow:hidden;flex-shrink:0}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:0;border-radius:3px}.color-field input::-moz-color-swatch{border:0;border-radius:2px}.color-field>span{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.5px;white-space:nowrap;color:#6c727c}.color-field>svg{color:#c0c4cb;margin-left:auto}.slider-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#838a94;margin-bottom:9px}.slider-label>span{font-size:11px;color:#717883}.slider-label small{font-size:9px;color:#a2a7af;padding-left:3px}.range{appearance:none;-webkit-appearance:none;width:100%;height:3px;border-radius:3px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--progress, 100%),#eeeef0 var(--progress, 100%),#eeeef0 100%);display:block;margin:10px 0;cursor:pointer;accent-color:var(--accent)}.range::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:#fff;border:3px solid var(--accent);border-radius:50%;box-shadow:0 0 0 2px #fff}.range::-moz-range-thumb{width:7px;height:7px;background:#fff;border:3px solid var(--accent);border-radius:50%}.range-endpoints{display:flex;justify-content:space-between;font-size:8px;color:#b8bbc2;margin-top:7px}.panel-rule{height:1px;background:#eeeff2;margin:19px 0 18px}.number-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;row-gap:13px}.number-field{display:flex;align-items:center;height:32px;border:1px solid #e2e6eb;border-radius:5px;overflow:hidden;padding:0 9px;margin-top:7px;background:#fff}.number-field input{border:0;min-width:0;width:100%;outline:none;font-size:11px;background:transparent;color:#666e78;box-shadow:none!important}.number-field>span{color:#b4b9c1;font-size:9px}.number-field:focus-within{border-color:#e7ab95;box-shadow:0 0 0 2px #e36b4109}.position-note{display:flex;align-items:flex-start;gap:5px;font-size:8px;color:#adb3bd;line-height:1.6;margin-top:12px}.position-note svg{margin-top:1px;color:#acb3be}.save-style-button{border:1px dashed #e0e3e9;border-radius:5px;height:33px;width:100%;background:#fff;color:#8c939e;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;margin:18px 0 0}.save-style-button>span{font-size:8px;color:#b5bac2;margin-left:5px}.save-style-button:hover{border-color:#e49c83;color:#cc6c48;background:#fffaf7}.panel-bottom{padding:16px 20px 14px}.apply-all-button{border:1px solid #e4e7ec;border-radius:5px;height:33px;width:100%;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;color:#757d89;font-size:10px;margin-bottom:9px}.apply-all-button:hover{border-color:#c8cdd5;background:#fdfdfd}.export-button{width:100%;background:var(--accent);color:#fff;height:39px;font-size:11px;gap:7px}.export-button:hover{background:var(--accent-dark)}.export-button>span{margin-left:4px;border-left:1px solid #ffffff4f;padding-left:11px;font-family:Arial;font-size:11px}.panel-bottom>p{display:flex;align-items:center;justify-content:center;font-size:8px;color:#aeb4bc;gap:5px;margin:11px 0 0}.status-dot{background:#8ea88c;width:4px;height:4px;border-radius:50%}.bottom-dot{color:#c9ccd1;margin:0 3px}.field-label{font-size:11px;color:#848b96;display:block;line-height:1.7;margin:14px 0}.field-label select,.text-input{display:block;width:100%;height:37px;border:1px solid #e0e4ea;border-radius:5px;padding:0 10px;color:#626b77;background:#fff;font-size:11px;margin-top:7px}.field-help{font-size:10px;color:#a1a7b1;line-height:1.9;margin:10px 0 17px}.segmented{background:#f1f2f5;padding:4px;display:flex;gap:4px;border-radius:6px;margin-bottom:22px}.segmented button{flex:1;background:transparent;border:0;border-radius:4px;height:30px;font-size:11px;color:#939aa6}.segmented button.active{background:#fff;color:#d66b47;box-shadow:0 1px 4px #2e38510b}.rule-example{background:#f7f8fa;padding:18px 12px;text-align:center;border-radius:6px;color:#abb0b8;font-size:10px}.rule-example p{font-size:11px;color:#a2a8b2;margin:9px 0 14px}.rule-example strong{font-weight:550;color:var(--accent)}.rule-example>svg{color:#bec3cb}.example-chip{background:#222;color:#fff;width:max-content;margin:13px auto 0;padding:6px 12px;border-radius:3px;letter-spacing:1.4px;font-size:12px}.static-field{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border:1px solid #eaecf0;border-radius:5px;padding:9px;font-size:10px;color:#8f95a0;margin-top:7px}.static-field>span{font-size:9px;color:#b7bdc5}.export-info{display:flex;gap:10px;background:#f6f8f4;border:1px solid #eaf0e5;padding:13px;border-radius:6px;color:#7b8f6f;margin-top:19px}.export-info strong{font-size:11px;font-weight:500}.export-info p{font-size:9px;color:#9da694;line-height:1.9;margin:6px 0 0}.section-label .required{background:#fbf0eb;color:#d3896c;font-size:8px;border-radius:3px;padding:1px 5px}.folder-picker{border:1px dashed #d9dfe7;display:flex;align-items:center;gap:8px;border-radius:6px;background:#fafbfc;padding:15px 11px;width:100%;color:#a3aab5;font-size:10px}.folder-picker span{overflow:hidden;text-overflow:ellipsis}.folder-picker>svg:last-child{margin-left:auto}.folder-picker:hover{border-color:#e49f85;color:#ce734f}.field-error{font-size:10px;line-height:1.8;color:#ce7555;margin:10px 0}.app-footer{max-width:1720px;padding:29px 40px 23px;margin:auto;display:flex;justify-content:space-between;align-items:center;color:#b8bcc3;font-size:9px;gap:15px}.footer-brand{font-size:9px;color:#a8adb5;font-weight:500;letter-spacing:.4px}.footer-brand>span{padding:0 8px;color:#d2d5db}.app-footer>span:nth-child(2){color:#b4b7be;letter-spacing:1px;margin-left:-30px}.app-footer button{background:none;border:0;display:flex;align-items:center;gap:6px;font-size:9px;color:#9ea4ae}.modal-backdrop{position:fixed;inset:0;background:#262c3a66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:30px}.dialog{width:440px;max-width:100%;border-radius:14px;background:#fff;box-shadow:0 20px 100px #1a26302b;padding:32px;position:relative;max-height:90vh;overflow-y:auto;animation:dialog-in .18s ease-out}.dialog-close{position:absolute;right:15px;top:14px}.dialog-icon{width:48px;height:48px;border-radius:12px;color:var(--accent);background:#fcf0e9;display:flex;align-items:center;justify-content:center;margin-bottom:22px}.dialog-icon.warning{color:#bd8a3d;background:#faf3e4}.dialog h2{font-size:20px;font-weight:600;letter-spacing:-.5px;margin:0 0 12px}.dialog>p{font-size:12px;color:#9a9fa7;line-height:1.9;margin:0 0 21px;overflow-wrap:anywhere}.dialog .field-label{margin:20px 0}.dialog .text-input{height:42px}.dialog-action{width:100%;margin-top:15px;height:42px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.dialog-actions .button{flex:1}.mismatch-list{border:1px solid #e9ebef;border-radius:6px;max-height:250px;overflow-y:auto;background:#fafbfc;padding:5px 14px}.mismatch-list>div{padding:12px 0;display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #e9ebef}.mismatch-list>div:last-child{border:0}.mismatch-list strong{font-size:11px;font-weight:500;word-break:break-all}.mismatch-list span{font-size:10px;color:#9ba1aa}.export-summary{border:1px solid #e9ebef;border-radius:6px;padding:15px 17px;background:#fafbfc;display:flex;flex-direction:column;gap:11px}.export-summary>span{display:flex;justify-content:space-between;font-size:11px;color:#a0a6af}.export-summary strong{font-weight:500;color:#7f8895}.progress-track{height:7px;background:#f0f1f3;overflow:hidden;border-radius:5px}.progress-track>div{height:100%;background:var(--accent);transition:width .3s}.progress-count{display:flex;justify-content:space-between;color:#929aa5;font-size:11px;margin-top:10px}.error-list{max-height:160px;overflow-y:auto;font-size:10px;color:#c2795c}.help-steps{display:flex;flex-direction:column;gap:20px;margin:25px 0}.help-steps>div{display:flex;gap:15px}.help-steps>div>span{font-family:Arial;font-size:11px;background:#faf1eb;color:#cc7954;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-steps h3{margin:2px 0 6px;font-size:13px;font-weight:500}.help-steps p{margin:0;font-size:10px;color:#a0a6ae;line-height:1.9}.help-note{padding:13px;background:#f8f9fa;border:1px solid #edeff1;border-radius:5px;font-size:10px;color:#9ba3ae;line-height:1.9}.editor-modal{width:min(1070px,94vw);max-height:92vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 100px #1a26302b;animation:dialog-in .18s ease-out}.editor-header{height:63px;border-bottom:1px solid #e8ebef;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.editor-header>div{display:flex;align-items:center;gap:14px}.editor-header strong{font-size:12px;font-weight:500;max-width:40vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.editor-label{font-size:9px;padding:4px 7px;background:#fbf0e9;color:#d1815b;border-radius:4px}.editor-header>div>span:not(.editor-label){font-size:11px;color:#a9b0b9}.editor-body{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:560px;max-height:calc(92vh - 63px)}.editor-canvas{display:flex;align-items:center;justify-content:center;padding:40px 60px 55px;position:relative;background-color:#f0f0ed;background-image:linear-gradient(45deg,#e8e9e68f 25%,transparent 25%),linear-gradient(-45deg,#e8e9e68f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e9e68f 75%),linear-gradient(-45deg,transparent 75%,#e8e9e68f 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;min-height:0}.editor-canvas .badge-preview{max-height:min(65vh,640px);max-width:100%;width:auto;height:auto}.editor-arrow{border:1px solid #e2e4e6;background:#ffffffb3;box-shadow:0 2px 5px #33333305;width:32px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#a0a7ae;position:absolute;top:calc(50% - 20px);z-index:2}.editor-arrow:hover{background:#fff;color:var(--accent)}.editor-arrow.prev{left:13px}.editor-arrow.next{right:13px}.editor-dimensions{position:absolute;bottom:20px;display:flex;align-items:center;gap:9px;font-size:10px;color:#9ba3ad;background:#ffffffe6;padding:6px 10px;border-radius:4px}.editor-controls{padding:23px 22px;overflow-y:auto}.editor-controls h3{font-size:14px;font-weight:550;margin:0 0 5px}.editor-controls .field-help{margin:5px 0 20px;font-size:10px}.editor-controls .color-fields{margin:18px 0}.editor-numbers{margin-top:24px}.editor-done{width:100%;margin-top:22px}.text-button{border:0;background:transparent;color:#9aa3b0;font-size:10px;display:flex;align-items:center;gap:6px;padding:4px 0}.toast-message{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;background:#303833f2;color:#fff;padding:13px 20px;border-radius:8px;font-size:12px;z-index:200;box-shadow:0 6px 25px #21292726;max-width:90vw;white-space:normal;line-height:1.6}.toast-message svg{color:#b4d3b0}.toast-enter-active,.toast-leave-active{transition:opacity .2s,margin-bottom .2s}.toast-enter-from,.toast-leave-to{opacity:0;margin-bottom:-10px}.drag-overlay{position:fixed;inset:12px;background:#fffcf8f5;border:2px dashed #e9aa8d;border-radius:15px;z-index:150;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--accent);pointer-events:auto}.drag-overlay h2{font-weight:500;margin:20px 0 8px}.drag-overlay p{font-size:13px;color:#b1a296}.drag-overlay>*{pointer-events:none}.styles-page{max-width:1720px;margin:auto}.styles-page>.page-heading{padding-top:45px}.styles-empty{margin:10px 40px;background:#fff;border:1px dashed #dce0e6;border-radius:10px;height:450px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#aab0b9}.styles-empty h2{font-size:18px;color:#707b89;font-weight:500;margin-top:25px}.styles-empty p{font-size:12px;color:#aab0b9;margin-bottom:25px}.style-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:10px 40px 40px}.style-library article{border:1px solid #e3e6ec;border-radius:9px;padding:15px;background:#fff}.preset-preview{height:155px;background-color:#f5f5f3;background-image:radial-gradient(#d7dbd7 .8px,transparent .8px);background-size:9px 9px;display:flex;align-items:center;justify-content:center;border-radius:5px}.preset-preview>span{padding:10px 20px;letter-spacing:2px;font-size:20px;max-width:95%;overflow:hidden}.style-library h3{font-size:14px;font-weight:500;margin:18px 0 8px}.style-library p{font-size:10px;color:#a1a9b5;line-height:1.8}.style-library article>div:last-child{display:flex;justify-content:space-between;margin-top:18px}.spin{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 324px;gap:28px}.card-image{height:305px;padding:25px 35px}.card-info{padding:15px}.card-name{font-size:12px}.card-meta{font-size:9px}.panel-scroll{min-height:590px;padding:23px 24px 0}.panel-bottom{padding:20px 24px 17px}.badge-stage{height:101px;margin-bottom:23px}.color-presets{gap:13px;margin-bottom:20px}.color-presets button{width:40px;height:34px}.panel-rule{margin:24px 0 22px}.color-fields{margin-bottom:22px}.number-grid{row-gap:17px}.save-style-button{margin-top:23px}.section-label{font-size:11px}.number-field{height:35px}.page-heading{padding-top:42px;padding-bottom:35px}.drop-zone{min-height:107px}.image-grid{gap:22px}.gallery-toolbar{margin-top:29px}.selection-toolbar{height:47px}}@media(max-width:1150px){.topbar{padding:0 26px;gap:14px}.brand-description,.brand-divider{display:none}.main-nav{padding-left:0}.page-heading{padding:29px 26px 26px}.workspace{padding:0 26px;gap:19px;grid-template-columns:minmax(0,1fr) 281px}.app-footer{padding:25px 26px}.image-grid{gap:13px}.card-image{height:222px;padding:22px 21px}.drop-zone{padding:20px 18px;gap:12px}.drop-copy strong{font-size:11px}.drop-copy>span{font-size:9px}.drop-link{font-size:10px}.upload-icon{width:40px;height:40px}.gallery-title h2{font-size:13px}.demo-label{display:none}.search-box{width:145px}.gallery-tools{gap:8px}.gallery-footer>span:last-child{display:none}.card-meta{font-size:7px;gap:4px}.card-info{padding:10px}.card-name{font-size:10px}.panel-scroll{padding:19px 17px 0}.panel-bottom{padding:15px 17px}.color-presets{gap:10px}.color-presets button{width:33px}.style-library{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:950px){.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:16px;padding:0 22px}.page-heading{padding:28px 22px 25px}.topbar{padding:0 22px}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-image{height:235px}.local-tag{font-size:10px}.header-right{gap:10px}.drop-link{display:none}.drop-copy>span{font-size:8px}.text-separator{padding:0 3px}.drop-zone{padding:17px 13px;min-height:88px}.upload-icon{width:35px;height:38px}.upload-icon svg{width:21px}.gallery-toolbar{margin-top:22px}.selection-hint,.gallery-footer{font-size:8px}.app-footer>span:nth-child(2){display:none}.style-library{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:740px){.topbar{height:65px;padding:0 18px}.brand strong{font-size:17px}.brand-symbol{grid-template-columns:8px 8px;grid-template-rows:8px 8px;gap:3px}.brand{gap:9px}.main-nav{margin-left:auto;margin-right:0;gap:0}.main-nav button{padding:0 11px;height:34px;font-size:11px;gap:5px}.main-nav svg{width:14px}.header-right{gap:0}.local-tag{display:none}.help-button{border:0;width:27px;padding:0}.page-heading{padding:26px 18px 23px;align-items:flex-start}.eyebrow{font-size:7px;letter-spacing:1.2px}h1{font-size:26px}.page-heading p{font-size:10px}.heading-actions{gap:7px;padding-top:20px}.heading-actions .button{font-size:10px;padding:0 10px;height:34px;gap:5px}.heading-actions .button svg{width:14px}.heading-actions .secondary{display:none}.workspace{display:flex;flex-direction:column;padding:0 18px;gap:24px}.image-workspace{width:100%}.settings-panel{position:static;width:100%}.image-grid{gap:13px}.card-image{height:245px;padding:20px 25px}.card-name{font-size:11px}.card-meta{font-size:8px}.card-info{padding:11px}.drop-zone{min-height:90px;padding:17px;gap:13px}.drop-copy strong{font-size:11px}.drop-copy>span{font-size:8px}.drop-link{display:flex;font-size:9px}.upload-icon{width:39px}.gallery-title h2{font-size:13px}.gallery-tools{gap:8px}.search-box{width:131px}.selection-toolbar{gap:10px}.selection-hint{font-size:8px}.gallery-footer{margin-top:17px}.panel-scroll{min-height:0;padding:22px 23px 0}.panel-bottom{padding:20px 23px}.panel-heading{padding:0 23px}.badge-stage{height:110px}.color-presets{gap:14px}.color-presets button{width:44px;height:34px}.number-grid{gap:15px}.number-field,.color-field{height:36px}.section-label,.color-fields>label,.number-grid>label,.slider-label{font-size:11px}.position-note{font-size:9px}.save-style-button{height:37px;font-size:11px;margin-top:20px}.apply-all-button{height:37px}.panel-bottom .export-button{height:43px}.panel-bottom>p{font-size:9px}.app-footer{padding:23px 18px}.modal-backdrop{padding:15px}.editor-modal{max-height:94vh;width:100%}.editor-header{height:53px;padding:0 14px}.editor-header>div{gap:8px}.editor-header strong{font-size:10px}.editor-header .editor-label{font-size:8px}.editor-body{display:flex;flex-direction:column;max-height:calc(94vh - 53px);overflow-y:auto;min-height:0}.editor-canvas{height:360px;min-height:360px;padding:20px 55px 45px}.editor-canvas .badge-preview{max-height:290px}.editor-controls{overflow-y:visible;padding:22px}.editor-dimensions{font-size:8px;bottom:12px}.dialog{padding:28px 24px}.dialog h2{font-size:18px}.style-library{padding:10px 18px;gap:14px}.styles-empty{margin:10px 18px}.styles-page>.page-heading{padding-top:30px}.styles-page .page-heading>.button{font-size:10px;padding:0 10px}.preset-preview{height:120px}.preset-preview>span{font-size:15px;padding:7px 12px}.style-library h3{font-size:12px}.style-library p{font-size:9px}.style-library .button{font-size:10px}}@media(max-width:390px){.topbar{padding:0 13px;gap:6px}.brand strong{font-size:16px}.main-nav button{padding:0 8px;font-size:10px}.main-nav svg{display:none}.workspace{padding:0 13px}.page-heading{padding-left:13px;padding-right:13px}.card-image{height:210px;padding:20px}.drop-link{display:none}.gallery-tools{gap:5px}.search-box{width:115px}.gallery-title{gap:6px}.gallery-title h2{font-size:12px}.view-switch button{width:23px}.card-meta,.selection-hint{font-size:7px}.selection-toolbar{gap:7px}.app-footer{padding:23px 13px}.gallery-footer{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.image-grid:not(.list-view) .card-image,.gallery-grid:not(.list-view) .card-image{height:auto;aspect-ratio:2.1;padding:16px 20px}.filename-editor{position:relative;display:flex;align-items:center;gap:5px;min-width:0}.filename-editor .card-name{flex:1;min-width:0;cursor:text}.filename-pencil{background:transparent;border:0;color:#a1a9b5;padding:3px;flex-shrink:0;opacity:0}.image-card:hover .filename-pencil,.filename-pencil:focus-visible{opacity:1}.filename-input{width:100%;min-width:0;padding:4px 6px;margin:-5px -7px;font:inherit;color:#29313d;border:1px solid #e96b42;border-radius:4px;outline:none}.filename-input[aria-invalid=true]{border-color:#cf3540}.filename-error{position:absolute;top:100%;z-index:3;background:#fff3f1;color:#bb3434;padding:6px;font-size:10px;border-radius:4px}.background-choice{display:flex;margin:10px 0 18px}.background-choice button{flex:1}.color-fields>label:only-child{grid-column:1 / -1}.switch-setting{display:flex;align-items:center;gap:12px;padding:13px 0;cursor:pointer}.switch-setting>span{flex:1;min-width:0}.switch-setting strong{font-size:11px;font-weight:500;display:block;color:#59616d}.switch-setting small{display:block;font-size:9px;line-height:1.7;color:#98a0ad;margin-top:5px}.switch-setting input{appearance:none;flex-shrink:0;width:30px;height:17px;border-radius:12px;background:#dce1e7;cursor:pointer;position:relative;transition:background .15s}.switch-setting input:checked{background:#e96b42}.switch-setting input:before{content:"";position:absolute;width:13px;height:13px;top:2px;left:2px;background:#fff;border-radius:50%;transition:transform .15s}.switch-setting input:checked:before{transform:translate(13px)}.switch-setting input:focus-visible{outline:2px solid #e96b42;outline-offset:3px}.export-filename{font-size:10px;line-height:1.6;color:#8b94a3;overflow-wrap:anywhere;margin:-4px 0 15px}.example-chip.without-background{background:transparent;color:#222;padding:0;border-radius:0}.logo-library-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.logo-library-actions .button{font-size:10px;padding:8px 10px}.logo-library-actions .text-button{font-size:10px}.logo-library-open{width:100%;justify-content:center;margin-top:12px}.logo-content-outline{position:absolute;border:1px dashed #e96b4270;pointer-events:none}.logo-library-dialog{background:#fff;border-radius:12px;width:min(940px,94vw);max-height:90vh;padding:28px;display:flex;flex-direction:column;box-shadow:0 20px 80px #202a3530}.logo-library-dialog header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:20px}.logo-library-dialog h2{font-size:23px;margin:7px 0}.logo-library-dialog h2 small{font-size:12px;color:#9ba3ad;margin-left:6px}.logo-library-dialog header p{font-size:11px;color:#9ba3ad}.logo-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:auto;padding:1px}.logo-library-card{border:1px solid #e8ebef;border-radius:9px;overflow:hidden;padding:15px;min-width:0}.logo-library-thumb{height:120px;padding:18px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:repeating-conic-gradient(#f0f1f1 0% 25%,#fafafa 0% 50%) 0/12px 12px}.logo-library-thumb canvas{max-width:100%;max-height:100%;object-fit:contain}.logo-library-card h3{font-size:13px;font-weight:500;margin:15px 0 8px;overflow-wrap:anywhere}.logo-library-card h3 span{float:right;font-size:9px;color:#e46b42;background:#fff2eb;border-radius:4px;padding:3px 5px}.logo-library-card p{color:#a0a8b3;font-size:10px;line-height:1.7;margin-bottom:15px}.logo-library-card>div:last-child{display:flex;gap:8px}.logo-library-card .button{flex:1;justify-content:center;font-size:11px;padding:8px}.logo-library-new{min-height:240px;border:1px dashed #dce1e6;border-radius:9px;background:#fafbfc;color:#8f98a5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.logo-library-new strong{font-size:13px;font-weight:500;color:#687382}.logo-library-new span{font-size:10px}.logo-library-new:hover{border-color:#e96b42;color:#e96b42}@media(max-width:700px){.logo-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-library-dialog{padding:18px}.logo-library-thumb{height:100px}}@media(max-width:420px){.logo-library-grid{grid-template-columns:1fr}}.logo-mini-stage,.logo-board,.preset-preview:has(.logo-thumb){background-color:#fff;background-image:linear-gradient(45deg,#edf0f2 25%,transparent 25%),linear-gradient(-45deg,#edf0f2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf0f2 75%),linear-gradient(-45deg,transparent 75%,#edf0f2 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.logo-mini-stage{height:117px;border:1px solid #e8ebef;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:15px;overflow:hidden;color:#a0a8b2;font-size:11px}.logo-thumb{max-width:100%;max-height:100%;object-fit:contain;display:block;width:auto;height:auto}.logo-source-card{border:1px solid #e6e9ee;border-radius:8px;padding:11px;background:#fafbfc}.logo-source-card .logo-mini-stage{height:130px;border:0;margin-bottom:10px}.logo-source-card>.button{width:100%;height:35px;background:#fff;font-size:11px}.logo-new-button{margin:10px auto 0;justify-content:center;font-size:10px;color:#a48a7c}.logo-source-empty{display:flex;align-items:center;flex-direction:column;gap:10px;color:#a9afb8;font-size:10px}.segmented:has(button:nth-child(3)){gap:2px;padding:3px}.segmented:has(button:nth-child(3)) button{font-size:10px;padding:0 7px}.guide-toggle{display:flex;align-items:center;gap:6px;height:30px;border:1px solid #e3e6eb;border-radius:5px;background:#fff;color:#8b949f;padding:0 10px;font-size:10px}.guide-toggle.active{color:#dc7255;background:#fff8f4;border-color:#f1d7ca}.guide-explanation{margin:15px 0;color:#a0a8b2;font-size:9px}.logo-editor{width:min(1340px,96vw);background:#fff;border-radius:12px;box-shadow:0 20px 100px #1a26302b;max-height:94vh;display:flex;flex-direction:column;overflow:hidden;animation:dialog-in .18s ease-out}.logo-editor-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:63px;flex-shrink:0;border-bottom:1px solid #e9ecf0}.logo-editor-header>div{display:flex;align-items:center;gap:13px}.logo-editor-header h2{font-size:16px;font-weight:550;margin:0}.logo-editor-toolbar{padding:13px 24px;display:flex;gap:9px;align-items:center;border-bottom:1px solid #eaedf1;flex-shrink:0}.logo-editor-toolbar .button{height:34px;font-size:11px;padding:0 12px;color:#6c7582}.logo-editor-toolbar>span{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10px;color:#a2aab4}.logo-editor-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:0;overflow:hidden}.logo-design-area{background:#f6f7f9;padding:24px;min-height:470px;overflow-y:auto;display:flex;flex-direction:column}.logo-canvas-caption{display:flex;justify-content:space-between;align-items:center;color:#8b94a1;font-size:10px;margin-bottom:20px}.logo-canvas-caption>span:first-child{color:#6c7785;font-size:11px}.logo-canvas-caption small{font-size:10px;color:#a2aab5;margin-left:9px}.logo-board-space{min-height:280px;display:flex;align-items:center;justify-content:center;flex:1;padding:25px 0}.logo-board{position:relative;width:100%;flex-shrink:0;box-shadow:0 1px 12px #3943550a;border:1px solid #dce2e9;outline:none}.logo-design-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.logo-upload-empty{background:transparent;border:0;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:#c38a70;padding:20px;white-space:normal}.logo-upload-empty strong{font-size:14px;font-weight:500;color:#7d8794}.logo-upload-empty span{font-size:10px;line-height:1.7;color:#a3aab4}.logo-layer-region{position:absolute;cursor:move;touch-action:none;outline:none;border:1px solid transparent}.logo-layer-region:hover{border-color:#e3a88f88}.logo-layer-region.variable{border:1px dashed #e4aa8f88}.logo-layer-region.selected{border:1.5px solid #e1805c}.logo-layer-region.selected:focus-visible{outline:1px solid #e1805c;outline-offset:2px}.logo-layer-tag{position:absolute;left:-1px;bottom:calc(100% + 5px);font-size:9px;line-height:1.4;background:#e1805c;color:#fff;padding:3px 6px;border-radius:3px;white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.logo-resize-handle{position:absolute;right:-6px;bottom:-6px;width:11px;height:11px;padding:0;background:#fff;border:1.5px solid #e1805c;border-radius:2px;cursor:nwse-resize;touch-action:none;z-index:2}.logo-filename-preview{display:flex;align-items:center;gap:11px;font-size:11px;color:#7d8795;margin-top:25px;flex-wrap:wrap}.logo-filename-preview .text-input{flex:1;min-width:130px;max-width:310px;margin:0;font-size:11px;height:34px}.logo-filename-preview>span{width:100%;font-size:10px;color:#a1a9b4;padding-left:66px;margin-top:-2px}.logo-busy{display:flex;align-items:center;gap:7px;font-size:11px;color:#a0a8b3;margin:10px 0 0}.logo-inspector{padding:22px 20px;overflow-y:auto;min-height:0;border-left:1px solid #e8ebf0;max-height:65vh}.logo-inspector .number-grid>label{font-size:10px;color:#7e8895}.logo-inspector .number-field{height:33px}.logo-inspector .section-label{font-size:11px}.logo-section-title{display:flex;align-items:center;gap:6px;color:#75808e!important;font-size:11px!important}.logo-layer-list{display:flex;flex-direction:column;gap:5px;max-height:135px;overflow-y:auto}.logo-layer-list>button{border:1px solid #e9ecf1;border-radius:5px;background:#fafbfc;display:flex;align-items:center;gap:7px;height:32px;flex-shrink:0;width:100%;text-align:left;padding:0 9px;font-size:10px;color:#96a0ad}.logo-layer-list>button.active{border-color:#edc8b6;color:#cf7955;background:#fff7f2}.logo-layer-list>button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.logo-layer-list>p{font-size:10px;color:#aab1bc;line-height:1.9;margin:4px 0}.logo-layer-actions{display:flex;gap:5px;margin:10px 0 15px;padding-bottom:10px;border-bottom:1px solid #eceef2}.logo-layer-actions .danger{margin-left:auto;color:#c18770}.logo-inspector-hint{text-align:center;display:flex;align-items:center;flex-direction:column;padding:35px 8px 20px;color:#adb5c0}.logo-inspector-hint p{font-size:11px;line-height:1.9;color:#a4adba}.logo-text-properties{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.logo-text-properties label{font-size:10px;color:#8d97a4;display:flex;flex-direction:column;gap:7px}.logo-text-properties input[type=color]{height:36px;width:100%;padding:5px;background:#fff;border:1px solid #e2e7ee;border-radius:5px}.logo-text-properties .number-stepper{margin-top:0}.logo-text-properties .text-input{margin:0;height:35px}.logo-editor-footer{border-top:1px solid #e8ebf0;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0}.logo-editor-footer>span{font-size:10px;color:#a6aebb}.logo-editor-footer>div{display:flex;gap:10px}.logo-editor-footer .button{font-size:11px;height:37px;min-width:85px}@media(max-width:850px){.logo-editor-toolbar>span{display:none}.logo-editor-body{grid-template-columns:minmax(0,1fr) 320px}.logo-design-area{padding:20px;min-height:400px}.logo-inspector{padding:20px 15px}.logo-editor-footer>span{font-size:9px}.logo-canvas-caption>span:last-child{font-size:9px}.logo-canvas-caption small{display:none}}@media(max-width:650px){.logo-editor{max-height:94vh}.logo-editor-header{padding:0 16px;height:55px}.logo-editor-header>div{gap:8px}.logo-editor-header .editor-label{font-size:7px}.logo-editor-header h2{font-size:13px}.logo-editor-toolbar{padding:11px 14px;gap:6px;flex-wrap:wrap}.logo-editor-toolbar .button{padding:0 9px;font-size:10px;height:32px}.logo-editor-toolbar .button svg{width:14px}.logo-editor-body{display:block;overflow-y:auto}.logo-design-area{padding:20px 16px;min-height:300px;overflow:visible}.logo-board-space{min-height:180px;padding:18px 0}.logo-upload-empty{gap:9px}.logo-upload-empty>svg{width:23px}.logo-upload-empty strong{font-size:12px}.logo-upload-empty span{font-size:8px}.logo-filename-preview{font-size:10px;margin-top:15px}.logo-filename-preview>span{font-size:9px}.logo-inspector{max-height:none;padding:20px;border-left:0;border-top:1px solid #e7ebef}.logo-layer-list{max-height:120px}.logo-editor-footer{padding:12px 15px}.logo-editor-footer>span{max-width:130px;line-height:1.7;font-size:8px}.logo-editor-footer>div{gap:6px}.logo-editor-footer .button{min-width:58px;height:34px;padding:0 10px;font-size:10px}.guide-toggle{padding:0 7px;font-size:9px;gap:3px}.guide-toggle svg{width:12px}.editor-header>div:last-child{gap:7px}.editor-header strong{max-width:31vw}.logo-mini-stage{height:120px}.logo-layer-tag{font-size:7px}}.custom-select{position:relative;display:block;width:100%;margin-top:7px;line-height:1.5}.custom-select-trigger{width:100%;height:37px;border:1px solid #e0e4ea;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 10px;color:#626b77;font-size:11px;text-align:left;white-space:normal}.custom-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-trigger>svg{color:#9da6b1;transition:transform .15s}.custom-select-trigger>svg.rotated{transform:rotate(180deg)}.custom-select-trigger[aria-expanded=true]{border-color:#e4a58c;box-shadow:0 0 0 3px #e36b410a}.custom-select-trigger:hover{border-color:#cbd2dc}.custom-select-menu{position:fixed;z-index:2000;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e4e7ed;border-radius:8px;background:#fff;box-shadow:0 10px 35px #27364c20;padding:5px;outline:none;animation:dialog-in .12s ease-out;font:11px/1.6 Noto Sans SC,Microsoft YaHei,sans-serif;color:#66717f}.custom-select-search{display:flex;align-items:center;gap:7px;margin:2px 2px 5px;padding:7px 8px;background:#f6f7f9;border-radius:5px;color:#a0a9b5;flex-shrink:0}.custom-select-search input{border:0;background:transparent;width:100%;outline:none;box-shadow:none!important;min-width:0;font-size:10px;color:#6f7a89}.custom-select-options{overflow-y:auto;min-height:0;max-height:274px;scrollbar-width:thin;scrollbar-color:#d3d8e0 transparent}.custom-select-options>button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:#fff;border-radius:4px;padding:8px 9px;text-align:left;color:#727d8b;min-height:34px;font-size:11px}.custom-select-options>button.highlighted{background:#f7f8fa}.custom-select-options>button.chosen{background:#fff2eb;color:#ce704e}.custom-select-options>button:hover{background:#fff6f1;color:#ce704e}.custom-select-empty{margin:12px 8px;text-align:center;color:#a4adb8;font-size:10px}.modal-backdrop:has(.editor-modal){padding:18px}.editor-modal{width:min(2000px,calc(100vw - 36px));height:94vh;max-height:94vh;display:flex;flex-direction:column}.editor-header{flex-shrink:0}.editor-body{grid-template-columns:minmax(0,1fr) 320px;flex:1;min-height:0;max-height:none;overflow:hidden}.editor-canvas{padding:0;min-height:0;overflow:hidden}.editor-controls{padding:24px}.editor-quickbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;padding:12px 22px;background:#fafbfc;border-bottom:1px solid #e9ecf1;flex-shrink:0}.editor-quick-group{display:flex;align-items:center;gap:10px}.editor-quick-group>span,.editor-quick-setting{font-size:10px;color:#949eab;white-space:nowrap}.editor-quick-group .segmented{margin:0}.editor-quick-group .segmented button{font-size:11px;padding:7px 11px}.editor-quickbar .segmented button.active,.editor-controls .segmented button.active{background:var(--accent);color:#fff}.editor-style-library{font-size:11px;height:33px;padding:0 12px}.save-style-button.save-current-style{border:1px solid #edc7b8;color:var(--accent);background:#ef75410a}.save-style-button.save-current-style:hover{border-color:#df9b83;background:#ef754116;color:var(--accent-dark)}.save-style-button.save-current-style span{color:#bd998b}.editor-controls .color-presets{margin-bottom:18px}.editor-controls .color-heading{margin-top:18px}.color-heading .text-button{font-size:11px;color:var(--accent);margin:0;padding:2px 0}.color-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%}.color-presets>button{width:100%;height:34px;min-width:0}.color-presets>button.chosen{outline:none;box-shadow:inset 0 0 0 2px #e9a78e}.color-presets>.palette-settings-cell{display:flex;align-items:center;justify-content:center;color:#98a2af;background:#fafbfd;border:1px dashed #dce1e8}.color-presets>.palette-settings-cell:hover{color:var(--accent);border-color:#df9b83;background:#fff6f1}.palette-manager{width:610px}.palette-manager-backdrop{z-index:2200}.palette-mode{margin-bottom:16px;flex-shrink:0}.palette-mode>button.active{background:var(--accent);color:#fff}.palette-list{overflow:auto;min-height:90px;padding:3px 10px;border:1px solid #e8ebf0;border-radius:8px;scrollbar-width:thin}.palette-row{display:flex;position:relative;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f2f5}.palette-row:last-child{border-bottom:0}.palette-row.is-dragging{background:#fff4ed}.palette-row.is-dragging>*{opacity:.5}.palette-row.drop-before:before,.palette-row.drop-after:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--accent);z-index:1;pointer-events:none}.palette-row.drop-before:before{top:-1px}.palette-row.drop-after:after{bottom:-1px}.palette-sample{width:44px;height:44px;flex-shrink:0;border:1px solid #dce1e8;border-radius:6px;display:grid;place-items:center;font:19px Georgia,serif}.palette-fields{flex:1;min-width:0}.palette-fields .palette-name{width:100%;height:26px;padding:0;border:0;background:transparent;color:#566170;font-size:12px;margin-bottom:6px}.palette-color-fields{display:flex;gap:12px}.palette-color-fields>label{flex:1;min-width:0}.palette-color-fields>label>span{display:block;font-size:10px;color:#a0a9b5;margin-bottom:5px}.palette-color-input{display:flex;align-items:center;height:30px;padding:4px 6px;gap:7px;border:1px solid #e2e6ed;border-radius:5px;background:#fff}.palette-color-input:focus-within{border-color:#df9b83}.palette-color-input input[type=color]{width:19px;height:19px;border:1px solid #dce1e8;padding:0;border-radius:3px;background:#fff;cursor:pointer;flex-shrink:0}.palette-color-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.palette-color-input input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}.palette-color-input input:not([type=color]){width:100%;min-width:0;padding:0;height:22px;border:0;background:transparent;font:11px monospace;color:#687381;outline:0}.palette-row-actions{display:flex;gap:2px}.palette-row-actions>button{width:23px;height:25px}.palette-row-actions>button:disabled{opacity:.25;cursor:default}.palette-manager-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:14px 0}.palette-manager-note .text-button{display:flex;gap:5px;align-items:center;color:var(--accent);font-size:11px;padding:0;margin:0}.palette-manager-note>span{font-size:10px;color:#a2aab5}@media(max-width:540px){.palette-row{gap:7px}.palette-sample{width:32px;height:36px}.palette-row-actions{flex-direction:column}.palette-color-fields{gap:6px}.palette-color-input{padding:4px;gap:4px}}.outline-width-field{margin-top:12px}.outline-width-field>small{display:block;font-size:9px;color:#a1a9b4;margin-top:7px}.editor-guide-toggle{margin-left:auto;flex-shrink:0}.editor-controls .editor-reset{color:var(--accent)}.outline-setting{margin-top:18px}.editor-quick-setting{display:flex;align-items:center;gap:7px}.editor-quick-setting input{width:48px;height:31px;border:1px solid #e1e6ed;border-radius:5px;padding:0 6px;font-size:11px;color:#697584;background:#fff}.editor-quick-setting .quick-fixed-text{width:160px}.editor-quick-logo{display:flex;align-items:center;gap:10px}.editor-quick-logo .custom-select{width:190px;margin:0}.editor-quick-logo .text-button{color:var(--accent, #e86b42);white-space:nowrap;font-size:11px}.logo-select-option{display:flex;align-items:center;gap:9px;min-width:0}.logo-select-option>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-select-thumb{width:38px;height:25px;padding:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#e9edf0 0% 25%,#fff 0% 50%) 0/8px 8px;border:1px solid #e0e5ea;border-radius:4px}.logo-select-thumb canvas{max-width:100%;max-height:100%;object-fit:contain}.logo-inspector .number-stepper{height:36px}.logo-inspector .number-stepper input{padding:0;height:auto;width:100%}.editor-wide-field{grid-column:1 / -1}.editor-margins{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.editor-margins>label{font-size:10px;color:#9297a0;min-width:0}.code-warning-list{display:grid;gap:9px;max-height:210px;overflow:auto;padding:12px;border:1px solid #f0e3d5;border-radius:7px;background:#fffaf4;margin:15px 0}.code-warning-list strong{display:block;font-size:11px;color:#7e6c5a;overflow-wrap:anywhere;font-weight:500}.code-warning-list span{display:block;font-size:10px;line-height:1.7;color:#ac9480;margin-top:4px}.dialog.code-warning-dialog,.dialog.import-mode-dialog{width:880px}.code-warning-dialog .code-warning-list{max-height:300px;gap:0;padding:0 18px}.code-warning-dialog .code-warning-list>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:baseline;gap:20px;padding:12px 0;border-bottom:1px solid #f0e3d5}.code-warning-dialog .code-warning-list>div:last-child{border-bottom:0}.code-warning-dialog .code-warning-list strong,.code-warning-dialog .code-warning-list span{font-size:12px;line-height:1.8;margin:0}.dialog .code-warning-reassurance{color:#647080;font-size:13px}.import-mode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0}.import-mode-grid>button{position:relative;padding:20px 10px 18px;border:1px solid #e4e8ee;background:#fff;border-radius:10px;color:#536071;text-align:center;min-width:0}.import-mode-grid>button:hover,.import-mode-grid>button.selected{border-color:var(--accent);background:#fff6f1}.import-mode-sample{display:flex;justify-content:center;align-items:center;height:58px;margin-bottom:15px;border-radius:6px;background:#f4f5f7;color:#222;font-size:14px;font-weight:600}.import-mode-sample .with-background{padding:5px 7px;background:#222;color:#fff;border-radius:4px}.import-mode-sample>svg{color:var(--accent)}.import-mode-grid strong,.import-mode-grid small{display:block}.import-mode-grid strong{font-size:13px;font-weight:600}.import-mode-grid small{font-size:11px;color:#87909d;margin-top:7px}.import-mode-check{position:absolute;right:7px;top:7px;width:19px;height:19px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center}.import-mode-settings{padding:18px 20px;border-radius:8px;border:1px solid #e9ecf0;background:#fafbfc;min-height:130px}.import-mode-settings .field-label{margin:0;max-width:420px}.import-mode-settings p{font-size:12px;line-height:1.9;color:#87909d;margin:12px 0 0}@media(max-width:650px){.import-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.import-mode-grid>button{padding:12px 8px}.import-mode-grid>button:last-child{grid-column:1 / -1}.import-mode-sample{height:38px;margin-bottom:10px}.code-warning-dialog .code-warning-list>div{grid-template-columns:1fr;gap:4px}}@media(max-width:800px){.editor-quickbar{padding:10px 14px;gap:9px}.editor-quick-group{flex-wrap:wrap;gap:6px}.editor-quick-group .segmented button{padding:6px 9px}}.import-choices{display:grid;gap:12px;margin:20px 0}.import-choices>button{width:100%;min-width:0;white-space:normal;display:flex;align-items:center;gap:13px;border:1px solid #e4e8ee;border-radius:8px;background:#fff;padding:15px;text-align:left;color:#a0a9b4}.import-choices>button:hover{border-color:#eb987a;background:#fff9f5}.import-choices>button>svg{flex-shrink:0}.import-choices>button>span{flex:1;min-width:0}.import-choices strong{display:block;font-size:13px;color:#657080;font-weight:500;margin-bottom:7px}.import-choices small{white-space:normal;display:block;font-size:10px;line-height:1.9;color:#9aa4b1}.import-cancel{width:100%;justify-content:center}.batch-save-note{margin:10px 0 0;font-size:9px;color:#a2abb7;line-height:1.8}.editor-controls .empty-badge-note{color:#b48768;line-height:1.8;margin:8px 0 12px}.source-dimensions{display:grid;gap:5px;border:1px solid #e8ecf1;border-radius:6px;background:#fafbfc;padding:11px;margin:-7px 0 18px;font-size:10px;line-height:1.7;color:#98a2ae}.source-dimensions strong{font-size:11px;font-weight:500;color:#657180}.card-source-info{margin:7px 0 0;color:#9ca6b2;font-size:9px;line-height:1.6}.resolution-choice{margin-bottom:10px}.resolution-choice>button{flex:1}.number-stepper{padding:0;height:36px}.number-stepper>button{width:27px;height:100%;padding:0;flex-shrink:0;border:0;background:#f8f9fb;color:#7b8795;display:flex;align-items:center;justify-content:center}.number-stepper>button:hover:not(:disabled){background:#fff0e8;color:#df704b}.number-stepper>button:disabled{opacity:.35;cursor:default}.stepper-value{min-width:0;flex:1;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 3px}.number-stepper .stepper-value input{text-align:center;font-variant-numeric:tabular-nums;padding:0}.stepper-value>span{font-size:9px;color:#a3abb6;flex-shrink:0}.size-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.size-heading .text-button{font-size:11px;color:#db704c;margin:0;padding:2px 0}.export-example{overflow-wrap:anywhere}.size-manager-backdrop{position:fixed;inset:0;z-index:2100;background:#26303c66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.size-manager{width:520px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;background:#fff;border:1px solid #e9ecf1;border-radius:13px;padding:24px;box-shadow:0 20px 80px #26303c30}.size-manager header{display:flex;justify-content:space-between;gap:15px;margin-bottom:16px}.size-manager h2{font-size:18px;font-weight:550;margin:0 0 8px}.size-manager header p{font-size:11px;color:#99a2af;margin:0;line-height:1.8}.size-list{overflow:auto;min-height:70px;max-height:340px;padding:5px 8px;border:1px solid #e8ebf0;border-radius:7px;scrollbar-width:thin}.size-row{position:relative;display:flex;align-items:center;gap:10px;height:42px;border-bottom:1px solid #f0f2f5;-webkit-user-select:none;user-select:none}.size-row:last-child{border-bottom:0}.size-grip{border:0;background:transparent;padding:7px 1px;color:#a2aab5;cursor:grab;touch-action:none}.sorting,.sorting .size-grip{cursor:grabbing}.size-index{width:19px;color:#b0b7c1;font-size:10px;font-variant-numeric:tabular-nums}.size-row strong{font-size:12px;font-weight:500;color:#647080}.size-row small{color:#a2aab5;font-size:10px;margin-left:4px;font-weight:400}.size-row.is-dragging{background:#fff4ed}.size-row.is-dragging>*{opacity:.5}.size-row.drop-before:before,.size-row.drop-after:after{content:"";position:absolute;left:0;right:0;height:2px;background:#e96b42;border-radius:1px;z-index:1;pointer-events:none}.size-row.drop-before:before{top:-1px}.size-row.drop-after:after{bottom:-1px}.size-row-actions{display:flex;gap:4px;margin-left:auto}.size-row-actions button{width:25px;height:25px}.size-row-actions button:disabled{opacity:.25;cursor:default}.size-add{margin:18px 0}.size-add>span{display:block;font-size:12px;color:#687381;margin-bottom:10px}.size-add>span small{font-size:10px;color:#a2aab5;margin-left:7px}.size-add>div{display:flex;gap:8px;align-items:flex-end}.size-add label{min-width:0;flex:1;font-size:10px;color:#99a2af}.size-add input{display:block;width:100%;height:34px;margin-top:6px;padding:0 9px;border:1px solid #e2e6ec;border-radius:5px;font-size:12px;color:#687381}.size-add b,.size-add div>span{font-size:11px;font-weight:400;color:#a1aab6;line-height:34px}.size-add .button{height:34px;padding:0 12px;font-size:11px}.size-manager footer{display:flex;align-items:center;gap:8px;padding-top:16px;border-top:1px solid #edf0f4}.size-manager footer>span{flex:1;font-size:10px;color:#a2aab5}.size-manager footer .button{padding:9px 14px;font-size:11px}@media(max-width:480px){.size-manager{padding:18px}.size-add>div{gap:5px}.size-manager footer>span{font-size:9px}}.editor-dimensions{bottom:15px;z-index:3;pointer-events:none;font-size:10px}.editor-arrow{z-index:4;box-shadow:0 2px 9px #2938490b}.position-scope{border:1px solid #e9ecf1;border-radius:7px;padding:12px;background:#fafbfc;margin-bottom:19px}.position-scope>span{font-size:11px;color:#727e8c}.position-scope .segmented{margin:9px 0 8px;background:#eef1f4}.position-scope>p{font-size:9px;line-height:1.8;color:#9ba6b3;margin:0}.position-scope .segmented>button{font-size:11px}.interactive-preview{position:absolute;inset:0;overflow:hidden;-webkit-user-select:none;user-select:none}.viewer-viewport{position:absolute;inset:0;outline:none;touch-action:none;overflow:hidden}.viewer-viewport:focus-visible{outline:1px solid #e0b29b;outline-offset:-2px}.viewer-image-canvas{width:100%;height:100%;display:block}.viewer-toolbar{position:absolute;left:18px;top:17px;z-index:5;display:flex;align-items:center;gap:3px;background:#ffffffed;border:1px solid #e1e5eb;border-radius:7px;box-shadow:0 3px 12px #39445c08;padding:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viewer-toolbar button{height:28px;min-width:29px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:4px;background:transparent;color:#8b96a3;padding:0 5px;font-size:11px}.viewer-toolbar button:hover{background:#f9f0e9;color:#ce7350}.viewer-toolbar>span{font-family:Arial,sans-serif;font-size:11px;color:#727e8d;min-width:45px;text-align:center}.viewer-toolbar>i{height:15px;width:1px;background:#e9ecf1;margin:0 4px}.viewer-toolbar .viewer-tool-label{padding:0 9px}.viewer-instructions{position:absolute;left:18px;bottom:46px;z-index:3;pointer-events:none;display:flex;align-items:center;gap:5px;background:#ffffffd9;border:1px solid #ffffffde;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 9px;border-radius:5px;color:#8f99a6;font-size:9px}.viewer-hint-divider{color:#c4cbd4;padding:0 5px}.viewer-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:13px 17px;background:#fffffff2;border:1px solid #e6eaf0;border-radius:6px;color:#97a1af;font-size:12px;max-width:85%;white-space:normal}.viewer-badge-outline{position:absolute;border:1.5px dashed #e47a51;pointer-events:none;z-index:2}.logos-page{padding:45px 40px 40px}@media(max-width:1200px){.logos-page{padding:35px 26px}}@media(max-width:740px){.logos-page{padding:30px 18px}}.logo-library-dialog.logo-library-page{width:100%;max-height:none;padding:0;background:transparent;border-radius:0;box-shadow:none}.logo-library-page>header{margin-bottom:28px}.logo-library-page h2{font-size:32px;margin:12px 0}.logo-library-page header p{font-size:12px}.logo-library-page .logo-library-grid{overflow:visible}.logo-library-page .logo-library-card{background:#fff;padding:20px}.logo-library-page .logo-library-thumb{height:155px}.logo-library-delete{flex-shrink:0;align-self:center;color:#a1aab5}.logo-library-delete:hover{color:var(--accent);background:#fff2eb}.delete-confirm-backdrop{position:fixed;inset:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:20px;background:#26303c66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.delete-confirm{position:relative;width:370px;max-width:100%;padding:26px;border:1px solid #e8ebef;border-radius:12px;background:#fff;box-shadow:0 16px 70px #202a3530}.delete-confirm-close{position:absolute;top:12px;right:12px}.delete-confirm-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:10px;background:#fff2eb;color:var(--accent)}.delete-confirm h2{font-size:18px;font-weight:550;margin:0 0 13px}.delete-confirm>strong{display:block;overflow-wrap:anywhere;font-size:13px;font-weight:500;color:#66717f}.delete-confirm p{color:#99a2ae;line-height:1.8;font-size:12px;margin:10px 0 22px}.delete-confirm p.field-error{color:#d1664c}.delete-confirm footer{display:flex;gap:9px;justify-content:flex-end}.delete-confirm footer .button{min-width:78px;padding:9px 14px;font-size:12px}.viewer-badge-outline>span{position:absolute;bottom:calc(100% + 6px);right:0;background:#e47a51;color:#fff;font-size:10px;line-height:1.4;padding:4px 7px;border-radius:4px;white-space:nowrap}@media(min-width:1900px){.editor-body{grid-template-columns:minmax(0,1fr) 360px}.editor-controls{padding:28px}.editor-controls h3{font-size:16px}.editor-controls .field-label,.editor-controls .slider-label,.editor-controls .number-grid>label{font-size:12px}.editor-controls .number-field{height:37px}.viewer-instructions{font-size:11px}.viewer-toolbar button{font-size:12px;height:32px}.viewer-toolbar>span{font-size:12px}}@media(max-width:800px){.modal-backdrop:has(.editor-modal){padding:10px}.editor-modal{width:calc(100vw - 20px);height:95vh;max-height:95vh}.editor-header{height:54px;padding:0 13px}.editor-header strong{max-width:30vw;font-size:10px}.editor-header>div{gap:7px}.editor-body{display:flex;flex-direction:column;overflow-y:auto;max-height:none;min-height:0}.editor-canvas{flex-shrink:0;height:52vh;min-height:320px}.editor-controls{overflow:visible;padding:20px;flex-shrink:0}.viewer-toolbar{left:11px;top:12px}.viewer-toolbar button{height:26px;font-size:10px}.viewer-toolbar>span{font-size:10px}.viewer-toolbar .viewer-tool-label{padding:0 7px}.viewer-instructions{left:11px;bottom:43px;gap:4px;font-size:8px;padding:5px 7px}.viewer-instructions svg{width:11px}.viewer-hint-divider{padding:0 2px}.editor-dimensions{font-size:8px;bottom:13px}.position-scope{margin-bottom:19px}.custom-select-trigger{font-size:12px}}