.preserve-editor{width:min(1240px,96vw);max-width:none;max-height:94vh;padding:0;border:1px solid #dce1e7;border-radius:12px;background:#fff;color:#202328;box-shadow:0 24px 90px #10182835}
.preserve-editor::backdrop{background:#18202b66}.preserve-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 26px;border-bottom:1px solid #e3e6eb;position:sticky;top:0;background:#fff;z-index:3}.preserve-head h2{font-size:22px}.preserve-head p{font-size:14px;color:#69717b;margin-top:5px}
.preserve-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0}.preserve-controls{padding:22px;display:grid;align-content:start;gap:18px;border-right:1px solid #e3e6eb}.preserve-tabs{display:grid;gap:8px}.preserve-editor [aria-pressed=true]{background:#23262b;color:#fff;border-color:#23262b}.preserve-controls input[type=range]{width:100%;padding:0;accent-color:#23262b}.preserve-controls input[type=color]{width:100%;height:44px;padding:5px}.preserve-controls .check{font-size:14px;display:flex;align-items:center;gap:8px}.preserve-controls .check input{width:18px;height:18px;min-height:0}.preserve-preview{padding:22px;min-width:0;display:grid;gap:14px;align-content:start;background:#f7f8fa}.preserve-preview>.actions{align-items:end}.preserve-preview .field{min-width:110px;margin-left:auto}.preserve-preview .field>span{font-size:13px}.preserve-preview select{min-height:40px}.preserve-stage{min-height:320px;max-height:65vh;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start;background:repeating-conic-gradient(#eef0f2 0% 25%,#fff 0% 50%) 0/20px 20px;border:1px solid #dce1e7;border-radius:6px}.preserve-stage canvas{display:block;margin:auto;touch-action:none;cursor:crosshair;flex-shrink:0}.preserve-editor [hidden]{display:none!important}.preserve-editor .notice{font-size:14px}.preserve-editor .hint{line-height:1.65;font-size:14px}
@media(max-width:760px){.preserve-editor{width:calc(100vw - 16px);max-height:96vh}.preserve-head{padding:15px;gap:10px}.preserve-head h2{font-size:19px}.preserve-head p{font-size:12px}.preserve-body{display:flex;flex-direction:column}.preserve-preview{order:-1;padding:14px}.preserve-stage{max-height:42vh;min-height:180px}.preserve-controls{padding:16px;border:0;border-top:1px solid #e3e6eb}.preserve-tabs{grid-template-columns:1fr 1fr}.preserve-preview>.actions{gap:8px}.preserve-preview .field{width:100%;margin:0}.preserve-preview .field>span{display:none}}