.image-editor{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:0;margin:0 auto 64px;padding:28px;box-shadow:0 12px 48px #183c7209}.editor-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.editor-heading h2{margin:8px 0 12px;font-size:clamp(1.6rem,3vw,2.2rem)}.editor-private{color:#12665c;background:#eff9f5;border-radius:24px;padding:10px 14px;font-size:.8rem;font-weight:700}.image-editor p{margin-bottom:14px;font-size:.9rem}.image-editor button,.image-editor input{font:inherit}.image-editor button{color:#254169;cursor:pointer;background:#fff;border:1px solid #cbd7e7;border-radius:8px;min-height:44px;padding:10px 14px;font-size:.86rem;font-weight:650}.image-editor button:hover{background:#edf4fc}.image-editor button[aria-pressed=true]{color:#144b9e;background:#e8f1ff;border-color:#215cc8}.image-editor button.editor-primary{color:#fff;background:#215cc8;border-color:#215cc8}.image-editor button:disabled{opacity:.5;cursor:not-allowed}.image-editor :focus-visible{outline-offset:3px;outline:3px solid #067f77}.editor-import{background:#f8fbff;border:2px dashed #b7c9df;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:22px;display:flex}.editor-import.is-dragging{background:#e6f7f0;border-color:#067f77}.editor-import span{color:#4d607b;font-size:.9rem}.editor-import small{color:#52627b;width:100%}.editor-status{color:#245d56;min-height:24px;margin:14px 0}.image-editor .editor-error{color:#9b2531;background:#fff2f1;border-radius:8px;padding:12px}.image-editor .editor-notice{color:#725219;background:#fff8e5;border-left:3px solid #d6a53a;padding:12px 16px}.editor-info{border-top:1px solid var(--line);grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;margin:0;padding:18px 0;display:grid}.editor-info div{min-width:0}.editor-info dt{text-transform:uppercase;letter-spacing:.07em;color:#65758d;margin-bottom:7px;font-size:.72rem}.editor-info dd{color:#233d62;overflow-wrap:anywhere;margin:0;font-size:.85rem}.editor-toolbar,.editor-fields{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.editor-toolbar{border-top:1px solid var(--line);padding:14px 0}.editor-zoom{align-items:center;gap:8px;margin-left:auto;display:flex}.editor-zoom span{text-align:center;font-variant-numeric:tabular-nums;min-width:48px;font-size:.85rem}.editor-settings{border:1px solid var(--line);background:#f4f8fc;border-radius:10px;margin-bottom:16px;padding:18px}.editor-fields{align-items:end}.editor-fields label{color:#254169;flex-direction:column;gap:7px;font-size:.8rem;font-weight:600;display:flex}.editor-fields input[type=number]{color:#192944;background:#fff;border:1px solid #b7c8de;border-radius:6px;width:116px;max-width:100%;min-height:44px;padding:10px}.editor-fields label.editor-lock{flex-direction:row;align-items:center;min-height:44px}.editor-lock input{accent-color:#215cc8;width:20px;height:20px}.editor-settings .editor-error{margin-top:14px}.editor-workspace{background-color:#edf1f6;background-image:linear-gradient(45deg,#e1e7f0 25%,#0000 25%),linear-gradient(-45deg,#e1e7f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e1e7f0 75%),linear-gradient(-45deg,#0000 75%,#e1e7f0 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #d6dfeb;border-radius:10px;width:100%;height:clamp(320px,55vh,540px);overflow:auto}.editor-stage{justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.editor-surface{flex-shrink:0;position:relative;box-shadow:0 3px 18px #17294b25}.editor-surface canvas{display:block}.editor-surface.is-cropping{touch-action:none;cursor:crosshair;user-select:none}.editor-selection{cursor:move;touch-action:none;background:#215cc812;border:2px solid #215cc8;position:absolute}.image-editor button.editor-handle{touch-action:none;background:#215cc8;border:2px solid #fff;border-radius:50%;width:28px;height:28px;min-height:28px;padding:0;position:absolute;box-shadow:0 0 0 1px #215cc8}.handle-nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.handle-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.handle-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.handle-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.image-editor .editor-footnote{margin:12px 0 0;font-size:.78rem}@media (width<=650px){.image-editor{border-radius:12px;padding:16px}.editor-info{grid-template-columns:1fr 1fr}.editor-zoom{width:100%;margin-left:0}.editor-toolbar>button{flex:auto}.editor-import{padding:16px}.editor-fields{gap:12px}.editor-fields label:not(.editor-lock){flex:90px}.editor-fields input[type=number]{width:100%}.editor-workspace{height:360px}.image-editor button.editor-handle{width:32px;height:32px;min-height:32px}}.mark-overlay{touch-action:none;cursor:crosshair;user-select:none;position:absolute;inset:0;overflow:hidden}.mark-target{cursor:move;touch-action:none;position:absolute}.mark-target.is-selected{outline-offset:-2px;outline:2px dashed #215cc8}.mark-list{flex-wrap:wrap;gap:8px;max-height:160px;padding:12px 0 0;list-style:none;display:flex;overflow:auto}.selected-properties{margin-top:16px}.editor-fields input[type=color]{background:#fff;border:1px solid #b7c8de;border-radius:6px;width:72px;height:44px;padding:4px}.editor-fields textarea{width:260px;max-width:100%;min-height:72px;font:inherit;border:1px solid #b7c8de;border-radius:6px;padding:10px}.mark-settings .editor-footnote{margin-top:14px}.editor-editing{border:0;min-width:0;margin:0;padding:0}.editor-mark-plane{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.editor-mark-plane .mark-overlay{pointer-events:auto}.editor-fields select,.editor-fields input[type=text]{color:#192944;max-width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #b7c8de;border-radius:6px;padding:10px}.editor-fields input[type=range]{accent-color:#215cc8;max-width:100%;min-height:44px}.editor-export{margin-top:24px}.editor-export h3{margin:0 0 12px}.editor-export>p{margin-top:14px}.orientation-settings summary{cursor:pointer;color:#254169;min-height:44px;font-weight:650}.orientation-settings[open] summary{margin-bottom:12px}.editor-editing:disabled{opacity:.65}@media (width<=650px){.editor-fields select,.editor-fields input[type=text]{width:100%;min-width:0}.editor-fields label{min-width:0}}
