@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{--ink:#1d2a3b;--blue:#176fc1;--blue-deep:#1455a0;--blue-bright:#38a5e8;--blue-soft:#e8f2fc;--line:#e3e8ee;--body:"DM Sans", "Segoe UI", sans-serif;--display:"Manrope", "Segoe UI", sans-serif;--mono:"DM Mono", Consolas, monospace;font-family:var(--body);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#f9fbfd}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}::selection{color:#fff;background:var(--blue)}.app-shell{background:radial-gradient(at 50% -35%,#eff6fd 0,#0000 55%),#f9fbfd;min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#f9fbfdf0;justify-content:space-between;align-items:center;height:68px;padding:0 max(32px,50vw - 590px);display:flex}.brand{color:var(--ink);font:700 19px/1 var(--display);letter-spacing:0;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--blue-bright), var(--blue-deep));border-radius:8px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 4px 10px #176fc133}.brand-dot{color:var(--blue)}.topbar-note,.docs-link,.eyebrow,.section-kicker,.stage-label,.stage-dimensions span,.file-type,.ratio-lock,.limit-note,.output-summary>div>div>span,.workspace-footer,.empty-frame>span,.privacy-note,.footer-powered{font-family:var(--mono);letter-spacing:0}.topbar-note{color:#798078;letter-spacing:.06em;align-items:center;gap:9px;font-size:10px;display:flex}.online-dot{background:var(--blue-bright);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #38a5e829}.docs-link{color:#5f675f;align-items:center;gap:6px;font-size:11px;text-decoration:none;display:inline-flex}.docs-link:hover{color:var(--blue)}.workspace{width:min(100% - 64px,1180px);margin:0 auto}.intro-row{grid-template-columns:max-content minmax(260px,.9fr) minmax(220px,1fr);grid-template-areas:"heading search description";align-items:center;gap:18px;padding:54px 0 31px;display:grid}.intro-heading{grid-area:heading}.eyebrow{color:var(--blue);letter-spacing:.07em;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.intro-row h1{color:var(--ink);font:500 54px/.99 var(--display);letter-spacing:0;margin:15px 0 0}.intro-row h1 span{color:var(--blue-deep);background:linear-gradient(110deg, var(--blue-deep), var(--blue-bright));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.intro-search{flex-direction:column;grid-area:search;gap:10px;width:100%;display:flex}.intro-copy{color:#747b73;grid-area:description;width:100%;margin:0;font-size:14px;line-height:1.65}.url-form{background:#fff;border:1px solid #e3e4dc;border-radius:9px;align-items:center;gap:10px;width:100%;height:56px;margin:0;padding:6px;display:flex;box-shadow:0 8px 28px #202c230b}.url-icon{color:#8a9288;flex:none;margin-left:14px}.url-form input{min-width:0;height:100%;color:var(--ink);font:13px var(--mono);letter-spacing:0;background:0 0;border:0;outline:0;flex:1;padding:0}.url-form input::placeholder{color:#a2a79f}.search-button,.download-button{color:#fff;background:linear-gradient(115deg, var(--blue-deep), var(--blue));min-width:120px;height:46px;font:600 13px var(--body);letter-spacing:0;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 5px 14px #176fc12e}.search-button:hover,.download-button:hover:not(:disabled){background:linear-gradient(115deg,#104b91,#176fc1);transform:translateY(-1px);box-shadow:0 7px 18px #176fc140}.search-button:disabled,.download-button:disabled{opacity:.65;cursor:wait}.editor{border:1px solid var(--line);background:#fff;border-radius:9px;margin-top:31px;animation:.35s both appear;overflow:hidden;box-shadow:0 12px 38px #202c230a}.result-preview{border-top:1px solid var(--line);padding:22px 24px 24px;animation:.35s both appear}.result-preview-heading{justify-content:space-between;align-items:center;gap:16px;padding:0 4px 14px;display:flex}.result-preview-heading h2{color:var(--ink);font:500 19px/1.2 var(--display);margin:6px 0 0}.result-preview-heading>span{color:#737c73;font:11px var(--mono)}.result-image-stage{border-radius:5px}.image-stage.result-image-stage>img{max-height:460px}.image-stage{background-color:#e9eff6;background-image:linear-gradient(45deg,#dce6f0 25%,#0000 25%),linear-gradient(-45deg,#dce6f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dce6f0 75%),linear-gradient(-45deg,#0000 75%,#dce6f0 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;place-items:center;min-height:330px;max-height:550px;display:grid;position:relative;overflow:hidden}.image-stage>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;display:block;position:absolute;inset:0}.stage-label{color:#26384b;letter-spacing:.08em;background:#f9fbfdf0;border:1px solid #28425e1a;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;font-size:9px;display:flex;position:absolute;top:18px;left:19px}.stage-label .online-dot{width:6px;height:6px}.stage-dimensions{color:#fff;font:11px var(--mono);letter-spacing:0;background:#1e251fc7;border-radius:4px;padding:7px 9px;position:absolute;bottom:17px;right:18px}.stage-dimensions span{color:#c4ccc2;margin-left:4px;font-size:8px}.preview-fallback{color:#737c73;flex-direction:column;align-items:center;gap:10px;font-size:13px;display:flex}.image-details{padding:25px 29px 22px}.detail-title,.settings-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-kicker{color:#939990;letter-spacing:.09em;font-size:9px;font-weight:600;display:block}.detail-title h2,.settings-heading h2,.empty-copy h2{color:var(--ink);font:500 20px/1.2 var(--display);letter-spacing:0;margin:7px 0 0}.file-type{color:#798078;border:1px solid #e4e6df;border-radius:4px;padding:6px 8px;font-size:9px}.metadata-line{color:#858b82;border-top:1px solid #eff0ec;border-bottom:1px solid #eff0ec;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;margin-top:22px;padding:13px 0;font-size:11px;display:grid}.metadata-line a{min-width:0;color:var(--blue);text-overflow:ellipsis;white-space:nowrap;font:11px var(--mono);align-items:center;gap:6px;text-decoration:none;display:inline-flex;overflow:hidden}.metadata-line a:hover{text-decoration:underline}.metadata-format{color:#858b82;border-bottom:1px solid #eff0ec;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;padding:13px 0;font-size:11px;display:grid}.metadata-format strong{color:#333b33;font:500 11px var(--mono)}.metadata-grid{grid-template-columns:1fr 1fr;padding-top:16px;display:grid}.metadata-grid>div{flex-direction:column;gap:7px;min-width:0;display:flex}.metadata-grid>div+div{border-left:1px solid var(--line);padding-left:24px}.metadata-grid span{color:#858b82;font-size:10px}.metadata-grid strong{color:#333b33;font:500 14px var(--mono);letter-spacing:0}.metadata-grid i,.output-summary i{color:#a1a69d;font-style:normal}.metadata-grid small,.output-summary small{color:#959b91;font:10px var(--body)}.settings-row{border-top:1px solid var(--line);background:#f5f8fc;padding:23px 29px 24px}.settings-heading h2{font-size:19px}.ratio-lock{color:var(--blue);letter-spacing:.05em;align-items:center;gap:6px;font-size:9px;display:inline-flex}.settings-hint{color:#888f85;margin:7px 0 17px;font-size:11px}.format-field{flex-direction:column;gap:7px;width:min(100%,300px);margin-top:20px;display:flex}.format-field label{color:#555e54;font-size:11px;font-weight:600}.format-field select{height:42px;color:var(--ink);font:13px var(--body);background:#fff;border:1px solid #dfe2d9;border-radius:5px;padding:0 34px 0 12px}.format-field select:focus{outline:2px solid var(--blue);outline-offset:2px}.format-field select:disabled{opacity:.65;cursor:wait}.dimension-fields{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:end;gap:11px;max-width:620px;display:grid}.dimension-fields label>span{color:#555e54;margin:0 0 7px;font-size:11px;font-weight:600;display:block}.dimension-input{background:#fff;border:1px solid #dfe2d9;border-radius:5px;align-items:center;height:45px;display:flex}.dimension-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #176fc11f}.dimension-input input{width:100%;min-width:0;height:100%;color:var(--ink);font:14px var(--mono);letter-spacing:0;background:0 0;border:0;outline:0;padding:0 12px}.dimension-input input::-webkit-inner-spin-button{appearance:none;margin:0}.dimension-input input::-webkit-outer-spin-button{appearance:none;margin:0}.dimension-input small{color:#979c94;padding-right:12px;font-size:10px}.dimension-times{color:#9ba197;text-align:center;font:15px var(--mono);align-self:center;padding-top:19px}.limit-note{color:#a0a59d;justify-content:space-between;max-width:620px;margin-top:9px;font-size:9px;display:flex}.output-summary{border-top:1px solid #e6e8e1;justify-content:space-between;align-items:center;gap:18px;margin-top:23px;padding-top:19px;display:flex}.output-summary>div{align-items:center;gap:11px;display:flex}.output-icon{width:34px;height:34px;color:var(--blue);background:var(--blue-soft);border-radius:7px;place-items:center;display:grid}.output-summary>div>div{flex-direction:column;gap:4px;display:flex}.output-summary>div>div>span{color:#8b9288;letter-spacing:.07em;font-size:8px}.output-summary strong{color:#333b33;font:500 15px var(--mono);letter-spacing:0}.download-button{min-width:157px;padding:0 15px}.processing-note,.success-note{color:var(--blue-deep);align-items:center;gap:8px;margin-top:15px;font-size:11px;display:flex}.error-message{color:#843e35;background:#fff4f1;border:1px solid #f0d2cc;border-radius:6px;align-items:flex-start;gap:10px;margin-top:13px;padding:12px 14px;font-size:12px;display:flex}.error-message>span{color:#fff;background:#bd5e4d;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;font-weight:700;display:grid}.loading-state{color:#657365;justify-content:center;align-items:center;gap:12px;min-height:300px;font-size:14px;display:flex}.empty-workspace{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:1fr 1fr;align-items:center;min-height:300px;margin-top:30px;padding:35px 55px;animation:.35s both appear;display:grid}.empty-art{place-items:center;min-height:220px;display:grid;position:relative;overflow:hidden}.empty-frame{aspect-ratio:1.4;width:min(240px,80%);color:var(--blue);background:repeating-linear-gradient(135deg,#f5f9fe 0 10px,#eaf3fc 10px 20px);border:1px solid #d8e7f7;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:11px;display:flex;position:relative;overflow:hidden}.empty-frame>span{z-index:1;color:#8298ad;letter-spacing:.1em;font-size:8px}.empty-frame-grid{opacity:.35;background-image:linear-gradient(90deg,#0000 49.7%,#c6d9ed 50%,#0000 50.3%),linear-gradient(#0000 49.7%,#c6d9ed 50%,#0000 50.3%);position:absolute;inset:0}.empty-spark{color:var(--blue-bright);font-size:25px;position:absolute}.spark-one{top:25px;right:18%}.spark-two{color:var(--blue-bright);font-size:18px;bottom:32px;left:16%}.empty-copy{max-width:370px;padding:12px 0 12px 34px}.empty-copy h2{margin-top:10px;font-size:25px}.empty-copy>p{color:#7c837a;margin-top:11px;font-size:12px;line-height:1.75}.privacy-note{color:var(--blue);align-items:center;gap:7px;margin-top:19px;font-size:9px;display:flex}.workspace-footer{color:#92988f;justify-content:space-between;align-items:center;gap:20px;min-height:62px;font-size:9px;display:flex}.workspace-footer>div:first-child{color:#687368;letter-spacing:.04em;align-items:center;gap:8px;font-size:9px;display:flex}.footer-mark{color:var(--blue);display:inline-flex}.footer-separator{color:#c5c9c0}.footer-powered{color:#a0a59d;align-items:center;gap:5px;font-size:8px;display:flex}.footer-powered strong{color:var(--blue-deep);font-size:9px;font-weight:600}.spin{animation:.9s linear infinite spin}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.topbar{height:59px;padding:0 20px}.topbar-note{display:none}.workspace{width:calc(100% - 36px)}.intro-row{padding:39px 0 25px;display:block}.intro-row h1{font-size:43px}.intro-copy{width:min(410px,100%);margin-top:16px;font-size:13px}.url-form{gap:9px;height:56px}.url-icon{width:17px;margin-left:8px}.url-form input{font-size:11px}.search-button{gap:5px;min-width:88px;height:42px;font-size:12px}.image-stage{min-height:230px;max-height:420px}.image-stage>img{max-height:420px}.result-preview{padding:18px 14px}.result-image-stage>img{max-height:360px}.image-details{padding:20px 18px}.metadata-line{grid-template-columns:73px minmax(0,1fr);gap:8px;font-size:10px}.metadata-line a{font-size:9px}.settings-row{padding:20px 18px}.empty-workspace{grid-template-columns:1fr;gap:2px;padding:18px 22px 25px}.empty-art{min-height:190px}.empty-copy{padding:5px 4px 0}.empty-copy h2{font-size:22px}.workspace-footer{flex-wrap:wrap;align-items:flex-start;padding:17px 0}.workspace-footer>span{order:3;width:100%}}@media (width<=420px){.docs-link{font-size:0}.docs-link svg{width:17px;height:17px}.detail-title h2{overflow-wrap:anywhere;font-size:17px}.ratio-lock{white-space:nowrap;font-size:8px}.output-summary{flex-direction:column;align-items:flex-start}.download-button{width:100%}.metadata-grid strong{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=701px) and (height>=520px){.app-shell{background:radial-gradient(at 50% -35%,#eaf4fe 0,#0000 55%),#f9fbfd;flex-direction:column;height:100svh;min-height:0;display:flex;overflow:hidden}.topbar{flex:none;height:64px}.workspace{flex-direction:column;flex:1;min-height:0;padding:22px 0 10px;display:flex}.intro-row{flex:none;grid-template-columns:max-content minmax(260px,.9fr) minmax(220px,1fr);gap:18px;padding:0 0 17px}.intro-row h1{margin-top:10px;font-size:42px}.intro-search{gap:8px}.intro-copy{font-size:13px;line-height:1.6}.url-form{border-radius:10px;flex:none;height:50px;box-shadow:0 10px 32px #202c230e}.search-button{border-radius:7px;height:42px}.editor{border-radius:12px;flex:1;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);min-height:0;margin-top:16px;display:grid}.preview-column{border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:12px;display:flex}.image-stage{border-radius:8px;flex:0 min(36vh,360px);width:100%;height:min(36vh,360px);min-height:0;max-height:none}.stage-label{border-radius:6px;top:14px;left:14px}.stage-dimensions{bottom:13px;right:13px}.image-details{flex:none;padding:13px 7px 3px}.detail-title h2{text-overflow:ellipsis;white-space:nowrap;max-width:420px;overflow:hidden}.metadata-line{grid-template-columns:75px minmax(0,1fr);margin-top:12px;padding:10px 0}.metadata-format{display:none}.metadata-grid{grid-template-columns:1.25fr 1fr .8fr;padding-top:11px}.metadata-grid>div+div{padding-left:13px}.settings-row{background:linear-gradient(145deg,#f8fbff,#edf5fd);border-top:0;min-width:0;padding:22px 25px;overflow-y:auto}.settings-heading{align-items:flex-start;gap:8px}.settings-heading h2{font-size:20px}.settings-hint{margin:6px 0 15px}.dimension-fields{gap:8px;max-width:none}.dimension-input{height:42px}.limit-note{max-width:none}.format-field{width:100%;margin-top:15px}.format-field select{height:40px}.output-summary{margin-top:18px;padding-top:15px}.download-button{min-width:140px;height:42px}.processing-note,.success-note{margin-top:11px;line-height:1.4}.empty-workspace{border-radius:12px;flex:1;min-height:0;margin-top:16px;padding:22px 40px;box-shadow:0 12px 38px #202c2309}.empty-art{min-height:0}.empty-copy>p{line-height:1.6}.workspace-footer{flex:none;min-height:32px;font-size:8px}}@media (width>=701px) and (height<=519px){.app-shell{height:auto;min-height:100svh;overflow:visible}.workspace{min-height:calc(100svh - 64px)}.editor{flex:none;min-height:490px}.image-stage{min-height:300px}}@media (width>=701px) and (height<=650px){.topbar{height:58px}.workspace{padding-top:14px;padding-bottom:7px}.intro-row{padding-bottom:12px}.intro-row h1{margin-top:7px;font-size:35px}.intro-copy{max-width:none;font-size:12px}.url-form{height:50px}.search-button{height:38px}.editor,.empty-workspace{margin-top:12px}.workspace-footer{min-height:25px}.empty-workspace{padding-top:12px;padding-bottom:12px}.empty-art{transform:scale(.85)}.empty-copy h2{font-size:22px}.privacy-note{margin-top:12px}.settings-row{padding-top:11px;padding-bottom:11px}.settings-heading h2{font-size:18px}.settings-hint{margin-bottom:11px}.format-field{margin-top:11px}.output-summary{margin-top:10px;padding-top:8px}}@media (width>=701px) and (width<=1000px){.intro-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""description""search";gap:15px}.intro-copy{grid-area:auto}}@media (width<=900px){.editor{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr)}.settings-row{padding-left:18px;padding-right:18px}}@media (width<=700px){.app-shell{height:auto;min-height:100svh;overflow:visible}.workspace{min-height:0;padding:0 0 12px;display:block}.intro-row{flex-direction:column;align-items:stretch;gap:0;padding:39px 0 25px;display:flex}.intro-heading{order:0}.intro-copy{order:1;width:100%;margin-top:14px;font-size:13px}.intro-search{order:2;gap:10px;width:100%;margin-top:18px}.url-form{width:100%;height:56px}.loading-state{justify-content:flex-start;min-height:0;font-size:12px}.editor{margin-top:20px;display:block;overflow:hidden}.preview-column{border-right:0;padding:10px;display:block}.image-stage{min-height:230px;max-height:420px}.image-stage>img{max-height:100%}.image-details{padding:16px 8px 12px}.metadata-format{display:none}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-grid>div:nth-child(3){border-left:0;margin-top:12px;padding-left:0}.settings-row{border-top:1px solid var(--line);padding:20px 18px}.empty-workspace{min-height:300px}.workspace-footer{min-height:62px}}