/* NiteFade Design Studio — exact sizes, widescreen mode and output quality. */
.studio-export-quality{display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:11px;background:#f8f6ff;margin-bottom:8px;border:1px solid #eee7ff}
.studio-export-quality label{font-size:12px;font-weight:750;color:#403a59}
.studio-export-quality select{font-size:12px;color:#332746;border-radius:8px;border:1px solid #d9cbff;background:#fff;padding:9px 10px}
.studio-export-quality small{font-size:12px;color:#5634b5;font-weight:800}
.studio-export-quality small.oversized{color:#bd2a53}
.studio-export-quality span{font-size:10px;line-height:1.5;color:#7f788e}
.export-menu{min-width:274px!important;max-height:min(560px,80dvh);overflow:auto}
.preset-grid button[data-preset^="3840"],.preset-grid button[data-preset^="5120"]{background:linear-gradient(140deg,#fbfaff,#f1ecff)}
.preset-grid button#custom-size-preset{border-color:#a78af6;border-style:dashed;background:#faf7ff}
.manual-workflow-note{font-size:11px;line-height:1.7;color:#5f567c;margin:17px 0;padding:13px 14px;border-radius:12px;background:#f4f0ff}
.manual-workflow-note strong{color:#5534b9}
.dialog-hint{font-size:11px;line-height:1.6;color:#80788c;margin:4px 0 16px}
.studio-checkbox{font-size:12px;line-height:1.5;color:#4f4864;display:flex;align-items:center;gap:9px;margin:13px 0}
.studio-checkbox input{accent-color:#7549e9;width:16px;height:16px;flex:none}
.photo-resolution{font-size:11px;line-height:1.7;padding:11px;border-radius:9px;background:#f0fbf8;color:#246957;border:1px solid #cceae0}
.photo-resolution.quality-warning{background:#fff6ee;color:#a95023;border-color:#f2d8bf}
.safe-overlay{position:absolute;inset:6%;z-index:9;pointer-events:none;border:2px dashed rgba(123,71,244,.82);box-shadow:0 0 0 99999px rgba(35,18,75,.06) inset}
.safe-overlay::after{content:"SAFE TEXT AREA";position:absolute;top:0;left:0;color:#fff;background:rgba(92,57,185,.93);font:700 12px ui-sans-serif,system-ui,sans-serif;padding:7px 10px;transform:translateY(-100%)}
#safe-area-btn,#focus-mode-btn{font-size:11px;font-weight:750;min-width:66px}
#safe-area-btn[aria-pressed="true"],#focus-mode-btn[aria-pressed="true"]{background:#ece4ff;color:#6942d8}
.studio-focus .studio-shell{grid-template-columns:74px minmax(0,1fr)!important}
.studio-focus .studio-sidebar,.studio-focus .studio-inspector{display:none!important}
.studio-focus .studio-main{min-width:0}
@media (min-width:1800px){
  .studio-shell{grid-template-columns:84px 355px minmax(0,1fr) 285px}
  .studio-topbar{padding-inline:34px}
  .canvas-toolbar{height:68px;flex-basis:68px;padding-inline:32px}
  .studio-sidebar{padding-inline:24px}
  .studio-inspector{padding-inline:23px}
  .studio-rail .rail-btn{width:70px;min-height:73px}
  .studio-rail .rail-btn span{font-size:11px}
  .studio-bottom{height:58px;flex-basis:58px;padding-inline:28px}
  .preset-grid button{min-height:100px}
  .studio-focus .studio-shell{grid-template-columns:84px minmax(0,1fr)!important}
}
@media(max-width:1100px){#safe-area-btn,#focus-mode-btn{min-width:0;font-size:10px;padding:7px}}
@media(max-width:540px){#safe-area-btn{display:none}#focus-mode-btn{font-size:9px}.studio-focus .studio-shell{grid-template-columns:60px minmax(0,1fr)!important}}