:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#292d36;background:#f7f8fa;font-synthesis:none;font-size:13px;font-weight:400;--orange: #ef7047;--orange-dark: #d85832;--orange-pale: #fff1eb;--line: #e9eaee;--muted: #91959f;--ink: #292d36;--green: #52a88a}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}input:focus,select:focus,textarea:focus{outline:none;border-color:#ee997f;box-shadow:0 0 0 3px #ef704710}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,h4,p{margin:0}input[type=checkbox]{accent-color:var(--orange);width:14px;height:14px;flex-shrink:0;cursor:pointer}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:4px;background:linear-gradient(to right,var(--orange) var(--range, 60%),#e8e9ed var(--range, 60%));box-shadow:none;cursor:pointer;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--orange);border:2px solid white;box-shadow:0 0 0 1px var(--orange)}input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:var(--orange);border:2px solid white;box-shadow:0 0 0 1px var(--orange)}input[type=color]{padding:0;border:0;width:27px;height:27px;background:transparent;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:1px solid #00000010;border-radius:5px}select{cursor:pointer}kbd{font:10px Inter,sans-serif;border:1px solid #e3e5e9;border-radius:4px;padding:2px 5px;background:#fff;color:#8f939c}.site-header{height:76px;background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:100%;max-width:1536px;margin:0 auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:inline-flex;align-items:center;gap:9px;letter-spacing:-1px;font-weight:750;font-size:23px}.logo-light{font-weight:500}.logo-dot{color:var(--orange);padding-left:1px}.mode-nav{display:flex;align-items:center;gap:5px;background:#f5f6f8;padding:5px;border:1px solid #f0f1f3;border-radius:9px}.mode-nav button{padding:10px 17px;font-size:12px;font-weight:550;white-space:nowrap;color:#7c818c;border-radius:6px;gap:8px}.mode-nav button.active{color:#e36a43;background:#fff;box-shadow:0 1px 4px #272d3810}.mode-nav button:hover:not(.active){background:#eceef1;color:var(--ink)}.new-dot{width:5px;height:5px;background:var(--orange);border-radius:100%}.header-actions{display:flex;align-items:center;gap:16px}.locale-picker{display:flex;align-items:center;gap:7px;font-size:11px;color:#646a75}.locale-picker select{border:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:95px;color:#525966;padding:6px 0}.icon-button{padding:7px;border-radius:6px;color:#818793}.icon-button:hover,.icon-button.active{background:#f1f2f5;color:#424854}.icon-button:disabled:hover{background:transparent}main{max-width:1536px;margin:0 auto;padding:0 44px}.hero{padding:37px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:28px}.hero-kicker,.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.55px;color:#9a9eaa}.hero-kicker{display:flex;align-items:center;gap:7px;color:#999697;margin-bottom:12px}.hero-kicker>span{height:5px;width:5px;background:var(--orange);border-radius:50%}h1{font-size:clamp(25px,2.55vw,39px);font-weight:650;letter-spacing:-1.5px;line-height:1.28}h1>span{color:var(--orange)}.hero p{margin-top:11px;color:#888d97;font-size:12px;line-height:1.7}.hero-promise{display:flex;gap:10px;align-items:center;color:#73a18b;padding:10px 1px 0 0;flex-shrink:0}.hero-promise strong{font-size:11px;font-weight:550;color:#626c68;display:block;margin-bottom:5px}.hero-promise span{font-size:10px;color:#9b9fa4}.workspace{display:grid;grid-template-columns:218px minmax(280px,1fr) 332px;height:650px;border:1px solid #e2e5ea;border-radius:12px;background:#fff;box-shadow:0 4px 20px #2d354204;overflow:hidden}.file-panel{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}.file-heading,.preview-heading{height:58px;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line)}.file-heading h2,.preview-heading h2{font-size:12px;font-weight:600;letter-spacing:-.2px;display:flex;align-items:center;gap:8px}.count-badge{font-size:10px;background:#f2f3f5;color:#9095a0;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;font-weight:500}.file-body{padding:17px 13px;overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#e9eaee transparent}.mini-drop{display:flex;flex-direction:column;width:100%;border:1px dashed #dce0e6;border-radius:8px;padding:28px 5px 24px;background:#fcfcfd;gap:9px}.mini-drop>span{position:relative;color:#aeb4be;margin-bottom:6px}.mini-drop i{position:absolute;bottom:-2px;right:-5px;border:2px solid #fcfcfd;border-radius:5px;background:#f0f1f4;display:flex}.mini-drop strong{font-size:11px;font-weight:500;color:#757d89}.mini-drop small{font-size:10px;color:#a7acb6}.mini-drop:hover{border-color:#eeac94;background:#fffaf7}.file-empty-hint{display:flex;gap:11px;margin:24px 8px 0;align-items:flex-start}.file-empty-hint>span{font-size:9px;font-weight:600;color:#b3b7c0;background:#f5f6f8;border:1px solid #eeeff2;border-radius:5px;padding:4px}.file-empty-hint p{font-size:10px;line-height:1.7;color:#999faa;max-width:120px}.file-panel-bottom{padding:12px 14px 17px}.folder-button{width:100%;border:1px solid var(--line);border-radius:6px;height:35px;font-size:10px;color:#7c838f;gap:8px}.folder-button svg:last-child{margin-left:auto}.folder-button svg:first-child{margin-left:3px}.folder-button:hover{border-color:#bdc3cd}.privacy-note{display:flex;gap:8px;align-items:flex-start;margin:17px 3px 0;color:#a1a7b1;font-size:9px;line-height:1.7}.privacy-note svg{color:#95a799}.selection-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8e95a1;margin:-6px 0 10px}.selection-row label{display:flex;align-items:center;gap:5px}.photo-list{display:flex;flex-direction:column;gap:9px}.photo-item{position:relative;display:flex;align-items:center;gap:7px;min-height:76px;border:1px solid var(--line);border-radius:7px;padding:9px 6px;cursor:pointer;background:#fff}.photo-item.active{border-color:#f1a48a;background:#fffbf8}.photo-item>input{width:12px;height:12px;margin:0}.photo-item>img{width:41px;height:43px;object-fit:cover;border-radius:4px}.photo-item>div:not(.reorder){min-width:0;flex:1}.photo-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:550;max-width:86px}.photo-item small{display:block;font-size:9px;color:#959ca7;margin-top:5px}.photo-item div>span{font-size:8px;color:#d58869;display:flex;gap:4px;margin-top:4px}.remove-photo{position:absolute;right:2px;top:2px;padding:2px;color:#a3a8b1;opacity:0}.photo-item:hover .remove-photo{opacity:1}.photo-index{position:absolute;right:5px;bottom:5px;font-size:7px;color:#b2b6bd}.reorder{position:absolute;left:5px;bottom:-5px;display:none;background:#fff;border:1px solid var(--line);border-radius:4px;z-index:2}.reorder button{font-size:10px;padding:1px 5px}.photo-item:hover .reorder{display:flex}.add-more{border:1px dashed #dfe3e9;border-radius:6px;width:100%;height:35px;font-size:10px;color:#959ba7;margin-top:13px}.preview-panel{display:flex;flex-direction:column;min-width:0;position:relative}.preview-heading{padding:0 20px}.preview-heading>div{display:flex;align-items:center;gap:9px}.preview-actions{gap:3px!important}.live-badge{display:flex;align-items:center;gap:4px;font-size:7px;letter-spacing:.6px;color:#75a38f;background:#f2f8f5;border:1px solid #e5f1eb;padding:3px 5px;border-radius:4px}.live-badge>span{background:#82b69b;width:4px;height:4px;border-radius:50%}.divider{height:14px;border-left:1px solid var(--line);margin:0 4px}.preview-tabs{display:flex;align-items:center;gap:5px;padding:0 18px;height:39px;min-height:39px;border-bottom:1px solid #f0f1f4;overflow-x:auto;scrollbar-width:none;background:#fdfdfd}.preview-tab-label{display:flex;align-items:center;gap:7px;font-size:9px;color:#a0a6b0;white-space:nowrap}.preview-tabs button{font-size:9px;white-space:nowrap;border-bottom:2px solid transparent;align-self:stretch;padding:0 5px}.preview-tabs button.active{color:var(--orange);border-bottom-color:var(--orange)}.preview-tabs .brand{width:13px;height:13px;font-size:10px}.preview-tabs .brand svg{width:13px;height:13px}.preview-stage{flex:1;min-height:0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background-color:#fbfcfd;background-image:radial-gradient(#d9dfe7 .6px,transparent .6px);background-size:15px 15px;padding:35px 25px 75px}.empty-preview{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding-top:20px;position:relative}.upload-illustration{position:relative;width:165px;height:117px;margin-bottom:17px}.illustration-back{position:absolute;width:78px;height:89px;left:40px;top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:9px;transform:rotate(-12deg);box-shadow:0 3px 8px #202b3803}.illustration-front{position:absolute;left:51px;top:14px;width:79px;height:91px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;transform:rotate(8deg);display:flex;align-items:center;justify-content:center;color:#ced3db;box-shadow:0 8px 15px #29313c06}.illustration-front>span{position:absolute;bottom:-7px;right:-9px;width:27px;height:27px;border:4px solid #fbfcfd;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:9px;transform:rotate(-8deg)}.size-tag{position:absolute;display:flex;align-items:center;gap:4px;font-size:8px;border:1px solid #f2dbd0;background:#fff9f5;color:#d6977a;border-radius:5px;padding:5px 7px}.tag-one{left:-8px;top:49px;transform:rotate(-7deg)}.tag-two{right:-8px;top:16px;transform:rotate(8deg);background:#f0f6f4;border-color:#dfeae4;color:#8ca295}.deco-dot{position:absolute;border-radius:50%;width:4px;height:4px;background:#ecc4b1}.dot-one{top:8px;left:13px}.dot-two{right:2px;bottom:8px;width:3px;height:3px;background:#bdcfca}.empty-preview h2{font-size:21px;letter-spacing:-.8px;font-weight:600;line-height:1.4}.empty-preview>p{font-size:11px;color:#999faa;line-height:1.7;margin-top:9px;max-width:300px}.primary{background:var(--orange);color:#fff;border:1px solid #ed7047;border-radius:7px;padding:11px 17px;font-size:11px;font-weight:550;box-shadow:0 2px 3px #d8734420;white-space:nowrap}.primary:hover:not(:disabled){background:var(--orange-dark);border-color:var(--orange-dark);box-shadow:0 3px 10px #d8734430}.choose-button{margin-top:22px;padding:12px 20px;gap:9px;font-size:11px}.choose-button svg:last-child{margin-left:9px;opacity:.85}.upload-caption{font-size:9px;color:#a1a7b2;margin-top:14px;display:flex;gap:5px;align-items:center}.format-pills{display:flex;gap:5px;margin-top:14px}.format-pills>span{font-size:8px;color:#a5abb5;background:#f4f5f7;border:1px solid #eceef2;border-radius:4px;padding:3px 7px}.sample-try{display:flex;align-items:center;gap:12px;margin-top:35px;padding-top:20px;border-top:1px solid #e9ecf0;text-align:left}.sample-thumbs{display:flex;padding-left:4px}.sample-thumbs img{width:27px;height:32px;border:2px solid #fff;box-shadow:0 1px 4px #00000015;border-radius:4px;margin-left:-4px;object-fit:cover;transform:rotate(-7deg)}.sample-thumbs img:nth-child(2){transform:rotate(4deg)}.sample-thumbs img:nth-child(3){transform:rotate(9deg)}.sample-try>div>span{display:block;color:#a3a8b1;font-size:8px;margin-bottom:5px}.sample-try .text-button{font-size:9px;color:#7e8591;padding:0;gap:10px}.text-button{font-size:10px;padding:5px 2px;color:#858c98}.text-button:hover{color:var(--orange)}.preview-bottom{height:39px;min-height:39px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:0 15px;color:#a0a7b1;font-size:8px}.preview-bottom>div:first-child{display:flex;align-items:center;gap:6px}.zoom-controls{display:flex;align-items:center;gap:3px}.zoom-value{font-size:9px;color:#959ca8;min-width:33px}.preview-image-wrap{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;width:100%;transform-origin:center}.image-canvas{position:relative;width:100%;max-height:420px;max-width:100%;box-shadow:0 5px 18px #2b344815;background:repeating-conic-gradient(#f2f2f2,#f2f2f2 25%,#fff 0%,#fff 50%) 50%/14px 14px;touch-action:none;cursor:move;overflow:hidden;display:flex}.image-canvas:has(.story){max-width:225px}.image-canvas>.after-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.image-canvas.comparing{cursor:ew-resize}.before-image{position:absolute;top:0;right:0;bottom:0;left:0;background:#f2f2f2}.before-image img{width:100%;height:100%;object-fit:contain}.before-image>span,.after-label{position:absolute;top:9px;left:9px;font-size:8px;background:#24283099;color:#fff;padding:4px 7px;border-radius:3px}.after-label{left:auto;right:9px}.compare-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none;filter:drop-shadow(0 0 3px #0006)}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#626a79;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%}.compare-slider{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;opacity:0;cursor:ew-resize!important}.safe-zone{position:absolute;border:1px dashed #ffffffaa;pointer-events:none;box-shadow:0 0 0 1000px #00000015;display:flex;align-items:flex-start;justify-content:center}.safe-zone.story{left:8%;right:8%}.safe-zone.banner{left:50%;top:50%;transform:translate(-50%,-50%)}.safe-zone>span{font-size:7px;letter-spacing:1px;background:#0004;color:#fff;padding:3px 6px}.duration-safe{position:absolute;bottom:3%;right:2%;color:#fff;font-size:9px;padding:2px 4px;background:#000b;border-radius:2px;pointer-events:none}.preview-info{position:absolute;bottom:49px;font-size:8px;color:#8c95a3;display:flex;align-items:center;gap:6px;text-align:center}.preview-info i{margin:0 4px;font-style:normal;color:#c5cad2}.crop-zoom{position:absolute;bottom:20px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:8px;color:#99a1ad}.crop-zoom>span{display:flex;align-items:center;gap:4px}.crop-zoom input{width:90px}.rendering-badge{position:absolute;left:10px;bottom:10px;background:#fffffff0;display:flex;align-items:center;gap:5px;font-size:8px;border-radius:4px;padding:5px 8px;box-shadow:0 1px 4px #0001}.rendering-badge svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-panel{border-left:1px solid var(--line);min-width:0;overflow:hidden;display:flex;flex-direction:column;background:#fff}.panel-heading{padding:22px 20px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.15px;color:#a2a5ad}.panel-heading h3{font-size:17px;letter-spacing:-.55px;font-weight:600;display:flex;align-items:center;gap:7px;margin-top:8px}.orange-dot{width:5px;height:5px;background:var(--orange);border-radius:50%;margin-top:3px}.preset-panel-body{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e9eaee transparent;padding:0 20px 17px;flex:1}.preset-search{display:flex;align-items:center;gap:7px;border:1px solid #e6e8ed;border-radius:6px;padding:8px 10px;color:#a6acb6;height:35px}.preset-search input{border:0;background:transparent;font-size:10px;padding:0;min-width:0;flex:1;box-shadow:none}.preset-search input::placeholder{color:#a4a9b2}.preset-search kbd{border-color:#e8eaf0;background:#fafbfc;padding:1px 4px}.platform-filters{display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:5px;margin:15px 0 14px;padding:0 0 2px;-webkit-mask-image:linear-gradient(to right,#000 94%,transparent);mask-image:linear-gradient(to right,#000 94%,transparent)}.platform-filters button{font-size:9px;white-space:nowrap;border:1px solid #eceef1;border-radius:5px;color:#8d939e;padding:6px 8px;gap:4px}.platform-filters button.active{color:#db805e;background:#fff5ef;border-color:#f9e3d8}.platform-filters button:hover{border-color:#e9b29c}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:288px;overflow:auto;scrollbar-width:thin;scrollbar-color:#e9eaee transparent;padding:1px}.preset-card{position:relative;border:1px solid #e6e8ed;border-radius:7px;min-width:0;transition:background .15s,border-color .15s}.preset-card.selected{border-color:#ee9474;background:#fff8f3;box-shadow:0 0 0 1px #f0947310}.preset-card:hover{border-color:#edb49e;background:#fffcfa}.preset-select{width:100%;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:10px 10px 11px;gap:0;min-height:83px}.preset-card-top{display:flex;align-items:center;gap:5px;margin-bottom:8px;font-size:8px;color:#9297a0}.brand{height:16px;width:16px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:750;flex-shrink:0}.brand svg{width:16px;height:16px}.youtube{color:#e6524b}.instagram{color:#c8659a}.facebook{background:#5688d7;color:#fff;border-radius:3px;font-family:Arial;padding-top:2px}.linkedin{background:#5685a6;color:#fff;border-radius:2px;font-size:11px;letter-spacing:-.5px}.tiktok{color:#383e46}.pinterest{color:#d45259;font-family:Georgia}.web{color:#839aa3}.preset-check{width:12px;height:12px;border:1px solid #e0e3e8;border-radius:3px;margin-left:auto;display:flex;align-items:center;justify-content:center;background:#fff;color:transparent}.selected .preset-check{background:var(--orange);border-color:var(--orange);color:#fff}.preset-card strong{font-size:10px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5c616c;letter-spacing:-.15px}.preset-dimensions{font-size:8px;color:#a1a5ad;display:flex;margin-top:6px;gap:3px}.preset-dimensions>span{margin-left:auto;color:#c0c2c7;font-size:7px;padding-right:12px}.favorite{position:absolute;bottom:9px;right:6px;padding:2px;color:#c6c8ce;opacity:0}.preset-card:hover .favorite,.favorite.saved{opacity:1}.favorite.saved{color:#e8a769}.favorite.saved svg{fill:#e8a76944}.custom-size{width:100%;display:flex;align-items:center;justify-content:flex-start;font-size:9px;border:1px dashed #e1e5eb;border-radius:6px;color:#999fab;padding:9px 10px;margin-top:10px}.custom-size svg:last-child{margin-left:auto}.custom-size:hover{border-color:#e4ad96;color:var(--orange)}.multi-preset-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#a6aab3;margin-top:11px}.fit-section{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;color:#a0a7b1}.section-title h4{font-size:11px;color:#656b76;font-weight:550}.fit-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.fit-options button{border:1px solid #e8eaee;border-radius:6px;padding:10px 5px 8px;flex-direction:column;gap:6px;color:#a1a7b1;font-size:8px}.fit-options button.active{background:#fff7f1;border-color:#f0b096;color:#e58c69}.fit-options button:hover{border-color:#ecc1ad}.fit-description{font-size:8px;line-height:1.7;color:#a4a9b1;margin-top:9px}.safe-toggle{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:15px}.safe-toggle .check-line{font-size:9px;margin:0;color:#8c939e;gap:5px}.safe-toggle .check-line span{display:flex;align-items:center;gap:5px}.safe-toggle input{width:12px;height:12px;margin:0 2px 0 0}.tiny-tag{font-size:6px;letter-spacing:.4px;color:#acb1ba;background:#f5f6f8;padding:4px;border-radius:3px}.preset-bottom-note{margin-top:17px;background:#f8f9fb;border:1px solid #eef0f4;border-radius:6px;padding:11px;display:flex;align-items:flex-start;gap:8px;color:#b0b7c1}.preset-bottom-note p{font-size:8px;color:#9ba3ae;line-height:1.65}.contain-settings{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:9px;color:#9298a3;margin-top:10px}.contain-settings label{display:flex;align-items:center;gap:5px}.contain-settings .text-button{font-size:8px}.no-presets{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:130px;gap:12px;color:#aaa;font-size:10px}.export-bar{margin-top:14px;border:1px solid #e3e6eb;border-radius:9px;background:#fff;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:15px 17px;gap:12px;box-shadow:0 2px 6px #29334403}.output-controls{display:flex;align-items:center;gap:23px}.output-format{display:flex;align-items:center;gap:10px;font-size:10px;color:#969ba5}.output-format select{border:1px solid #e5e7ec;border-radius:5px;background:#fbfcfd;color:#656d7a;font-size:10px;min-width:77px;height:33px;padding:0 9px}.output-quality{display:flex;align-items:center;gap:10px;font-size:10px;color:#969ba5}.output-quality label{display:flex;align-items:center;gap:12px}.output-quality input{width:87px}.output-quality output{color:#717885;font-size:10px;width:31px}.output-quality small{font-size:8px;color:#a7adb6;margin-left:2px}.export-settings{font-size:9px;color:#9aa0aa;border-left:1px solid var(--line);padding:7px 0 7px 20px;gap:7px}.export-settings:hover{color:var(--orange)}.export-actions{display:flex;align-items:center;gap:10px}.options-actions{display:flex;gap:12px;margin-right:9px}.options-actions button{font-size:9px}.reset-all{margin-right:4px;padding:6px}.download-button{padding:11px 15px;gap:8px;font-size:10px;min-height:39px}.download-count{background:#ffffff26;border-radius:4px;font-size:9px;min-width:21px;height:19px;display:flex;align-items:center;justify-content:center;margin-left:7px;padding:0 4px}.download-button:disabled{opacity:.7;background:#ef8c6b;border-color:#ef8c6b}.save-folder{padding:6px}.under-workspace{display:flex;align-items:center;justify-content:space-between;color:#a9aeb7;font-size:9px;margin:13px 2px 0}.under-workspace>span{display:flex;align-items:center;gap:6px}.under-workspace .text-button{font-size:9px;color:#939ca8}.explainer{display:flex;align-items:center;gap:60px;border-bottom:1px solid #e5e8ed;margin-top:62px;padding-bottom:49px}.explainer-title{width:31%;flex-shrink:0}.explainer-title .eyebrow{font-size:8px;letter-spacing:1.4px;color:#a2a8b2}.explainer-title h2{font-size:21px;line-height:1.4;letter-spacing:-.7px;font-weight:600;margin-top:12px;max-width:310px}.explainer-title p{color:#a0a7b2;font-size:10px;line-height:1.8;margin-top:10px;max-width:305px}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:33px;flex:1}.step-icon{display:inline-flex;position:relative;width:43px;height:43px;border:1px solid #e6e9ed;background:#fff;border-radius:11px;align-items:center;justify-content:center;color:#929ba9;margin-bottom:15px}.step-icon>b{position:absolute;right:-7px;top:-5px;font-size:7px;font-weight:500;color:#a5adb9;background:#f7f8fa;border:2px solid #f7f8fa;border-radius:4px;padding:2px}.steps h3{font-size:11px;font-weight:550;letter-spacing:-.15px}.steps p{font-size:9px;color:#a0a7b2;line-height:1.85;margin-top:8px;max-width:180px}.faq-section{display:grid;grid-template-columns:1fr 1.55fr;gap:90px;margin-top:42px;padding-bottom:30px}.faq-section h2{font-size:23px;font-weight:600;letter-spacing:-.8px;margin:11px 0}.faq-section>div>p{color:#a0a7b2;font-size:10px}.faqs details{border-bottom:1px solid #e6e9ee;padding:15px 0}.faqs summary{list-style:none;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:space-between;color:#727b88}.faqs summary svg{color:#a6acb5}.faqs details p{font-size:11px;color:#919aa7;line-height:1.8;padding:12px 25px 3px 0}.faqs details[open] summary{color:var(--orange)}.faqs details[open] summary svg{transform:rotate(45deg)}.size-reference{font-size:10px;color:#939ca9;padding:17px 0;border-top:1px solid #e6e9ee;margin-top:10px}.size-reference summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer}.size-reference>p{margin:15px 0;line-height:1.8}.size-table{max-height:300px;overflow:auto;margin:15px 0;background:#fff;border:1px solid var(--line);border-radius:7px}.size-table a:hover{color:var(--orange)}table{width:100%;border-collapse:collapse;text-align:left;font-size:10px}td,th{padding:11px 13px;border-bottom:1px solid #eef0f3}th{font-weight:550;color:#9aa2af;background:#fafbfc;font-size:9px}.site-footer{max-width:1448px;margin:0 auto;border-top:1px solid #e5e8ed;padding:25px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#a5acb7}.site-footer .logo{font-size:18px;color:#68717d;letter-spacing:-.7px;gap:7px}.site-footer>div{display:flex;align-items:center;gap:6px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#87b79a}.site-footer>div>svg{display:none}.tool-tabs{display:flex;overflow-x:auto;flex-shrink:0;padding:10px 10px 0;border-bottom:1px solid var(--line);scrollbar-width:thin;gap:4px;scrollbar-color:#e9eaee transparent}.tool-tabs button{position:relative;display:flex;flex-direction:column;gap:6px;min-width:50px;padding:8px 6px 11px;font-size:7px;color:#969fab;border-bottom:2px solid transparent;white-space:nowrap}.tool-tabs button.active{color:var(--orange);border-bottom-color:var(--orange)}.tool-tabs i{position:absolute;right:7px;top:5px;background:#6aa98a;width:4px;height:4px;border-radius:50%}.tool-content{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#e9eaee transparent;flex:1}.tool-content .panel-heading{padding-top:20px}.panel-body{padding:0 20px 22px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;min-width:0;flex:1}.field>span:first-child{font-size:10px;color:#8d95a2}.field input:not([type=color]),.field select,.field textarea{width:100%;border:1px solid #e4e8ee;border-radius:5px;padding:9px 10px;background:#fff;color:#646e7e;min-width:0;font-size:11px}.field textarea{resize:vertical;line-height:1.7;min-height:70px}.field-row{display:flex;gap:11px}.select-wrap{position:relative;display:block}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:25px}.select-wrap svg{position:absolute;right:8px;top:11px;color:#99a2b0;pointer-events:none}.check-line{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.5;color:#8a94a2;margin:11px 0;cursor:pointer}.check-line input{margin:0}.check-line small{display:block;font-size:9px;color:#a6aeb9;line-height:1.6;margin-top:4px}.field-row>.check-line{flex:1}.range-field{display:flex;flex-direction:column;gap:12px;margin:0 0 20px}.range-field>span{display:flex;justify-content:space-between;font-size:10px;color:#8b95a4}.range-field output{font-size:10px;color:#606b7e}.range-field input{width:100%;margin:0}.color-field{display:flex;border:1px solid #e4e8ee;border-radius:5px;align-items:center;gap:5px;padding:3px 7px;height:36px}.color-field input[type=text]{border:0!important;box-shadow:none!important;padding:3px!important;font-size:10px!important}.anchor-field{display:flex;align-items:center;gap:14px;margin:17px 0;font-size:10px;color:#919baa}.anchor-field>span:first-child{margin-right:auto}.anchor-label{font-size:8px;max-width:55px;overflow-wrap:break-word}.anchor-grid{display:grid;grid-template-columns:repeat(3,20px);gap:3px}.anchor-grid button{width:20px;height:19px;border:1px solid #e8ebf0;border-radius:3px;padding:0}.anchor-grid button span{width:4px;height:4px;background:#c9cfd8;border-radius:1px}.anchor-grid button.active{border-color:#eca889;background:#fff2e9}.anchor-grid button.active span{background:var(--orange)}.switch{display:block;position:relative;width:29px;height:17px;flex-shrink:0;cursor:pointer}.switch input{position:absolute;width:100%;height:100%;opacity:0;margin:0}.switch span{display:block;border-radius:12px;background:#dce1e7;width:29px;height:17px;pointer-events:none}.switch span:after{content:"";position:absolute;left:2px;top:2px;background:#fff;width:13px;height:13px;border-radius:50%;box-shadow:0 1px 2px #0001;transition:transform .15s}.switch input:checked+span{background:var(--orange)}.switch input:checked+span:after{transform:translate(12px)}.switch input:focus-visible+span{outline:2px solid var(--orange);outline-offset:3px}.section-label{font-size:9px;font-weight:600;letter-spacing:.5px;color:#a0a7b2;text-transform:uppercase;margin:24px 0 15px}.panel-note{background:#f8f9fb;border-radius:6px;padding:10px 11px;font-size:9px;color:#a0a8b4;line-height:1.7;display:flex;gap:7px;margin:13px 0}.panel-note svg{margin-top:2px}.secondary{border:1px solid #e4e8ee;border-radius:6px;padding:10px 12px;background:#fff;color:#8b95a5;font-size:10px}.secondary:hover{background:#f9fafb;border-color:#cbd2dd}.full{width:100%}.reset-tab{margin-top:20px;font-size:9px}.segmented{display:flex;gap:6px;margin-bottom:23px}.segmented button{border:1px solid #e5e9ee;border-radius:5px;flex:1;padding:8px;font-size:10px;color:#98a1af}.ratio-chips{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 17px}.ratio-chips button{border:1px solid #e5e9ef;border-radius:5px;font-size:9px;padding:5px 8px;color:#949eac}.ratio-chips button.active{border-color:#f0b094;background:#fff6f0;color:#de8d68}.logo-picker{border:1px dashed #dbe1e9;border-radius:7px;background:#fcfcfd;padding:20px;display:flex;flex-direction:column;width:100%;color:#a0aab8;font-size:11px;gap:8px;margin:0 0 15px}.logo-picker small{font-size:9px}.recent-logos{display:flex;gap:8px;margin-bottom:17px}.recent-logos button{border:1px solid #e5e9ee;border-radius:5px;width:43px;height:43px;padding:5px}.recent-logos img{max-width:100%;max-height:100%;object-fit:contain}.recent-logos button.active{border-color:var(--orange)}.join-styles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:19px}.join-styles button{border:1px solid #e5e9ef;border-radius:6px;padding:14px 5px;display:flex;flex-direction:column;font-size:9px;color:#969fac;gap:9px}.join-styles button.active{border-color:#eda68c;background:#fff5ee;color:#e48c69}.after-tools{display:flex;flex-direction:column;gap:7px}.after-tools button{justify-content:flex-start;padding:9px 10px;border:1px solid #e5e9ef;border-radius:5px;font-size:10px;color:#929cab}.after-tools button svg:last-child{margin-left:auto}.processing{display:flex;flex-direction:column;gap:6px;font-size:9px;color:var(--orange);min-width:110px}.processing progress{width:110px;height:4px;accent-color:var(--orange)}dialog{width:min(620px,calc(100% - 30px));max-height:85vh;border:1px solid #e5e7ec;border-radius:13px;padding:0;box-shadow:0 30px 100px #1a273430;color:var(--ink)}dialog::backdrop{background:#27344555;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 28px 22px;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:23px;font-weight:600;letter-spacing:-.8px;margin-top:9px}.dialog-body{padding:23px 28px 27px}.dialog-body>.primary.full,.dialog-body>.secondary.full{margin-top:18px}.profile-toolbar{display:flex;gap:8px}.profile-toolbar button{flex:1;white-space:nowrap}.profile-list{display:flex;flex-direction:column;gap:7px}.profile-list button{border:1px solid var(--line);border-radius:6px;padding:13px;justify-content:flex-start;font-size:11px;color:#8c96a4}.profile-list button svg:last-child{margin-left:auto}.profile-list button:hover{background:#fff9f4;border-color:#f3c3ab}.muted{color:#adb4bf;font-size:10px;line-height:1.8}.result-summary{display:flex;align-items:center;gap:12px;color:#74a38d;background:#f4faf6;border:1px solid #e5f1e8;padding:14px;border-radius:7px}.result-summary strong{display:block;font-size:11px;font-weight:550}.result-summary span{display:block;font-size:9px;margin-top:5px;color:#9aada1}.result-summary button{margin-left:auto;font-size:9px;padding:9px 11px}.result-table{overflow:auto;max-height:310px;margin-top:20px}.result-table td{font-size:9px;white-space:nowrap;color:#8c96a4}.result-table td:first-child{max-width:200px;overflow:hidden;text-overflow:ellipsis}.result-error td{color:#d48369}.preview-panel.expanded{position:fixed;top:30px;right:30px;bottom:30px;left:30px;z-index:80;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 0 0 100vw #26303d99;overflow:hidden}.expanded .image-canvas{max-height:calc(100vh - 270px);max-width:1000px;width:auto}.expanded .preview-image-wrap{height:100%}.expanded .after-image{height:100%;width:auto}.expanded .image-canvas:has(.story){max-width:380px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:#fff;border:1px solid #e3e9e5;box-shadow:0 5px 28px #26314218;border-radius:8px;display:flex;align-items:center;gap:10px;padding:14px 20px;z-index:150;font-size:11px;color:#729a83;opacity:0;pointer-events:none;transition:.2s;max-width:min(540px,90vw);line-height:1.6}#toast.visible{opacity:1;transform:translate(-50%)}#toast.error{color:#c97559;border-color:#f0d2c6}#drop-overlay{position:fixed;top:12px;right:12px;bottom:12px;left:12px;border:3px dashed #e7a584;border-radius:20px;background:#fff9f2f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center;color:var(--orange);pointer-events:none;gap:20px}#drop-overlay.visible{display:flex}#drop-overlay h2{font-size:33px;letter-spacing:-1px}#drop-overlay p{color:#b39888;font-size:12px}@media(min-width:1600px){.workspace{height:690px;grid-template-columns:235px minmax(280px,1fr) 355px}.preset-grid{max-height:310px}.preset-select{min-height:89px}.empty-preview{padding-top:40px}.empty-preview h2{font-size:24px}.empty-preview>p{font-size:12px}.upload-illustration{margin-bottom:24px}.sample-try{margin-top:42px}.image-canvas{max-height:440px}.image-canvas:has(.story){max-width:246px}}@media(max-width:1250px){main{padding:0 25px}.header-inner{padding:0 25px}.workspace{grid-template-columns:185px minmax(250px,1fr) 303px}.hero-promise{display:none}.panel-heading,.preset-panel-body{padding-left:16px;padding-right:16px}.output-controls{gap:14px}.export-settings{padding-left:14px}.export-settings span{display:none}.output-quality input{width:66px}.export-actions{gap:5px}.options-actions{gap:8px;margin-right:5px}.site-footer{margin:0 25px}.empty-preview h2{font-size:19px}.empty-preview>p{font-size:10px}.preview-stage{padding-left:18px;padding-right:18px}.explainer{gap:35px}.steps{gap:22px}.file-empty-hint{gap:7px;margin-left:3px;margin-right:3px}.photo-item{gap:5px}.photo-item>img{width:34px;height:40px}.photo-item strong{max-width:65px;font-size:8px}.photo-item small{font-size:8px}.photo-item>input{width:10px;height:10px}.file-body{padding-left:10px;padding-right:10px}}@media(max-width:1000px){.header-inner{gap:12px}.mode-nav button{padding:9px 11px;font-size:10px}.header-help{display:none}.workspace{grid-template-columns:155px minmax(220px,1fr) 280px}.file-heading{padding:0 11px}.file-heading h2{font-size:11px}.mini-drop{padding:25px 4px}.mini-drop small{font-size:8px}.file-empty-hint p{font-size:9px}.file-panel-bottom{padding:10px}.privacy-note{font-size:8px}.folder-button{font-size:9px;gap:5px}.file-empty-hint{margin-top:20px}.photo-item>img{width:30px}.photo-item>input{position:absolute;left:4px;top:4px}.photo-item strong{max-width:58px}.photo-item{padding-left:6px}.options-actions{display:none}.output-quality input{width:55px}.export-bar{padding:13px}.export-actions{gap:5px}.export-settings{padding-left:12px}.output-controls{gap:11px}.download-button{padding:11px 12px;font-size:9px}.empty-preview h2{font-size:17px;max-width:210px}.empty-preview>p{max-width:200px;font-size:10px}.upload-caption{font-size:8px}.panel-heading h3{font-size:16px}.preset-select{padding:9px 8px}.preset-card-top{font-size:7px;gap:4px}.preset-card strong{font-size:9px}.preset-dimensions{font-size:7px}.preset-dimensions>span{display:none}.preset-search input{font-size:9px}.preset-bottom-note{padding:9px}.multi-preset-note{font-size:7px}.fit-section{margin-top:18px}.tiny-tag{display:none}.safe-toggle .check-line{font-size:9px}.explainer{gap:25px}.explainer-title h2{font-size:18px}.steps{gap:18px}.steps h3{font-size:10px}.steps p{font-size:8px}.faq-section{gap:45px}.hero{padding-top:29px;padding-bottom:26px}h1{font-size:31px}.hero p{font-size:11px}.header-actions{gap:0}.locale-picker select{font-size:10px;max-width:78px}}@media(max-width:800px){main{padding:0 20px}.header-inner{padding:0 20px;flex-wrap:wrap;justify-content:space-between;gap:0;position:relative}.site-header{height:115px}.logo{font-size:21px}.header-inner>.logo,.header-actions{align-self:flex-start;margin-top:16px}.header-inner>.logo img{width:29px;height:29px}.mode-nav{position:absolute;bottom:9px;left:20px;right:20px;justify-content:center;padding:4px}.mode-nav button{flex:1;padding:8px 6px;font-size:11px}.hero{padding:28px 0 22px}.hero-kicker{font-size:8px;margin-bottom:11px}h1{font-size:31px;letter-spacing:-1.3px}.hero p{font-size:11px;max-width:510px}.workspace{grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:1fr auto;height:655px}.file-panel{grid-column:1/2;grid-row:2;border-right:0;border-top:1px solid var(--line);height:99px;flex-direction:row;overflow:hidden;align-items:center}.file-heading{height:100%;min-height:0;border-bottom:0;padding:0 12px;flex-direction:column;justify-content:center;gap:5px;width:72px;flex-shrink:0;border-right:1px solid #f0f1f3}.file-heading h2{font-size:8px;flex-direction:column;gap:4px;white-space:nowrap}.file-heading .icon-button{padding:3px}.file-heading .icon-button svg{width:13px;height:13px}.file-heading .count-badge{height:15px;min-width:16px;font-size:8px}.file-body{padding:8px 10px;overflow:auto;display:flex;gap:8px;align-items:center;height:100%}.file-panel-bottom{display:none}.mini-drop{width:100%;height:70px;flex-direction:row;border:0;background:transparent;padding:10px;gap:9px;align-items:center;justify-content:flex-start}.mini-drop>span{margin:0}.mini-drop small{display:none}.mini-drop strong{font-size:9px}.file-empty-hint,.selection-row{display:none}.photo-list{flex-direction:row;gap:7px}.photo-item{width:82px;min-height:75px;flex-direction:column;padding:4px;gap:3px}.photo-item>img{width:68px;height:41px}.photo-item>div:not(.reorder){width:100%}.photo-item strong{font-size:7px;max-width:70px;text-align:center}.photo-item small,.photo-item div>span,.photo-index{display:none}.photo-item>input{width:10px;height:10px}.remove-photo{opacity:1;top:1px;right:1px;background:#fff9}.add-more{min-width:60px;width:60px;height:70px;margin:0;flex-direction:column;font-size:8px;line-height:1.4}.reorder{display:flex;left:16px;bottom:10px;border:0;background:#fffd;line-height:10px}.reorder button{font-size:9px;padding:0 6px}.preview-panel{grid-row:1;grid-column:1;min-height:0}.settings-panel{grid-row:1/3;grid-column:2}.preview-stage{padding-bottom:65px}.empty-preview{padding-top:5px}.upload-illustration{transform:scale(.85);margin-bottom:4px}.empty-preview h2{font-size:18px;max-width:none}.empty-preview>p{max-width:220px;font-size:10px}.choose-button{margin-top:18px;padding:10px 13px;font-size:10px}.sample-try{margin-top:23px;padding-top:15px}.preview-tabs{padding:0 13px}.preview-heading{padding:0 13px;height:50px;min-height:50px}.preview-bottom>div:first-child span{display:none}.export-bar{flex-wrap:wrap;padding:13px 15px;gap:13px}.output-controls{flex:1;justify-content:space-between;width:100%;gap:15px}.output-quality input{width:90px}.export-actions{width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:13px;gap:9px}.reset-all{margin-right:auto}.options-actions{display:flex}.download-button{font-size:10px}.export-settings span{display:inline}.explainer{flex-direction:column;gap:25px;align-items:stretch;margin-top:40px;padding-bottom:32px}.explainer-title{width:100%}.explainer-title h2{font-size:22px;max-width:none}.explainer-title p{max-width:none}.steps{gap:30px}.steps h3{font-size:11px}.steps p{font-size:9px}.faq-section{gap:30px;grid-template-columns:1fr 1.5fr}.faq-section h2{font-size:21px}.site-footer{margin:0 20px}.site-footer>span{display:none}.image-canvas{max-height:340px}.image-canvas:has(.story){max-width:185px}}@media(max-width:580px){main{padding:0 14px}.header-inner{padding:0 17px}.mode-nav{left:14px;right:14px}.mode-nav button{font-size:10px;padding:8px 4px;gap:6px}.mode-nav button svg{width:15px}.new-dot{display:none}.locale-picker{font-size:10px}.hero{padding:27px 3px 22px}.hero-kicker{font-size:7px;letter-spacing:1.25px}h1{font-size:30px;max-width:370px;line-height:1.22;letter-spacing:-1.3px}h1>span{display:block;margin-top:3px}.hero p{font-size:10px;max-width:315px;line-height:1.8;margin-top:12px}.workspace{display:flex;flex-direction:column;height:auto;overflow:hidden;border-radius:9px}.preview-panel{order:0;height:491px;min-height:491px}.preview-stage{padding:18px 20px 53px}.preview-heading{height:46px;min-height:46px;padding:0 16px}.preview-heading h2{font-size:11px}.preview-tabs{height:33px;min-height:33px;padding:0 16px}.preview-tab-label{font-size:8px}.preview-bottom{height:31px;min-height:31px;padding:0 14px}.preview-bottom>div:first-child span{display:inline}.empty-preview{padding-top:0}.upload-illustration{height:103px;transform:scale(.8);margin-top:-5px;margin-bottom:-5px}.empty-preview h2{font-size:20px;max-width:none}.empty-preview>p{font-size:10px;max-width:none;margin-top:7px}.choose-button{font-size:11px;padding:11px 18px;margin-top:17px}.upload-caption{margin-top:10px;font-size:8px}.format-pills{margin-top:10px}.sample-try{margin-top:16px;padding-top:13px}.sample-try>div>span{font-size:8px}.sample-try .text-button{font-size:9px}.sample-thumbs img{height:28px;width:24px}.file-panel{order:1;height:91px;min-height:91px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.file-heading{width:66px}.file-body{padding:6px 10px}.photo-item{min-height:69px}.add-more{height:66px}.settings-panel{order:2;border-left:0;overflow:visible}.panel-heading{padding:22px 18px 17px}.panel-heading h3{font-size:19px}.panel-heading .eyebrow{font-size:8px}.preset-panel-body{padding:0 18px 20px;overflow:visible}.preset-search{height:38px}.preset-search input{font-size:11px}.platform-filters{margin:15px 0}.platform-filters button{font-size:10px;padding:7px 10px}.preset-grid{gap:10px;max-height:302px}.preset-select{min-height:85px;padding:11px 12px}.preset-card-top{font-size:8px}.preset-card strong{font-size:11px}.preset-dimensions{font-size:9px}.preset-dimensions>span{display:inline;font-size:7px}.favorite{opacity:1;right:9px}.custom-size{font-size:10px;padding:11px}.multi-preset-note{font-size:8px}.fit-section{margin-top:22px;padding-top:18px}.section-title h4{font-size:12px}.fit-options button{font-size:10px;padding:13px 8px}.fit-description{font-size:9px;margin-top:11px}.safe-toggle{margin-top:18px}.safe-toggle .check-line{font-size:10px}.tiny-tag{display:block;font-size:7px}.preset-bottom-note{margin-top:18px;padding:12px}.preset-bottom-note p{font-size:9px}.tool-tabs{padding:12px 12px 0}.tool-tabs button{font-size:8px;min-width:56px}.tool-content{max-height:660px}.panel-body{padding:0 18px 22px}.field>span:first-child,.check-line,.range-field>span{font-size:11px}.field input:not([type=color]),.field select,.field textarea{font-size:12px;padding:10px}.export-bar{margin-top:12px;position:sticky;bottom:8px;z-index:30;box-shadow:0 3px 18px #2d354212;padding:11px 12px;gap:10px;border-radius:8px}.output-controls{gap:10px}.output-format{font-size:9px;gap:8px}.output-format select{min-width:68px;font-size:10px;height:30px;padding:0 7px;max-width:95px}.output-quality{font-size:9px;gap:7px}.output-quality label{gap:8px}.output-quality input{width:54px}.output-quality output{font-size:9px;width:26px}.export-settings{padding:4px 0 4px 10px}.export-settings span{display:none}.export-actions{padding-top:10px;gap:8px}.options-actions{display:none}.reset-all{margin-right:auto}.download-button{padding:11px 15px;font-size:11px;flex:1;max-width:275px}.download-count{margin-left:7px}.save-folder{display:none}.under-workspace{font-size:8px;margin:13px 0 0;gap:12px;align-items:flex-start}.under-workspace>span{align-items:flex-start;gap:5px;line-height:1.7;max-width:190px}.under-workspace>span svg{margin-top:2px}.under-workspace .text-button{font-size:8px;white-space:nowrap;padding-top:0}.explainer{margin-top:38px;gap:27px;padding:0 4px 30px}.explainer-title h2{font-size:22px;max-width:310px;line-height:1.4}.explainer-title p{font-size:10px;max-width:300px}.steps{grid-template-columns:1fr;gap:25px}.steps article{display:grid;grid-template-columns:44px 1fr;column-gap:17px}.step-icon{grid-row:1/3;margin:0}.steps h3{font-size:12px;padding-top:2px}.steps p{font-size:10px;max-width:270px;margin-top:6px}.faq-section{display:flex;flex-direction:column;gap:15px;padding:0 4px 25px;margin-top:28px}.faq-section h2{font-size:22px}.faqs summary{font-size:11px}.faqs details p{font-size:10px}.size-reference{font-size:9px;margin-top:0}.site-footer{margin:0 17px;padding:22px 0 170px;gap:10px}.site-footer .logo{font-size:17px}.site-footer>div{font-size:8px}.dialog-heading{padding:22px 20px 19px}.dialog-heading h2{font-size:21px}.dialog-body{padding:20px}.profile-toolbar{flex-wrap:wrap}.profile-toolbar button{font-size:9px;gap:5px}.result-summary{padding:12px;gap:9px}.result-summary strong{font-size:10px}.result-summary button{font-size:8px;padding:8px}.preview-info{bottom:42px;font-size:7px}.crop-zoom{bottom:17px}.image-canvas{max-height:305px}.image-canvas:has(.story){max-width:170px}.preview-panel.expanded{top:10px;right:10px;bottom:10px;left:10px;height:auto;min-height:0}.expanded .image-canvas{max-width:100%;max-height:65vh}.results-button{font-size:9px}.processing{min-width:110px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.workspace{grid-template-rows:minmax(0,1fr)}.preview-panel,.settings-panel{min-height:0}.image-canvas{width:min(100%,calc(400px * var(--image-ratio, 1.7778)));flex-shrink:0;max-width:100%}.after-image{aspect-ratio:var(--image-ratio, 1.7778)}.site-footer{margin-left:44px;margin-right:44px}.preset-anchor{margin-top:13px;border-top:1px solid var(--line);padding-top:12px}.preset-anchor summary{font-size:9px;color:#929aa6;cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none}.preset-anchor .anchor-grid{margin:12px auto 0;grid-template-columns:repeat(3,24px);width:max-content}.preset-anchor .anchor-grid button{width:24px;height:24px}@media(min-width:1536px){.site-footer{margin-left:auto;margin-right:auto}}@media(max-width:1250px){.site-footer{margin-left:25px;margin-right:25px}}@media(max-width:800px){.workspace{grid-template-rows:minmax(0,1fr) 99px}.site-footer{margin-left:20px;margin-right:20px}.image-canvas{width:min(100%,calc(325px * var(--image-ratio, 1.7778)))}}@media(max-width:580px){.image-canvas{width:min(100%,calc(280px * var(--image-ratio, 1.7778)))}.site-footer{margin-left:17px;margin-right:17px}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff")}