:root{--xp-right-panel:360px;--xp-toolbar:56px}
.editor-main{grid-template-columns:var(--xp-toolbar) minmax(0,1fr) 5px var(--xp-right-panel)!important}
.toolbar{width:var(--xp-toolbar);transition:width .22s ease;padding-top:6px!important;overflow-x:hidden!important}.toolbar.is-wide{--xp-toolbar:172px;width:172px}.editor-main:has(.toolbar.is-wide){--xp-toolbar:172px}.tool-rail-toggle{width:40px;height:30px;flex:0 0 auto;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.04);color:#8da0b6;margin-bottom:2px}.toolbar.is-wide .tool-rail-toggle{width:100%}.tool-btn{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden}.toolbar.is-wide .tool-btn{width:100%!important;justify-content:flex-start!important;padding:0 10px!important;gap:10px!important;font-size:15px!important}.toolbar.is-wide .tool-btn::after{content:attr(data-tool-label);font-size:10px;letter-spacing:.02em;color:#aab7c7;white-space:nowrap}.toolbar.is-wide .tool-btn.active::after{color:#d9f1ff}.toolbar.is-wide .tool-sep{margin-inline:4px}
.panel-resizer{background:transparent;cursor:col-resize;position:relative;z-index:12}.panel-resizer:after{content:"";position:absolute;inset:0 1px;background:rgba(255,255,255,.045);transition:.15s}.panel-resizer:hover:after,.panel-resizer.is-dragging:after{background:#76caff;box-shadow:0 0 14px rgba(86,181,255,.4)}
.right-panel{width:var(--xp-right-panel);min-width:280px;max-width:680px}.panel-utility{position:sticky;top:0;z-index:5;display:flex;gap:5px;justify-content:flex-end;padding:6px 7px 0;background:#0c1016}.panel-utility button{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#7f91a7;border-radius:8px;font-size:9px;padding:5px 8px}.panel-tabs{top:34px!important;grid-template-columns:repeat(7,minmax(46px,1fr))!important;overflow-x:auto}.panel-btn{min-width:48px}.right-panel.is-wide-panel{--xp-right-panel:min(48vw,640px)}
.adjust-group{position:relative;padding-right:2px}.adjust-group>.group-collapse{position:absolute;right:0;top:7px;width:24px;height:24px;border:0;background:transparent;color:#6f8195;border-radius:6px}.adjust-group.is-collapsed>*:not(h4):not(.group-head):not(.group-collapse){display:none!important}.adjust-group.is-collapsed>.group-head>*:not(h4){display:none!important}.adjust-group.is-collapsed{padding-bottom:2px}.adjust-group.is-collapsed .group-collapse{transform:rotate(-90deg)}
.quick-card{border:1px solid var(--line);border-radius:14px;padding:13px;background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.012));margin-bottom:12px}.quick-card--portrait{background:radial-gradient(circle at 12% 0%,rgba(126,204,255,.08),transparent 42%),linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.quick-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.quick-card-head>div{display:grid;gap:2px}.quick-card-head strong{font-size:12px}.quick-card-head small{font-size:9px;color:#74849a}.quick-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(120,200,255,.18);border-radius:10px;color:#c9ecff;background:rgba(100,190,255,.06);font-size:16px}.quick-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quick-action-grid .sub-btn{min-height:36px;white-space:normal!important;line-height:1.25}.quick-strength{display:grid;grid-template-columns:110px 1fr 42px;gap:7px;align-items:center;color:#98a7b9;font-size:10px;margin:7px 0 12px}.quick-strength input{width:100%}.quick-strength output{text-align:right}.crop-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.crop-custom{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:end;margin-top:12px}.crop-custom label{display:grid;gap:5px;font-size:9px;color:#7e8fa5}.crop-custom input{width:100%;background:#111722;border:1px solid var(--line);border-radius:8px;padding:8px}.crop-custom .sub-btn{grid-column:1/-1}.crop-selection-flow{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.primary-soft{border-color:rgba(122,203,255,.28)!important;background:rgba(122,203,255,.08)!important;color:#cef0ff}.tool-context{background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.045);border-radius:9px;padding:4px 8px;max-width:min(52vw,720px)}.context-label{min-width:max-content}.context-help{font-size:.72rem!important;color:#8191a5!important}
@media(max-width:1050px){.editor-main{grid-template-columns:48px 1fr!important}.panel-resizer{display:none}.right-panel{width:min(94vw,460px)!important;max-width:none}.toolbar.is-wide{width:48px!important}.toolbar.is-wide .tool-btn{width:36px!important;padding:0!important;justify-content:center!important}.toolbar.is-wide .tool-btn::after{display:none}.tool-rail-toggle{display:none}.panel-tabs{top:34px!important}.quick-action-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.right-panel{width:min(96vw,420px)!important}.quick-action-grid,.crop-selection-flow{grid-template-columns:1fr}.crop-presets{grid-template-columns:1fr 1fr}.panel-utility{display:none}.panel-tabs{top:0!important}.quick-strength{grid-template-columns:90px 1fr 38px}}
@media(min-width:1051px){.editor-main:has(.right-panel.is-wide-panel){--xp-right-panel:min(48vw,640px)}}