*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#15161a;color:#f5f5f6;font-family:system-ui,-apple-system,"Helvetica Neue",sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.save-header{height:74px;padding:0 26px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#101115;border-bottom:1px solid #34353b}.save-back{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:max-content;min-height:40px;padding:8px 15px;border:1px solid #4d5059;border-radius:9px;background:#292b32;color:#f6f7f9;text-decoration:none;font-size:14px;font-weight:650;line-height:1.2;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.save-back-arrow{font-size:18px;line-height:1}.save-back:hover{background:#373a44;border-color:#767b87}.save-back:focus-visible{outline:2px solid #9bd6ed;outline-offset:3px}.save-back:active{background:#454955}.save-logo{display:block;max-height:48px;max-width:min(34vw,280px);width:auto;height:auto;object-fit:contain}.save-header-end{min-width:1px}.save-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,1fr);min-height:calc(100dvh - 74px)}.save-viewer{display:flex;align-items:center;justify-content:center;min-width:0;padding:34px;border-right:1px solid #383941;background:#17181d}.save-viewer-inner{width:min(100%,700px);margin:auto;display:grid;justify-items:center;gap:12px}.save-preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:min(65dvh,670px);min-height:320px;border-radius:15px;background:#24262c;border:1px solid #41434a;overflow:hidden;contain:layout paint}.save-preview img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.save-preview img[hidden]{display:none}.save-stage{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;text-align:center;padding:20px;color:#f4f4f6}.save-stage[hidden]{display:none}.save-stage strong{font-size:15px}.save-stage span:not(.save-spinner){font-size:12px;color:#b5b8c0}.save-spinner{width:32px;height:32px;border:3px solid #545762;border-top-color:#9dd8ee;border-radius:50%;animation:save-spin 1s linear infinite}@keyframes save-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.save-spinner{animation:none}}.save-render-status{min-height:21px;color:#adc7d7;font-size:12px;text-align:center;margin:0}.save-render-status.is-warning{color:#f1c1b6}.save-editor{min-width:0;overflow-y:auto;max-height:calc(100dvh - 74px);overscroll-behavior:contain;background:#26272c}.save-editor-inner{max-width:720px;margin:auto;padding:30px 28px 45px}.save-editor h1{font-size:23px;margin:0 0 6px}.save-lead{color:#c2c4cc;font-size:13px;margin:0 0 26px;line-height:1.6}.save-editor h2{font-size:15px;margin:0 0 14px}.save-designs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.save-design{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:105px;padding:10px 5px;border:1px solid #4b4d55;border-radius:9px;background:#34363d;color:#f2f3f5;font-size:11px;line-height:1.4;cursor:pointer;text-align:center}.save-design-symbol{display:flex;align-items:center;justify-content:center;font-size:27px;color:#cfd2d9;min-height:35px}.save-design.is-active{background:#3d5464;border:2px solid #9bd6ed}.save-design:focus-visible,.save-actions button:focus-visible,.save-actions a:focus-visible{outline:3px solid #a7dfff;outline-offset:2px}.save-dimensions{color:#bfc2cb;font-size:12px;margin:12px 0 25px}.save-names{border-top:1px solid #45474e;padding-top:22px}.save-names h2 small{font-size:11px;font-weight:400;color:#a5a7af}.save-name-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.save-name-fields label{font-size:12px;color:#d5d7dd;display:grid;gap:7px}.save-name-fields input{width:100%;min-width:0;border:1px solid #565861;border-radius:8px;padding:12px;background:#33353c;color:#fff;font-size:16px}.save-names p{font-size:12px;color:#b1b4bd}.save-actions{display:flex;gap:10px;margin-top:28px}.save-actions>*{flex:1;min-height:52px;padding:12px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.save-primary{border:0;background:linear-gradient(110deg,#e993bc,#8bcee9);color:#17232c}.save-secondary{border:1px solid #666a74;background:#393b43;color:#fff}.save-actions .is-disabled,.save-actions [disabled]{opacity:.55;cursor:wait;pointer-events:none}.save-instruction{margin:16px 0 0;color:#e4cadb;font-size:13px;line-height:1.6}.save-note{color:#a4a7b0;font-size:11px;line-height:1.7}.save-preview.is-error{border-color:#9e6060}.save-stage button{padding:10px 18px;border-radius:8px;border:1px solid #767984;color:#fff;background:#383a43;cursor:pointer}
/* JS adds only a platform marker, never UA-based markup forks. */
html:not(.save-ios) #save-ios-action{display:none}html.save-ios #save-download,html.save-ios #save-share{display:none}html.save-desktop #save-share{display:none}
@media(max-width:900px){.save-header{height:64px;padding:0 16px}.save-back{min-height:40px;padding:8px 13px;font-size:14px}.save-logo{max-height:38px;max-width:48vw}.save-layout{display:block;min-height:calc(100dvh - 64px)}.save-viewer{padding:12px 12px 0;border-right:0;background:#15161a}.save-viewer-inner{width:100%}.save-preview{height:clamp(260px,44dvh,520px);min-height:0;border-radius:10px}.save-editor{max-height:none;overflow:visible;background:#15161a}.save-editor-inner{padding:18px 15px 35px}.save-editor h1{font-size:19px}.save-lead{margin-bottom:20px}.save-designs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px}.save-design{flex:0 0 105px;scroll-snap-align:start;min-height:90px}.save-actions{position:sticky;bottom:0;background:#15161a;padding:10px 0 calc(10px + env(safe-area-inset-bottom));z-index:2}.save-name-fields{gap:10px}}
@media(max-width:520px){.save-header{padding:0 12px}.save-preview{height:clamp(240px,43dvh,440px)}.save-logo{max-width:47vw}.save-viewer{padding:8px 8px 0}.save-editor-inner{padding-left:12px;padding-right:12px}}