/* Lustia Editor — fresh clean CSS */

/* Overlay */
.le-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(6,6,8,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:999999;display:none;align-items:center;justify-content:center;padding:6px;box-sizing:border-box;font-family:system-ui,-apple-system,sans-serif;}
.le-overlay.is-open{display:flex;}
.admin-bar .le-overlay{top:32px;}
@media screen and (max-width:782px){.admin-bar .le-overlay{top:46px;}}

/* Panel */
.le-panel{width:min(1440px,99vw);max-height:calc(100% - 12px);height:calc(100% - 12px);min-height:0;background:#1a1a1e;border-radius:18px;box-shadow:0 32px 80px rgba(0,0,0,.6);overflow:hidden;display:flex;flex-direction:column;}

/* Head */
.le-head{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#111 0%,#1e1e22 100%);border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;}
.le-badge{background:#2a2a2e;border:1px solid rgba(199,149,79,.4);color:#c7954f;font-size:11px;font-weight:700;letter-spacing:.08em;padding:5px 10px;border-radius:999px;}
.le-title{color:#fff;font-size:17px;font-weight:600;flex:1;}
.le-version{font-size:10px;color:rgba(255,255,255,.3);margin-left:4px;align-self:center;}
.le-close{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7);width:34px;height:34px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;}
.le-close:hover{background:rgba(255,255,255,.18);color:#fff;}

/* Stage */
.le-stage{flex:1;height:0;background:#111;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:8px;cursor:default;user-select:none;}
.le-cwrap{display:inline-block;position:relative;}
.le-canvas{display:block;max-width:100%;touch-action:none;}
.le-blur .le-canvas,.le-blur-active .le-canvas{cursor:none!important;}

/* Toolbar */
.le-bar{background:#1e1e22;border-top:1px solid rgba(255,255,255,.07);padding:10px 12px;display:flex;flex-direction:column;gap:8px;flex-shrink:0;}
.le-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.le-div{width:1px;height:20px;background:rgba(255,255,255,.12);margin:0 2px;}
.le-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.75);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;letter-spacing:.04em;transition:all .15s;display:inline-flex;align-items:center;gap:5px;}
.le-btn:hover{background:rgba(255,255,255,.12);color:#fff;}
.le-btn.is-active{background:#fff;color:#111;border-color:#fff;}
.le-sliders{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.le-sl{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6);font-size:12px;}
.le-sl input[type=range]{width:120px;accent-color:#c7954f;}
.le-sl span:last-child{color:#fff;min-width:28px;font-size:11px;}
.le-shapes{display:flex;gap:6px;}

/* Hint */
.le-hint{padding:8px 14px;font-size:12px;color:rgba(255,255,255,.45);background:#1a1a1e;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0;}
.le-pill{background:rgba(255,255,255,.1);border-radius:4px;padding:1px 6px;color:rgba(255,255,255,.7);font-size:11px;}

/* Footer */
.le-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;background:#1e1e22;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0;}
.le-skip{color:rgba(255,255,255,.5);}
.le-save{background:#c7954f!important;border-color:#c7954f!important;color:#fff!important;}
.le-save:hover{background:#b8833a!important;}

/* Upload zone edit overlay */
.le-wrap{position:relative;display:inline-block;cursor:pointer;}
.le-edit-label{position:absolute;top:6px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.75);color:#fff;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;white-space:nowrap;pointer-events:none;z-index:2;}
.le-edit-btn{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:#c7954f;color:#fff;border:none;font-size:12px;font-weight:700;padding:7px 18px;border-radius:6px;cursor:pointer;pointer-events:all;z-index:2;letter-spacing:.05em;white-space:nowrap;}
.le-note{display:block;font-size:11px;color:#1f7a3f;margin-top:5px;}

/* Mobile */
@media(max-width:760px){
  .le-overlay{padding:6px;}
  .le-panel{width:100vw;height:calc(100% - 12px);max-height:calc(100% - 12px);border-radius:14px;}
  .le-head{padding:10px 12px;}
  .le-title{font-size:14px;}
  .le-bar{padding:8px 10px;}
  .le-tools{gap:4px;}
  .le-btn{padding:7px 10px;font-size:11px;}
  .le-div{display:none;}
  .le-sliders{gap:8px;}
  .le-sl input[type=range]{width:90px;}
  .le-foot{padding:8px 12px;gap:8px;}
  .le-foot .le-btn{flex:1;justify-content:center;}
  .le-hint{padding:6px 10px;font-size:11px;}
}