.cropper-studio{grid-template-columns:minmax(600px,1fr) 360px!important;gap:14px!important;background:#18202a;padding:10px;border-radius:18px;box-shadow:0 24px 60px #07111f30}
.cropper-studio>.cropper-results,.cropper-studio>.cropper-settings{border:0!important;border-radius:12px!important;box-shadow:none!important}
.cropper-studio>.cropper-results{padding:0!important;overflow:hidden;background:#202a36}
.cropper-studio>.cropper-results>.panel-head{display:none}
.studio-toolbar{height:54px;display:flex;align-items:center;gap:18px;padding:0 14px;background:#111820;color:#dbe7f4;border-bottom:1px solid #303c49}
.studio-file{display:flex;align-items:center;gap:9px;min-width:185px}.studio-file span{background:#1769d2;color:#fff;border-radius:6px;padding:6px;font-size:7px;font-weight:900;letter-spacing:.08em}.studio-file b{font-size:11px}
.studio-toolbar small{margin-left:auto;color:#8fa0b3;font-size:8px}.studio-tool-actions{display:flex;gap:5px}.studio-tool-actions button{display:flex;align-items:center;gap:5px;border:1px solid transparent;background:#202b37;color:#dbe7f4;border-radius:6px;padding:7px 9px;font-size:12px;cursor:pointer}.studio-tool-actions button:hover{border-color:#4f84c4;background:#273646}.studio-tool-actions span{font-size:8px;font-weight:700}
.studio-stage{display:grid;grid-template-columns:58px minmax(0,1fr);min-height:680px}.studio-tool-rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;background:#121a23;border-right:1px solid #303c49}.studio-tool-rail button{width:44px;min-height:48px;border:1px solid transparent;border-radius:7px;background:transparent;color:#b7c6d7;font-size:16px;cursor:pointer}.studio-tool-rail button span{display:block;margin-top:2px;font-size:7px;font-weight:700}.studio-tool-rail button:hover,.studio-tool-rail button.active{background:#263544;color:#fff;border-color:#4a6683}
.studio-canvas-area{min-width:0;padding:12px;background:radial-gradient(circle at 50% 35%,#46515e,#2c3642 56%,#222b36)}
.studio-canvas-area .crop-edit-guide{margin:0 0 10px;background:#18222d;border-color:#394858}.studio-canvas-area .crop-edit-guide span{color:#99aabd}.studio-canvas-area .crop-edit-guide b{color:#68a9ff}
.studio-canvas-area .crop-help{margin:0 0 10px;background:#111820;border:1px solid #354353;color:#9fb0c2}.studio-canvas-area .crop-help b{color:#fff}
.cropper-studio .crop-grid{margin-top:0!important}.cropper-studio .crop-item{border-radius:8px;background:#f8fafc;border-color:#151b22!important;box-shadow:0 16px 42px #0005!important}.cropper-studio .crop-item.focused .crop-canvas-wrap{min-height:clamp(500px,62vh,680px)!important;background:#111820}
.cropper-studio>.cropper-settings{padding:0!important;background:#f7f9fc;overflow-x:hidden}.cropper-studio>.cropper-settings>h3{position:sticky;top:0;z-index:5;margin:0;padding:17px 18px;background:#fff;border-bottom:1px solid #e0e7ef;font-size:14px}.cropper-studio>.cropper-settings>h3 small{display:block;margin-top:4px;color:#8290a1;font-size:8px;font-weight:600}.cropper-studio>.cropper-settings>label{margin:0!important;padding:14px 16px 12px;border-bottom:1px solid #e1e7ef;color:#46576a}.cropper-studio>.cropper-settings>label:before{content:attr(data-step);display:inline-grid;place-items:center;width:19px;height:19px;margin-right:7px;border-radius:50%;background:#e7f0fd;color:#1769d2;font-size:8px;font-weight:900}.cropper-studio .industry-output-controls{margin:0;border:0;border-bottom:1px solid #dbe3ec;border-radius:0;background:#fff}.cropper-studio .industry-output-controls>b:before{content:"4";display:inline-grid;place-items:center;width:19px;height:19px;margin-right:7px;border-radius:50%;background:#e7f0fd;color:#1769d2;font-size:8px}.cropper-studio .lightroom-editor{margin:0;border-radius:0!important;box-shadow:none;border-width:0 0 1px!important}.cropper-studio .cropper-summary{margin:14px 16px}.cropper-studio .cropper-clear{width:calc(100% - 32px);margin:0 16px 18px}
@media(max-width:1200px){.cropper-studio{grid-template-columns:minmax(520px,1fr) 330px!important}.studio-stage{min-height:600px}.cropper-studio .crop-item.focused{grid-template-columns:1fr!important}}
@media(max-width:980px){.cropper-studio{grid-template-columns:1fr!important;grid-template-areas:"preview" "settings"}.cropper-studio>.cropper-settings{max-height:none}.studio-stage{min-height:560px}}
@media(max-width:620px){.studio-toolbar small,.studio-file b,.studio-tool-actions span{display:none}.studio-file{min-width:auto}.studio-stage{grid-template-columns:46px minmax(0,1fr)}.studio-tool-rail button{width:36px}.studio-canvas-area{padding:7px}.studio-canvas-area .crop-edit-guide{display:none}}