/* Compact responsive editor and upload thumbnails */
.it-upload-stage[hidden],.it-editor-warning[hidden],.it-e-btn[hidden],.it-editor-veil[hidden],.it-editor-settings[hidden],.it-editor-inline-label[hidden],.it-editor-wide-label[hidden]{display:none!important}
.it-upload-stage{margin-top:14px;padding:13px;border:1px solid rgba(212,175,55,.3);background:rgba(212,175,55,.025);border-radius:14px}
.it-upload-stage-header strong{font-size:17px;color:#fff4d6}
.it-upload-stage .preview-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:9px;margin:12px 0}
.it-preview-card{min-width:0;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035)}
.it-preview-card img{width:100%;height:108px;object-fit:contain;display:block;border:0;border-radius:8px;background:#07090d}
.it-preview-info{padding:6px 0;min-width:0}.it-preview-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#e9e1d0}.it-preview-info small{font-size:11px;color:#aab2c1}
.it-preview-actions{display:flex;flex-wrap:wrap;gap:5px}.it-preview-actions button{flex:1;font-size:12px;padding:8px 5px}
.it-upload-stage-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.it-upload-stage-actions button{flex:1 1 auto;min-width:92px;font-size:13px}
.it-stage-secondary{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#f0e6d1;padding:10px 12px;cursor:pointer;font-weight:750}
.it-stage-secondary:hover{background:rgba(255,255,255,.13)}.it-stage-secondary:disabled{opacity:.45;cursor:not-allowed}
.it-editor-open{overflow:hidden}
.it-editor-veil{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:20000;display:flex;align-items:center;justify-content:center;padding:10px}
.it-editor-dialog{box-sizing:border-box;width:min(1180px,100%);height:min(880px,calc(100dvh - 20px));min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:9px;padding:13px;background:#121721;border:1px solid rgba(212,175,55,.45);border-radius:15px;color:#f5e9d4;box-shadow:0 30px 70px rgba(0,0,0,.5);font:14px system-ui,sans-serif}
.it-editor-head{display:flex;align-items:center;gap:12px;justify-content:space-between;flex:0 0 auto}.it-editor-head strong{font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.it-editor-tools{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0;border-bottom:1px solid #303744;padding-bottom:8px}
.it-editor-tool-picker{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 230px}.it-editor-tool-picker span{font-size:12px;color:#acb6c5;flex:0 0 auto}
.it-editor-tool-picker select{flex:1 1 auto;min-width:0;max-width:270px;min-height:40px;color:#f5e9d4;background:#222b39;border:1px solid #715c34;border-radius:9px;padding:7px 12px;font:inherit}
.it-editor-actions{display:flex;flex:0 0 auto;gap:5px;align-items:center}
.it-e-btn{padding:7px 10px;background:#232a36;color:#e6dfce;border:1px solid #444a55;cursor:pointer;border-radius:9px;font:inherit;min-height:38px}
.it-e-btn:hover,.it-e-btn.chosen{background:#5a4932;border-color:#e6b74b;color:#fff5d9}.it-e-btn:disabled{opacity:.35;cursor:default}
.it-e-icon{font:23px/1 system-ui,sans-serif;min-width:39px;min-height:39px;padding:4px 6px}
.it-editor-viewport{display:flex;align-items:center;justify-content:center;min-height:0;flex:1 1 auto;overflow:auto;background:#070a0e;border:1px solid #323846;border-radius:10px;padding:9px}
.it-editor-canvas-holder{position:relative;line-height:0;max-width:100%;max-height:calc(100dvh - 210px);flex:0 1 auto}
.it-editor-canvas{display:block;max-width:100%;max-height:calc(100dvh - 210px);width:auto;height:auto;object-fit:contain}
.it-editor-overlay{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
.it-editor-settings{flex:0 0 auto;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:2px 0;font-size:13px}
.it-editor-inline-label{display:inline-flex;gap:8px;align-items:center;white-space:nowrap}
.it-editor-inline-label input[type=range]{width:110px;accent-color:#edc464}
.it-editor-inline-label select,.it-editor-wide-label input,.it-editor-width{font:inherit;color:#fff;background:#202630;border:1px solid #4a5260;border-radius:7px;padding:7px;min-height:36px}
.it-editor-wide-label{display:flex;align-items:center;gap:7px;flex:1 1 250px}.it-editor-wide-label input{width:100%;min-width:0}
.it-editor-advanced{flex:0 0 auto;border:1px solid #303744;border-radius:8px;min-height:0;max-height:33%;overflow:auto}
.it-editor-advanced summary{padding:8px 12px;color:#e5d5b2;cursor:pointer;font-size:13px;user-select:none}
.it-editor-advanced-content{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid #303744}
.it-editor-adjustments{display:flex;flex:1 1 100%;gap:10px;align-items:center;flex-wrap:wrap}
.it-editor-resize{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.it-editor-resize small{color:#9da8b8}.it-editor-width{width:92px}
.it-editor-warning{flex:0 0 auto;padding:7px 10px;border:1px solid #997e44;border-radius:8px;background:rgba(255,197,82,.1);color:#f2d99f;font-size:12px}
.it-editor-foot{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:14px;border-top:1px solid #303744;padding-top:8px}
.it-editor-tip{margin:0 auto 0 0;color:#9faabc;font-size:12px}
.it-e-save{background:#d6b15b;color:#1a160d;font-weight:850;border:0;padding:11px 20px;min-height:43px;border-radius:10px;cursor:pointer;white-space:nowrap}
.it-e-save:disabled{opacity:.6}
@media(max-width:620px){
 .it-upload-stage{padding:10px}.it-upload-stage .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .it-editor-veil{padding:0}.it-editor-dialog{height:100dvh;max-height:100dvh;width:100%;border:0;border-radius:0;padding:9px;gap:7px}
 .it-editor-head strong{font-size:13px}.it-editor-tool-picker{flex:1 1 auto}.it-editor-tool-picker span{display:none}.it-editor-tool-picker select{width:100%;max-width:none}
 .it-editor-tools{gap:5px}.it-editor-actions{gap:3px}.it-e-icon{min-width:33px;min-height:38px;font-size:20px;padding:4px}
 .it-editor-viewport{padding:4px}.it-editor-canvas-holder,.it-editor-canvas{max-height:calc(100dvh - 200px)}.it-editor-advanced{max-height:35%}.it-editor-advanced-content{gap:8px}
 .it-editor-foot{padding-bottom:max(2px,env(safe-area-inset-bottom))}.it-editor-tip{display:none}
 .it-editor-inline-label input[type=range]{width:100px}.it-editor-wide-label{flex-basis:100%}
}
@media(max-width:360px){.it-editor-actions{gap:1px}.it-e-icon{min-width:30px;font-size:18px}.it-editor-tool-picker select{padding:6px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.it-editor-dialog *,.it-upload-stage *{transition:none!important}}