.image-editor{max-width:850px;padding-top:72px;padding-bottom:90px}.image-editor h1{font-size:clamp(2.3rem,5vw,4rem)}.image-editor-intro{max-width:700px;color:var(--muted)}#image-editor-form{display:grid;gap:12px;margin-top:32px;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 34px #10192b0d}#image-editor-form label{font-weight:700}#image-editor-form input,#image-editor-form textarea{width:100%;padding:13px;border:1px solid #b9c3ce;border-radius:8px;font:inherit}#image-editor-form textarea{resize:vertical}.image-editor-note,.image-editor-status{color:var(--muted);font-size:.92rem}.image-editor-result{margin-top:30px;padding:24px;border:1px solid var(--line);border-radius:16px}.image-editor-result img{display:block;max-width:100%;max-height:640px;margin:20px auto;background-color:#eef1f5;background-image:linear-gradient(45deg,#dce1e9 25%,transparent 25%),linear-gradient(-45deg,#dce1e9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dce1e9 75%),linear-gradient(-45deg,transparent 75%,#dce1e9 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.image-editor-result details{margin-top:20px}.image-editor-result li{margin:6px 0}@media(max-width:600px){.image-editor{padding:48px 20px 65px}#image-editor-form,.image-editor-result{padding:20px}}