.save-dialog { padding:0; border:1px solid var(--line,#e8ebf0); border-radius:18px; width:min(600px,calc(100% - 28px)); max-width:none; max-height:calc(100dvh - 32px); color:var(--ink,#263245); background:white; box-shadow:0 24px 90px #18284b33; }
.save-dialog::backdrop { background:#17243d80; }
.save-dialog-shell { display:flex; flex-direction:column; max-height:calc(100dvh - 36px); }
.save-header { display:flex; align-items:flex-start; gap:16px; padding:22px 24px 16px; border-bottom:1px solid var(--line,#e8ebf0); flex-shrink:0; }
.save-header>div { flex:1; min-width:0; }.save-header h2 { margin:0 0 7px; font-size:20px; line-height:1.4; }.save-header p { margin:0; font-size:13px; color:#687385; }
.save-icon-close { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:44px; height:44px; border-radius:9px; font-size:28px; line-height:1; }
.save-body { padding:20px 24px; overflow:auto; min-height:0; overscroll-behavior:contain; }.save-fields { display:grid; gap:16px; }.save-field { display:grid; gap:7px; font-size:13px; font-weight:600; min-width:0; }
.save-field input,.save-field select { display:block; width:100%; min-width:0; min-height:44px; border:1px solid #dce1eb; border-radius:8px; padding:9px 12px; background:white; color:inherit; }
.save-dimensions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }.save-check { min-height:44px; display:flex; align-items:center; gap:9px; font-size:13px; cursor:pointer; }.save-check input { width:20px; height:20px; margin:0; accent-color:var(--blue,#315df4); flex-shrink:0; }
.save-note { margin:0; font-size:12px; color:#687385; line-height:1.7; overflow-wrap:anywhere; }.save-status { min-height:24px; margin:20px 0 0; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }.save-result { margin-top:16px; padding-top:17px; border-top:1px solid #e8ebf0; }.save-result h3 { margin:0 0 8px; font-size:15px; }.save-result>p { margin:0 0 14px; font-size:12px; overflow-wrap:anywhere; color:#687385; }
.save-actions { display:flex; flex-wrap:wrap; gap:9px; }.save-button { display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:10px 15px; border:1px solid #dce1eb; border-radius:9px; font-size:13px; font-weight:600; text-decoration:none; background:#fff; color:#263245; cursor:pointer; }.save-button-primary { background:var(--blue,#315df4); border-color:var(--blue,#315df4); color:#fff; }.save-button-primary:hover:not(:disabled) { background:#244bd4; }
.save-result summary { min-height:44px; display:list-item; align-content:center; padding:12px 0; font-size:12px; cursor:pointer; }.save-result details>p { margin:0 0 12px; }.save-preview { margin:16px 0 0; }.save-preview img { display:block; width:100%; max-height:340px; object-fit:contain; border:1px solid #e8ebf0; background-color:#fff; background-image:linear-gradient(45deg,#e8ebf0 25%,transparent 25%),linear-gradient(-45deg,#e8ebf0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8ebf0 75%),linear-gradient(-45deg,transparent 75%,#e8ebf0 75%); background-size:16px 16px; background-position:0 0,0 8px,8px -8px,-8px 0; }.save-preview figcaption { margin-top:8px; font-size:12px; color:#687385; }
.save-footer { display:flex; justify-content:flex-end; gap:9px; padding:15px 24px; border-top:1px solid #e8ebf0; background:#fafbfe; flex-shrink:0; }
@media(max-width:480px) { .save-dialog { width:calc(100% - 16px); max-height:calc(100dvh - 16px); border-radius:13px; }.save-dialog-shell { max-height:calc(100dvh - 20px); }.save-header { padding:16px 14px 12px; gap:8px; }.save-header h2 { font-size:18px; }.save-body { padding:16px 14px; }.save-footer { padding:12px 14px; }.save-footer .save-button { flex:1; padding-inline:9px; }.save-dimensions { gap:10px; }.save-actions .save-button { flex:1; } }