:root{font-family:'Segoe UI','Malgun Gothic',Arial,sans-serif;color:#1b2633;background:#f3f5f7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{border:1px solid #d9dfe5;background:#fff;color:#263442;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .12s}button:hover{background:#f3f6f8;border-color:#bbc6d0}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible{outline:3px solid #81b9ff;outline-offset:2px}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#17212b;color:white;border-bottom:1px solid #263642}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:#f2ae42;color:#202b32;border-radius:10px;font-weight:800;font-size:18px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.brand strong{display:block;letter-spacing:.2px;font-size:14px}.brand small{display:block;color:#9caab5;font-size:10px;margin-top:1px}.top-actions{display:flex;align-items:center;gap:16px}.save-state{font-size:11px;color:#a7d7b8}.icon-button{font-size:11px;color:#e9eef1;background:#263642;border-color:#344955}.toolbar{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 16px;background:#fff;border-bottom:1px solid #dfe4e8}.tool-group{display:flex;align-items:center;gap:6px}.tool-group button{white-space:nowrap}.tool-group .primary{background:#f2ae42;border-color:#f2ae42;color:#202b32}.tool-group .primary:hover{background:#ffc15b}.tool-group .toggle{background:#f1f4f6;color:#586775}.tool-group .toggle.active{background:#e4f2ea;color:#31744a;border-color:#c8e5d2}.divider{height:23px;width:1px;background:#e0e5e9;margin:0 5px}.view-tools{gap:7px}.view-tools button{padding:7px 10px}.view-tools #zoomLabel{font-size:11px;font-weight:700;color:#556472;min-width:37px;text-align:center}.view-tools .export{background:#263944;color:#fff;border-color:#263944;margin-left:5px}.view-tools .export:hover{background:#344d5b}.layout{height:calc(100% - 145px);display:flex;min-height:0}.workspace{position:relative;flex:1;min-width:0;overflow:hidden;background-color:#edf1f3;background-image:radial-gradient(#d6dde2 .8px,transparent .8px);background-size:18px 18px}.workspace canvas{display:block;width:100%;height:100%;touch-action:none;cursor:default}.canvas-hint{position:absolute;left:16px;bottom:14px;background:rgba(255,255,255,.91);border:1px solid #dfe5e9;border-radius:20px;padding:7px 12px;color:#71808d;font-size:10px;pointer-events:none;box-shadow:0 3px 12px #2639440b}.hint-dot{display:inline-block;width:6px;height:6px;background:#efae43;border-radius:50%;margin:0 5px 1px 0}.properties{width:286px;flex:none;background:#fff;border-left:1px solid #dce2e6;overflow:auto;display:flex;flex-direction:column}.panel-heading{padding:20px 18px 16px;display:flex;align-items:end;justify-content:space-between}.eyebrow{margin:0 0 5px;color:#93a0aa;font-size:9px;letter-spacing:1.5px;font-weight:700}.panel-heading h2,.dialog-head h2{font-size:19px;margin:0;color:#1e2b36}.badge{font-size:10px;color:#7b8994;background:#f1f4f6;border-radius:12px;padding:5px 8px}.property-section{padding:16px 18px;border-top:1px solid #edf0f2}.property-section h3{font-size:11px;color:#667581;margin:0 0 15px;font-weight:700}.empty-selection{border:1px dashed #dce3e8;border-radius:9px;padding:16px 12px;text-align:center;color:#9aa6af;font-size:11px;line-height:1.7}.field-label{font-size:10px;font-weight:600;color:#687783;display:flex;justify-content:space-between;margin:13px 0 7px}.color-row{display:flex;align-items:center;gap:8px}.color-row input[type=color]{width:34px;height:31px;border:1px solid #dce2e6;padding:3px;border-radius:7px;background:#fff;cursor:pointer}.color-row input[type=text]{height:31px;flex:1;width:0;border:1px solid #dce2e6;border-radius:7px;padding:0 9px;font-size:11px;color:#4b5a66}.check-row{display:flex;align-items:center;gap:7px;font-size:11px;color:#63717d;margin-top:12px;cursor:pointer}.check-row input{accent-color:#e9a63d}.slot-label{margin-top:18px}.slot-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.slot-input{position:relative}.slot-input span{position:absolute;top:8px;left:8px;color:#9aa6af;font-size:9px;pointer-events:none}.slot-input input{width:100%;height:33px;border:1px solid #e0e5e9;border-radius:7px;padding:0 7px 0 23px;font-size:10px}.property-section input[type=range]{width:100%;height:4px;accent-color:#e9a63d}.property-section output{font-size:10px;color:#354957}.settings-grid{display:flex;gap:18px}.settings-grid .check-row{margin-top:13px}.board-info{margin-top:auto}.info-row{display:flex;justify-content:space-between;color:#87939c;font-size:10px;padding:6px 0}.info-row strong{font-size:10px;color:#44535e}.panel-footer{border-top:1px solid #edf0f2;padding:12px 18px;color:#8b989f;font-size:9px}.autosave-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#66b681;margin-right:5px}#statusBar{height:35px;background:#17212b;color:#aebbc4;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px}#statusBar>div{display:flex;align-items:center;gap:8px}.status-sep{color:#54636d}.context-menu{position:absolute;z-index:4;width:166px;background:#fff;border:1px solid #dce3e8;border-radius:9px;padding:5px;box-shadow:0 9px 28px #18263026}.context-menu button{display:block;width:100%;border:0;text-align:left;font-size:11px;font-weight:500;padding:8px}.context-menu button:hover{background:#f2f5f7}.context-menu .danger{color:#bd5353}dialog{border:0;border-radius:14px;padding:0;width:min(450px,calc(100% - 30px));box-shadow:0 20px 70px #17212b40;color:#263642}dialog::backdrop{background:#17212b80;backdrop-filter:blur(2px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #edf0f2}.dialog-head .icon-button{color:#576571;background:#f2f5f6;border-color:#e5e9ec}.help-content{padding:18px 22px 22px;font-size:12px;line-height:1.75;color:#65737e}.help-content p{margin:0 0 14px}.help-content h3{font-size:11px;color:#293a46;margin:16px 0 5px}.help-content ul{padding-left:18px;margin:5px 0}.help-note{padding:10px 12px;background:#f6f7f4;border-radius:8px;color:#7c8170!important;margin-top:15px!important}@media(max-width:900px){.toolbar{justify-content:flex-start;overflow-x:auto}.view-tools{margin-left:auto}.properties{width:250px}}@media(max-width:660px){.properties{width:210px}.panel-heading{padding:15px 12px}.property-section{padding:13px 12px}.toolbar{gap:20px}.canvas-hint{font-size:9px;left:8px;bottom:8px}#statusBar{padding:0 9px;font-size:9px}}
:root{font-family:'Segoe UI','Malgun Gothic',Arial,sans-serif;color:#1b2633;background:#f3f5f7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{border:1px solid #d9dfe5;background:#fff;color:#263442;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .12s}button:hover{background:#f3f6f8;border-color:#bbc6d0}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible{outline:3px solid #81b9ff;outline-offset:2px}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#17212b;color:white;border-bottom:1px solid #263642}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:#f2ae42;color:#202b32;border-radius:10px;font-weight:800;font-size:18px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.brand strong{display:block;letter-spacing:.2px;font-size:14px}.brand small{display:block;color:#9caab5;font-size:10px;margin-top:1px}.top-actions{display:flex;align-items:center;gap:16px}.save-state{font-size:11px;color:#a7d7b8}.icon-button{font-size:11px;color:#e9eef1;background:#263642;border-color:#344955}.toolbar{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 16px;background:#fff;border-bottom:1px solid #dfe4e8}.tool-group{display:flex;align-items:center;gap:6px}.tool-group button{white-space:nowrap}.tool-group .primary{background:#f2ae42;border-color:#f2ae42;color:#202b32}.tool-group .primary:hover{background:#ffc15b}.tool-group .toggle{background:#f1f4f6;color:#586775}.tool-group .toggle.active{background:#e4f2ea;color:#31744a;border-color:#c8e5d2}.divider{height:23px;width:1px;background:#e0e5e9;margin:0 5px}.view-tools{gap:7px}.view-tools button{padding:7px 10px}.view-tools #zoomLabel{font-size:11px;font-weight:700;color:#556472;min-width:37px;text-align:center}.view-tools .export{background:#263944;color:#fff;border-color:#263944;margin-left:5px}.view-tools .export:hover{background:#344d5b}.layout{height:calc(100% - 145px);display:flex;min-height:0}.workspace{position:relative;flex:1;min-width:0;overflow:hidden;background-color:#edf1f3;background-image:radial-gradient(#d6dde2 .8px,transparent .8px);background-size:18px 18px}.workspace canvas{display:block;width:100%;height:100%;touch-action:none;cursor:default}.canvas-hint{position:absolute;left:16px;bottom:14px;background:rgba(255,255,255,.91);border:1px solid #dfe5e9;border-radius:20px;padding:7px 12px;color:#71808d;font-size:10px;pointer-events:none;box-shadow:0 3px 12px #2639440b}.hint-dot{display:inline-block;width:6px;height:6px;background:#efae43;border-radius:50%;margin:0 5px 1px 0}.properties{width:286px;flex:none;background:#fff;border-left:1px solid #dce2e6;overflow:auto;display:flex;flex-direction:column}.panel-heading{padding:20px 18px 16px;display:flex;align-items:end;justify-content:space-between}.eyebrow{margin:0 0 5px;color:#93a0aa;font-size:9px;letter-spacing:1.5px;font-weight:700}.panel-heading h2,.dialog-head h2{font-size:19px;margin:0;color:#1e2b36}.badge{font-size:10px;color:#7b8994;background:#f1f4f6;border-radius:12px;padding:5px 8px}.property-section{padding:16px 18px;border-top:1px solid #edf0f2}.property-section h3{font-size:11px;color:#667581;margin:0 0 15px;font-weight:700}.empty-selection{border:1px dashed #dce3e8;border-radius:9px;padding:16px 12px;text-align:center;color:#9aa6af;font-size:11px;line-height:1.7}.field-label{font-size:10px;font-weight:600;color:#687783;display:flex;justify-content:space-between;margin:13px 0 7px}.color-row{display:flex;align-items:center;gap:8px}.color-row input[type=color]{width:34px;height:31px;border:1px solid #dce2e6;padding:3px;border-radius:7px;background:#fff;cursor:pointer}.color-row input[type=text]{height:31px;flex:1;width:0;border:1px solid #dce2e6;border-radius:7px;padding:0 9px;font-size:11px;color:#4b5a66}.check-row{display:flex;align-items:center;gap:7px;font-size:11px;color:#63717d;margin-top:12px;cursor:pointer}.check-row input{accent-color:#e9a63d}.slot-label{margin-top:18px}.slot-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.slot-input{position:relative}.slot-input span{position:absolute;top:8px;left:8px;color:#9aa6af;font-size:9px;pointer-events:none}.slot-input input{width:100%;height:33px;border:1px solid #e0e5e9;border-radius:7px;padding:0 7px 0 23px;font-size:10px}.property-section input[type=range]{width:100%;height:4px;accent-color:#e9a63d}.property-section output{font-size:10px;color:#354957}.settings-grid{display:flex;gap:18px}.settings-grid .check-row{margin-top:13px}.board-info{margin-top:auto}.info-row{display:flex;justify-content:space-between;color:#87939c;font-size:10px;padding:6px 0}.info-row strong{font-size:10px;color:#44535e}.panel-footer{border-top:1px solid #edf0f2;padding:12px 18px;color:#8b989f;font-size:9px}.autosave-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#66b681;margin-right:5px}#statusBar{height:35px;background:#17212b;color:#aebbc4;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px}#statusBar>div{display:flex;align-items:center;gap:8px}.status-sep{color:#54636d}.context-menu{position:absolute;z-index:4;width:166px;background:#fff;border:1px solid #dce3e8;border-radius:9px;padding:5px;box-shadow:0 9px 28px #18263026}.context-menu button{display:block;width:100%;border:0;text-align:left;font-size:11px;font-weight:500;padding:8px}.context-menu button:hover{background:#f2f5f7}.context-menu .danger{color:#bd5353}dialog{border:0;border-radius:14px;padding:0;width:min(450px,calc(100% - 30px));box-shadow:0 20px 70px #17212b40;color:#263642}dialog::backdrop{background:#17212b80;backdrop-filter:blur(2px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #edf0f2}.dialog-head .icon-button{color:#576571;background:#f2f5f6;border-color:#e5e9ec}.help-content{padding:18px 22px 22px;font-size:12px;line-height:1.75;color:#65737e}.help-content p{margin:0 0 14px}.help-content h3{font-size:11px;color:#293a46;margin:16px 0 5px}.help-content ul{padding-left:18px;margin:5px 0}.help-note{padding:10px 12px;background:#f6f7f4;border-radius:8px;color:#7c8170!important;margin-top:15px!important}@media(max-width:900px){.toolbar{justify-content:flex-start;overflow-x:auto}.view-tools{margin-left:auto}.properties{width:250px}}@media(max-width:660px){.properties{width:210px}.panel-heading{padding:15px 12px}.property-section{padding:13px 12px}.toolbar{gap:20px}.canvas-hint{font-size:9px;left:8px;bottom:8px}#statusBar{padding:0 9px;font-size:9px}}
.workspace{background-image:none}
.color-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 13px}.color-palette .swatch{height:29px;min-width:0;padding:0;border:2px solid #fff;box-shadow:0 0 0 1px #d9dfe5;border-radius:7px}.color-palette .swatch:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #8495a1}.color-palette .swatch.active{box-shadow:0 0 0 2px #243743}.swatch[data-color="#12C9D2"]{background:#12C9D2}.swatch[data-color="#315CE8"]{background:#315CE8}.swatch[data-color="#19D93A"]{background:#19D93A}.swatch[data-color="#E8F52F"]{background:#E8F52F}.swatch[data-color="#9236D8"]{background:#9236D8}.swatch[data-color="#EF285D"]{background:#EF285D}.swatch[data-color="#FF761E"]{background:#FF761E}.swatch[data-color="#D783D2"]{background:#D783D2}
.swatch[data-color="#07D9E2"]{background:#07D9E2}.swatch[data-color="#293BD3"]{background:#293BD3}.swatch[data-color="#2EDB21"]{background:#2EDB21}.swatch[data-color="#D6D923"]{background:#D6D923}.swatch[data-color="#8B48BF"]{background:#8B48BF}.swatch[data-color="#DB2160"]{background:#DB2160}.swatch[data-color="#EE7827"]{background:#EE7827}.swatch[data-color="#DA9DDD"]{background:#DA9DDD}
.rotate-controls{margin-top:16px}.rotate-controls .field-label{align-items:center}.rotate-controls small{font-size:9px;font-weight:400;color:#8996a0}.rotate-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.rotate-buttons button{padding:8px 5px;font-size:10px;white-space:nowrap}.rotate-buttons button:disabled{opacity:.45;cursor:not-allowed}
.slot-input{display:block}.slot-input span{position:static;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px 3px;font-size:9px;font-weight:600;color:#77848e}.slot-input input{padding:0 7px}
.slot-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:17px;margin-bottom:8px}.slot-heading .field-label{margin:0}.text-clear-button{flex:none;padding:5px 7px;font-size:9px;color:#a24e4e;border-color:#ecdada}.text-clear-button:hover{background:#fff5f5;border-color:#d7a9a9}.text-clear-button:disabled{opacity:.45;cursor:not-allowed}.orientation-button{width:100%;margin-top:13px;padding:8px;font-size:10px;text-align:left;background:#f1f4f6;color:#5a6974}.orientation-button.active{background:#e4f2ea;color:#31744a;border-color:#c8e5d2}
.swatch[data-color="#83ECF1"]{background:#83ECF1}.swatch[data-color="#949DE9"]{background:#949DE9}.swatch[data-color="#97ED90"]{background:#97ED90}.swatch[data-color="#EBEC91"]{background:#EBEC91}.swatch[data-color="#C5A4DF"]{background:#C5A4DF}.swatch[data-color="#ED90B0"]{background:#ED90B0}.swatch[data-color="#F7BC93"]{background:#F7BC93}.swatch[data-color="#EDCEEE"]{background:#EDCEEE}
.swatch[data-color="#3DF5FF"]{background:#3DF5FF}.swatch[data-color="#32FF24"]{background:#32FF24}.swatch[data-color="#FBFF1A"]{background:#FBFF1A}.swatch[data-color="#BC6AFB"]{background:#BC6AFB}.swatch[data-color="#DB0000"]{background:#DB0000}.swatch[data-color="#FF8229"]{background:#FF8229}.swatch[data-color="#F9C1FB"]{background:#F9C1FB}
.center-text-label{margin-top:14px;align-items:center}.center-text-label small{font-size:9px;font-weight:400;color:#8996a0}.center-text-input{display:block;width:100%;height:33px;border:1px solid #e0e5e9;border-radius:7px;padding:0 9px;font-size:11px;color:#4b5a66}.reset-rotation-button{display:block;width:100%;margin-top:7px;padding:7px;font-size:10px;color:#52616c}.reset-rotation-button:disabled{opacity:.45;cursor:not-allowed}
.canvas-palette{position:absolute;z-index:3;top:12px;right:12px;width:25%;min-width:190px;max-width:310px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0;padding:8px;background:rgba(255,255,255,.94);border:1px solid #cdd6dc;border-radius:10px;box-shadow:0 5px 18px #17212b20;backdrop-filter:blur(3px);pointer-events:auto}.palette-heading{grid-column:1/-1;padding:0 3px 2px;color:#43525d;font-size:10px}.palette-entry{display:flex;align-items:center;min-width:0;gap:5px;height:27px;padding:2px 4px;border-radius:6px;background:#ffffffc9}.palette-entry .swatch{flex:none;width:20px;height:20px;min-width:20px;padding:0;border:1px solid #697781;border-radius:5px;box-shadow:none}.palette-entry .swatch.active{box-shadow:0 0 0 2px #263944}.palette-name{min-width:0;width:100%;height:22px;padding:0 3px;border:1px solid transparent;border-radius:4px;background:transparent;color:#293943;font-size:10px;font-weight:600}.palette-name:hover,.palette-name:focus{border-color:#cbd4da;background:#fff}.palette-entry .swatch:hover{transform:scale(1.08)}@media(max-width:760px){.canvas-palette{width:38%;min-width:176px;max-width:260px;top:7px;right:7px;padding:5px;gap:2px}.palette-entry{gap:3px}.palette-entry .swatch{width:18px;height:18px;min-width:18px}.palette-name{font-size:9px}}
.property-color-palette{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:8px 0 12px}.property-color-palette .palette-entry{background:#f5f7f8}.palette-color-picker{flex:none;width:19px;height:19px;padding:0;border:1px solid #bac5cc;border-radius:4px;background:#fff;cursor:pointer}.palette-entry .empty-swatch{border:1px dashed #8997a0;background:#fff!important;color:#63727d;font-weight:700;line-height:16px}.palette-entry .empty-swatch:hover{background:#eff3f5!important}.palette-entry .palette-name::placeholder{color:#98a4ac;font-weight:400}
\n.palette-heading-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 2px 2px}.palette-heading-row strong{color:#43525d;font-size:10px}.palette-toggle{flex:none;padding:3px 7px;border:1px solid #d5dde2;border-radius:5px;background:#fff;color:#566570;font-size:9px;line-height:1.2}.palette-toggle:hover{background:#f0f4f6}.color-palette.collapsed{grid-template-rows:auto}.canvas-palette.collapsed{height:auto;min-height:0}.color-palette.collapsed .palette-entry{display:none}\n.view-tools button.danger-action{color:#fff!important;border-color:#ff4d4f!important;background:#ff4d4f!important;font-size:12px;padding:7px 9px;white-space:nowrap}.view-tools button.danger-action:hover{background:#e5393b!important;border-color:#e5393b!important}.view-tools button.danger-action:not(:hover){background:#ff4d4f!important;border-color:#ff4d4f!important;color:#fff!important}
.panel-footer{display:flex;flex-direction:column;align-items:stretch;gap:9px}.panel-footer>span{white-space:nowrap}button.reset-settings-button{width:100%;padding:8px 10px;color:#fff!important;background:#ff4d4f!important;border-color:#ff4d4f!important;font-size:12px}button.reset-settings-button:hover{background:#e5393b!important;border-color:#e5393b!important}
.confirm-dialog{width:min(760px,calc(100% - 30px));max-height:calc(100% - 30px);overflow:auto}.confirm-dialog::backdrop{background:#17212bcc;backdrop-filter:blur(3px)}.confirm-content{padding:22px 24px 20px;text-align:center}.confirm-cat{display:block;width:min(720px,90%);height:640px;object-fit:contain;margin:0 auto 10px;border-radius:10px}.confirm-content .eyebrow{margin-bottom:5px}.confirm-content h2{margin:0;color:#263642;font-size:19px}.confirm-message{margin:12px auto 20px;max-width:350px;color:#596873;font-size:12px;line-height:1.75;white-space:pre-line}.confirm-actions{display:flex;justify-content:center;gap:9px}.confirm-actions button{min-width:105px;padding:9px 14px}.confirm-continue{background:#a84449;border-color:#a84449;color:#fff}.confirm-continue:hover{background:#91383e;border-color:#91383e}
.export-dialog{width:min(760px,calc(100% - 30px));max-height:calc(100% - 30px);overflow:auto}.export-dialog::backdrop{background:#17212bcc;backdrop-filter:blur(3px)}.export-content{padding:22px 24px 20px;text-align:center}.export-content h2{margin:0;color:#263642;font-size:19px}.export-content>p{margin:12px auto 20px;max-width:350px;color:#596873;font-size:12px;line-height:1.75}.export-cat{display:block;width:min(720px,90%);height:640px;object-fit:contain;margin:0 auto 10px;border-radius:10px}.export-orientations{display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-orientations button{display:flex;min-height:130px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#f7f9fa;border:1px solid #dce3e8;border-radius:10px}.export-orientations button:hover{background:#eef5f8;border-color:#9bb2c0}.export-orientations strong{font-size:13px}.export-orientations small{color:#788791;font-size:10px}.orientation-icon{display:block;border:2px solid #526876;border-radius:3px;background:#fff}.portrait-icon{width:35px;height:49px}.landscape-icon{width:49px;height:35px}.export-cancel{margin-top:15px;min-width:110px}
.theme-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-switch button{padding:9px 8px;font-size:11px}.theme-switch button.active{background:#e9a63d;border-color:#e9a63d;color:#202b32}.theme-section h3{margin-bottom:10px}
:root[data-theme="dark"]{color:#e5eaf0;background:#101720;color-scheme:dark}:root[data-theme="dark"] body{background:#101720;color:#e5eaf0}:root[data-theme="dark"] .topbar,:root[data-theme="dark"] #statusBar{background:#0b1119;border-color:#25313e}:root[data-theme="dark"] .toolbar,:root[data-theme="dark"] .properties{background:#18222e;border-color:#2a3643}:root[data-theme="dark"] .toolbar{border-bottom-color:#2a3643}:root[data-theme="dark"] .workspace{background-color:#111a24;background-image:radial-gradient(#2b3744 .8px,transparent .8px)}:root[data-theme="dark"] button:not(.primary):not(.export):not(.danger-action):not(.confirm-continue):not(.swatch){background:#222e3b;border-color:#3a4856;color:#e0e6eb}:root[data-theme="dark"] button:not(.primary):not(.export):not(.danger-action):not(.confirm-continue):not(.swatch):hover{background:#2d3b49;border-color:#536474}:root[data-theme="dark"] .panel-heading h2,:root[data-theme="dark"] .property-section h3,:root[data-theme="dark"] .field-label,:root[data-theme="dark"] .info-row strong,:root[data-theme="dark"] .property-section output{color:#d9e0e7}:root[data-theme="dark"] .badge{background:#263442;color:#c4cdd5}:root[data-theme="dark"] .empty-selection{border-color:#3a4856;color:#9ba9b5}:root[data-theme="dark"] .color-row input[type=text],:root[data-theme="dark"] .slot-input input,:root[data-theme="dark"] .center-text-input{background:#111a24;border-color:#3a4856;color:#e5eaf0}:root[data-theme="dark"] .check-row,:root[data-theme="dark"] .info-row,:root[data-theme="dark"] .panel-footer{color:#aab6c1}:root[data-theme="dark"] .property-section,:root[data-theme="dark"] .panel-footer{border-color:#2a3643}:root[data-theme="dark"] .context-menu{background:#1b2733;border-color:#3a4856}:root[data-theme="dark"] .context-menu button{color:#e5eaf0}:root[data-theme="dark"] dialog{background:#1a2531;color:#e5eaf0}:root[data-theme="dark"] .confirm-content h2,:root[data-theme="dark"] .export-content h2{color:#eef2f5}:root[data-theme="dark"] .confirm-message,:root[data-theme="dark"] .export-content>p{color:#b6c1ca}:root[data-theme="dark"] .export-orientations button{background:#222e3b;border-color:#3a4856;color:#e5eaf0}:root[data-theme="dark"] .export-orientations button:hover{background:#2d3b49;border-color:#718494}:root[data-theme="dark"] .theme-switch button.active{background:#e9a63d;border-color:#e9a63d;color:#202b32}:root[data-theme="dark"] .icon-button{background:#263642;color:#e9eef1}

.color-tips-button{background:#e9f4fb!important;border-color:#b8d2e2!important;color:#315a70!important}.color-tips-button:hover{background:#d9edf8!important;border-color:#8fb7ce!important}.color-tips-dialog{width:min(1480px,calc(100% - 30px));max-height:calc(100% - 30px);overflow:auto}.color-tips-content{padding:0 20px 18px;text-align:center}.color-tips-content .dialog-head{margin:0 -20px 12px;text-align:left}.color-tips-content h2{margin:0;color:#263642;font-size:19px}.color-tips-image{display:block;width:min(1440px,90%);height:1280px;object-fit:contain;margin:0 auto 12px;border-radius:10px}.color-tips-content>button:last-child{min-width:110px}.color-tips-dialog::backdrop{background:#17212bcc;backdrop-filter:blur(3px)}:root[data-theme="dark"] .color-tips-content h2{color:#eef2f5}:root[data-theme="dark"] .color-tips-button{background:#243947!important;border-color:#426074!important;color:#d9edf7!important}:root[data-theme="dark"] .color-tips-button:hover{background:#2e4b5e!important;border-color:#60839a!important}
/* Keep the color layout guide fully visible without a dialog scrollbar. */
.color-tips-dialog{width:min(900px,calc(100% - 30px));max-height:calc(100dvh - 30px);overflow:hidden}.color-tips-content{max-height:calc(100dvh - 30px)}.color-tips-image{width:auto;height:min(1280px,calc(100dvh - 200px));max-width:90%;max-height:calc(100dvh - 200px);object-fit:contain}
.color-warning-dialog{width:min(760px,calc(100% - 16px));max-height:calc(100dvh - 16px);overflow:hidden}.color-warning-dialog::backdrop{background:#17212bcc;backdrop-filter:blur(3px)}.color-warning-content{padding:12px;text-align:center}.color-warning-cat{display:block;width:min(360px,90%);height:320px;object-fit:contain;margin:0 auto 8px;border-radius:10px}.color-warning-message{margin:0 auto 12px;color:#a84449;font-size:clamp(7px,2vw,14px);font-weight:800;line-height:1.35;white-space:nowrap}.color-warning-content>button{min-width:96px;padding:8px 16px;background:#a84449;border-color:#a84449;color:#fff}.color-warning-content>button:hover{background:#91383e;border-color:#91383e}.warning-snooze{display:flex;align-items:center;justify-content:center;gap:7px;margin:10px 0 1px;color:#5f6d77;font-size:11px;cursor:pointer}.warning-snooze input{width:15px;height:15px;margin:0;accent-color:#a84449}:root[data-theme="dark"] .color-warning-message{color:#ffb9b9}:root[data-theme="dark"] .warning-snooze{color:#c0cbd4}@media(max-width:600px){.color-warning-cat{width:40%}}
.color-warning-cat.color-warning-dog{width:min(360px,90%);height:min(360px,calc(100dvh - 250px))}@media(max-width:600px){.color-warning-cat.color-warning-dog{width:min(360px,90%);height:min(360px,calc(100dvh - 250px))}}