.site-header{max-width:960px;margin:0 auto 20px;min-height:72px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(17,199,255,.32);border-radius:17px;background:linear-gradient(180deg,#071826f5,#051522f5);box-sizing:border-box}.site-brand{display:inline-flex;align-items:center;gap:12px;color:#f5fbff;text-decoration:none}.site-brand:hover{color:#f5fbff}.site-brand-icon{width:38px;height:38px;display:grid;place-items:center;color:#18c7ff}.site-brand-icon svg{width:38px;height:38px}.site-brand-copy{display:flex;flex-direction:column;line-height:1.05}.site-brand-copy strong{font-size:1.25rem;letter-spacing:-.02em}.site-brand-copy small{margin-top:4px;color:#7fb6d5;font-size:.64rem}.site-nav{display:flex;align-items:center;gap:28px}.site-nav a{color:#9bd8ff;text-decoration:none;font-size:.72rem;font-weight:800;white-space:nowrap}.site-nav a:hover{color:#fff}.hero-header{max-width:960px;margin:0 auto 28px}@media (max-width: 700px){.site-header{min-height:64px;padding:0 13px;border-radius:13px}.site-brand-copy small{display:none}.site-brand-copy strong{font-size:1.05rem}.site-brand-icon,.site-brand-icon svg{width:32px;height:32px}.site-nav{gap:14px}.site-nav a{font-size:.65rem}}:root{--background: #151515;--text: #fafafa;--struct: #313131;--second: #4d4d4d;--accent: #138375}body{background-color:var(--background);color:var(--text);font-family:Work Sans,sans-serif;padding:10px}.flex,.checkContainer{display:flex}.hcenter,.checkContainer{align-items:center}.checkContainer{position:relative}.wcenter{justify-content:center}.card{padding:10px;background-color:var(--struct);border-radius:8px}input[type=checkbox]{width:65px;min-width:65px;height:20px;border-radius:12px;background-color:var(--struct);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color .2s ease-in-out;margin-right:10px;position:relative}input[type=checkbox]:before{width:16px;height:16px;content:"";position:absolute;top:2px;left:3px;border-radius:50%;background-color:var(--text);transition:transform .2s ease-in-out}select,input:not([type=range]):not([type=checkbox]),textarea{background-color:var(--struct);padding:10px;border-radius:8px;border:1px solid var(--text);font-family:Work Sans,sans-serif;color:var(--text)}.card input,.card select{background-color:var(--second)!important}.second select{background-color:var(--struct)!important}input[type=checkbox]:checked:before{transform:translate(43px)}input[type=checkbox]:checked{background-color:var(--accent)!important}.fullWidth,button,input[type=range],select,textarea{width:100%;width:-moz-available;width:-webkit-fill-available}input:not([type=range]){margin-right:10px}button{background-color:var(--accent);color:var(--text);font-family:Work Sans,sans-serif;padding:10px;border:1px solid var(--text);border-radius:8px;transition:filter .2s ease-in-out}button:hover,.pointer:hover,input:hover,select:hover,.spanLink:hover{cursor:pointer}.event{pointer-events:visible}button:hover{filter:brightness(130%)}button:active{filter:brightness(160%)}.card>h2{text-align:center}.second{background-color:var(--second)}.second input{background-color:var(--struct)!important}.circular{background-color:var(--accent);border-radius:16px;padding:5px 15px;overflow:auto;display:flex}.contentImg{width:10vh;height:10vh;border-radius:8px;flex-shrink:0;object-fit:cover}.multiPage{flex-wrap:wrap;gap:10px}.multiPage>div,.multiAdapt>div{flex:1 0 400px;max-width:100%;max-width:-moz-available;max-width:-webkit-fill-available}.topDialog,.fullDialog{position:fixed;top:5vh;left:15vw;width:70vw;border-radius:12px;transition:opacity .2s ease-in-out}.topDialog{backdrop-filter:blur(8px) brightness(30%);-webkit-backdrop-filter:blur(8px) brightness(30%);pointer-events:none}.fullDialog{top:10vh;max-height:80vh;background-color:var(--struct);width:70vw;overflow:auto}.dialogContainer{-webkit-backdrop-filter:blur(16px) brightness(40%);backdrop-filter:blur(16px) brightness(40%);z-index:2;opacity:0;transition:opacity .2s ease-in-out;width:100vw;height:100vh;position:fixed;top:0;left:0}a{color:var(--text)}.circular>div{flex-wrap:wrap;gap:5px}.circular,.circular>div{overflow:auto}.circular{flex:1 0 fit-content}.flexWrap{flex-wrap:wrap;gap:5px}.spanLink{text-decoration:underline}.drop{border-radius:8px;border:1px dashed var(--text)}@keyframes spinner{0%{transform:scale(0)}75%{transform:scale(1)}to{transform:scale(0)}}.spinner{border-radius:50%;width:24px;height:24px;animation:spinner 1s ease-in-out infinite;background-color:var(--accent);z-index:1}.fullSpinner{position:fixed;top:calc(50vh - 50px);left:calc(50vw - 50px);width:100px;height:100px}.fullDialogPadding{padding:20px 15px}.toolNav{display:flex;flex-wrap:wrap;gap:6px;padding:8px;margin-bottom:12px;border:1px solid var(--second);border-radius:12px;background:linear-gradient(180deg,#4d4d4d73,#313131b3);box-shadow:0 12px 35px #0000001f}.toolNav button{width:auto;flex:0 1 auto;padding:9px 14px;border-color:#fafafa26;background:transparent;white-space:nowrap}.toolNav button:hover{background:var(--second);filter:none}.toolNav button.active{background:var(--accent);box-shadow:0 0 0 1px #13837559,0 0 20px #1383752e}.toolNav button span{margin-left:5px;padding:2px 6px;border-radius:999px;background:var(--text);color:var(--accent);font-size:10px;font-weight:700}.resize-card,.preview-card{min-width:0}.tool-subtitle{margin-top:-6px;opacity:.78}.resize-select{margin-top:8px}.resize-control-card,.export-card{margin-top:12px}.range-value{text-align:center;margin:8px 0 0;font-weight:600}.normal-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.normal-settings-grid.compact{align-items:stretch}.normal-setting,.toggle-row{min-width:0;padding:12px;border-radius:10px;background:var(--accent)}.normal-setting>label,.toggle-row strong{display:block;font-weight:700;margin-bottom:7px}.normal-setting small,.toggle-row small{display:block;margin-top:7px;opacity:.78;line-height:1.35}.value-row{display:flex;align-items:center;gap:8px}.value-row input[type=range]{min-width:0}.value-row output{min-width:54px;padding:6px 8px;border-radius:7px;background:var(--struct);text-align:center;font-variant-numeric:tabular-nums}.toggle-row{display:flex;align-items:center;gap:10px}.toggle-row input[type=checkbox]{flex:0 0 65px;margin-right:0}.normal-info,.normal-preview-info{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:12px 14px;border-radius:10px;background:linear-gradient(90deg,#13837538,#4d4d4d73);border:1px solid rgba(19,131,117,.45)}.normal-info span,.normal-preview-info span{opacity:.78;font-size:.92rem}.preview-card .canvasContainer{min-height:220px;padding:12px;border-radius:12px;background:#202020;border:1px solid var(--second)}.preview-card canvas{image-rendering:auto;box-shadow:0 14px 40px #00000047}@media (max-width: 760px){.normal-settings-grid{grid-template-columns:1fr}.toolNav{overflow-x:auto;flex-wrap:nowrap}.toolNav button{flex:0 0 auto}}:root{--ui-bg: #07111f;--ui-panel: #0b1727;--ui-panel-2: #101f31;--ui-border: rgba(119, 171, 202, .18);--ui-accent: #11c7a2;--ui-blue: #18a9ff;--ui-muted: #91a4b8}body{background:radial-gradient(circle at 50% -20%,#102b3c 0%,var(--background) 42%)}.toolNav{background:#07111fd1;border-color:var(--ui-border);box-shadow:0 14px 40px #00000038}.toolNav button{background:#0c1c2bb3;border-color:#78aac81f}.toolNav button.active{background:linear-gradient(135deg,#0e8e79,#087b69);box-shadow:0 0 24px #11c7a229}.multiPage{align-items:stretch;gap:16px}.multiPage>div,.multiPage>.resize-card,.multiPage>.filter-card{flex:1 1 0;min-width:0}.resize-card,.filter-card,.preview-card{background:linear-gradient(180deg,#0c1827f5,#07111df5);border:1px solid var(--ui-border);box-shadow:0 18px 50px #0000002e}.image-picker-card,.card:has(.contentImg){background:linear-gradient(180deg,#0a1928f5,#07111df5);border:1px solid var(--ui-border)}.contentImg{border:1px solid rgba(24,169,255,.35);box-shadow:0 8px 24px #00000040}.filter-card{padding:18px}.filter-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.filter-heading .tool-subtitle{margin:-4px 0 0 38px;font-size:.86rem;color:var(--ui-muted)}.filter-reset{width:auto;min-width:100px;padding:8px 12px;background:#0a1c2ce6;border:1px solid rgba(24,169,255,.35);color:var(--text)}.filter-reset:hover{background:#11c7a21f;filter:none}.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filter-control{min-width:0;padding:10px 11px;border:1px solid rgba(120,170,200,.13);border-radius:10px;background:linear-gradient(180deg,#101f31f5,#0a1725f5)}.filter-control.filter-wide{grid-column:1 / -1;display:grid;grid-template-columns:minmax(130px,180px) 1fr;align-items:center;gap:12px}.filter-label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:650;white-space:nowrap}.filter-icon{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;color:var(--ui-accent);border:1px solid rgba(17,199,162,.25);background:#11c7a214;font-size:13px}.filter-input-row{display:grid;grid-template-columns:minmax(70px,1fr) 58px auto;align-items:center;gap:8px;margin-top:8px}.filter-range{min-width:0;margin:0;accent-color:var(--ui-accent)}.filter-number{width:58px!important;min-width:0;margin:0!important;padding:6px 7px!important;border:1px solid rgba(120,170,200,.18)!important;background:#040c16cc!important;border-radius:7px!important;text-align:center;font-variant-numeric:tabular-nums}.filter-unit{min-width:22px;color:var(--ui-muted);font-size:.78rem}.filter-text{width:100%!important;margin:0!important;min-width:0;background:#040c16cc!important;border-color:#78aac82e!important}.normal-setting,.toggle-row{background:linear-gradient(180deg,#102d38,#0c2631);border:1px solid rgba(17,199,162,.18)}.normal-info,.normal-preview-info{background:linear-gradient(90deg,#11c7a214,#18a9ff0d)}@media (max-width: 900px){.filter-grid{grid-template-columns:1fr}.filter-control.filter-wide{grid-column:auto;grid-template-columns:1fr}}@media (max-width: 760px){.filter-heading{flex-direction:column}.filter-reset{align-self:flex-end}}:root{--ui-bg: #06111f;--ui-panel: #091827;--ui-panel-2: #0d2134;--ui-border: rgba(82, 153, 190, .18);--ui-border-strong: rgba(17, 199, 162, .34);--ui-accent: #11c7a2;--ui-blue: #18a9ff;--ui-muted: #8fa5b9;--ui-text: #edf7ff}body{min-width:320px;margin:0;padding:16px;background:radial-gradient(circle at 50% -18%,rgba(21,76,101,.34),transparent 42%),linear-gradient(180deg,#06111f,#040d18);color:var(--ui-text)}h1,h2,h3,h4,p{color:inherit}button,select,input{font-family:inherit}header,body>div:first-of-type{max-width:1440px;margin-inline:auto}body>.flex.hcenter.wcenter{justify-content:flex-start;gap:2px;padding:2px 4px 10px}body>.flex.hcenter.wcenter h1{font-size:1.08rem;letter-spacing:-.01em}body>.flex.hcenter.wcenter+p{margin:-4px 0 12px 4px;color:var(--ui-muted);font-size:.86rem}.toolNav{max-width:1440px;margin:0 auto 14px;padding:8px;gap:8px;border:1px solid var(--ui-border);border-radius:12px;background:#071522c2;box-shadow:inset 0 1px #ffffff06,0 18px 45px #00000029}.toolNav button{min-height:38px;padding:8px 14px;border:1px solid rgba(90,145,175,.17);border-radius:9px;background:#0b1e2fc2;color:#eaf5fc}.toolNav button.active{border-color:#11c7a2a6;background:linear-gradient(135deg,#0c8f7af5,#056d62f5);box-shadow:0 0 22px #11c7a21f}.image-picker-card{max-width:1440px;margin:0 auto 14px;padding:14px 16px 12px;border:1px solid var(--ui-border);border-radius:12px;background:linear-gradient(180deg,#091a2af5,#05111df5);box-shadow:0 16px 42px #00000024}.image-picker-card>div:first-child{min-height:86px;gap:8px!important}.image-picker-card .contentImg{width:84px;height:84px;object-fit:cover;border-radius:9px;border:1px solid rgba(17,199,162,.5)}.image-picker-card>br{display:none}.image-picker-card>.flex:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px!important;margin-top:10px}.image-picker-card button{min-height:48px;border-radius:9px;border:1px solid rgba(24,169,255,.24);background:#081d2eb8}.image-picker-card button:first-child{border-style:dashed;border-color:#18a9ff7a;background:#081c2e99}.image-picker-card button:last-child{border-color:#11c7a273}.filter-card{max-width:1440px;margin:0 auto 14px;padding:16px;border:1px solid var(--ui-border);border-radius:12px;background:linear-gradient(180deg,#081929fa,#05111dfa);box-shadow:0 18px 48px #0000002e}.filter-heading{align-items:center;margin-bottom:12px}.filter-title-wrap .tool-subtitle,.filter-heading .tool-subtitle{margin:-3px 0 0 38px;color:var(--ui-muted);font-size:.78rem}.filter-reset{min-width:92px;min-height:36px;padding:7px 11px;border:1px solid rgba(100,160,190,.2);border-radius:8px;background:#071928cc;font-size:.78rem}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.filter-control{min-width:0;min-height:72px;padding:9px 10px;border:1px solid rgba(88,147,177,.15);border-radius:9px;background:linear-gradient(180deg,#0e1f30f5,#081523f5)}.filter-control.filter-wide{grid-column:span 2;display:grid;grid-template-columns:105px 1fr;align-items:center;gap:10px}.filter-label{gap:7px;font-size:.8rem;font-weight:650}.filter-icon{width:21px;height:21px;border-radius:6px;color:var(--ui-accent);border:1px solid rgba(17,199,162,.22);background:#11c7a212;font-size:12px}.filter-input-row{grid-template-columns:minmax(45px,1fr) 48px auto;gap:6px;margin-top:8px}.filter-range{height:5px;accent-color:var(--ui-accent)}.filter-number{width:48px!important;padding:5px 4px!important;border-radius:7px!important;border-color:#5a96b429!important;font-size:.78rem}.filter-unit{min-width:18px;font-size:.72rem}.filter-text{padding:8px!important;border-radius:7px!important;font-size:.75rem}.settings-workspace{max-width:1440px;margin:0 auto 14px;display:grid;grid-template-columns:1fr;gap:14px}.settings-workspace.normal-workspace{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.settings-panel{min-width:0;padding:16px;border:1px solid var(--ui-border);border-radius:12px;background:linear-gradient(180deg,#091929fa,#05111dfa);box-shadow:0 18px 48px #00000029}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.panel-heading .tool-subtitle{margin:-3px 0 0 38px;color:var(--ui-muted);font-size:.76rem}.normal-top-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10px}.normal-top-grid label,.dimension-field label,.normal-setting label{display:block;margin-bottom:6px;font-size:.78rem;font-weight:650}.normal-top-grid select,.resize-mode-row select,.export-card select,.normal-setting select{min-height:38px;margin:0;padding:8px 10px;border:1px solid rgba(86,145,175,.18);border-radius:8px;background:#091b2be0!important}.normal-top-grid small{display:block;margin-top:4px;color:var(--ui-muted);font-size:.7rem}.normal-detail-range{display:grid;grid-template-columns:minmax(0,1fr) 60px;align-items:center;gap:8px;margin-top:8px}.normal-detail-range output,.value-row output,.resize-slider output,.quality-row output{padding:6px 7px;border:1px solid rgba(88,147,177,.16);border-radius:7px;background:#040d17b8;text-align:center;font-size:.78rem;font-variant-numeric:tabular-nums}.normal-settings-grid{margin-top:10px;gap:8px}.normal-setting,.toggle-row{padding:10px;border:1px solid rgba(17,199,162,.14);border-radius:9px;background:linear-gradient(180deg,#0e2532b8,#091c28b8)}.normal-setting small,.toggle-row small{margin-top:6px;color:var(--ui-muted);font-size:.7rem}.info-dot{display:inline-grid;place-items:center;width:14px;height:14px;margin-left:2px;border:1px solid rgba(24,169,255,.42);border-radius:50%;color:var(--ui-blue);font-size:9px}.value-row{gap:7px}.value-row output{min-width:54px}.toggle-row input[type=checkbox]{flex:0 0 42px;width:42px;min-width:42px;height:18px;margin:0}.toggle-row input[type=checkbox]:before{width:14px;height:14px;top:2px;left:2px}.toggle-row input[type=checkbox]:checked:before{transform:translate(23px)}.normal-info,.privacy-panel{margin-top:10px;padding:10px 12px;border:1px solid rgba(17,199,162,.34);border-radius:9px;background:linear-gradient(90deg,#11c7a214,#18a9ff0a)}.normal-info strong,.privacy-panel strong{display:block;font-size:.78rem}.normal-info span,.privacy-panel p{display:block;margin:3px 0 0;color:var(--ui-muted);font-size:.7rem;line-height:1.4}.resize-mode-row{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(0,1.25fr);gap:10px;align-items:center}.resize-select{margin:0}.resize-slider{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:8px;align-items:center}.resize-slider input[type=range]{margin:0}.resize-fixed{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;align-items:center}.resize-fixed input{width:100%!important;box-sizing:border-box}.resize-dimensions{display:grid;grid-template-columns:1fr 32px 1fr;gap:8px;align-items:end;margin-top:10px}.dimension-field{padding:9px;border:1px solid rgba(88,147,177,.14);border-radius:9px;background:#0a1c2cad}.dimension-field input{width:100%!important;box-sizing:border-box}.aspect-link{align-self:center;text-align:center;color:var(--ui-blue);font-size:1.2rem}.aspect-toggle{display:flex;align-items:center;gap:8px;min-height:36px;color:var(--ui-muted);font-size:.76rem}.fake-switch{width:32px;height:17px;border-radius:999px;background:var(--ui-accent);position:relative}.fake-switch:after{content:"";position:absolute;top:2px;right:2px;width:13px;height:13px;border-radius:50%;background:#f5fbff}.export-card{margin-top:12px;padding:0;background:transparent!important}.export-card h3{margin:0 0 7px;font-size:.9rem}.quality-row{display:grid;grid-template-columns:55px 1fr 54px;align-items:center;gap:8px;margin-top:10px;font-size:.76rem}.privacy-panel{display:flex;align-items:center;gap:10px}.privacy-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid rgba(17,199,162,.45);border-radius:8px;color:var(--ui-accent);font-size:1rem}.preview-card,body>.card:has(.canvasContainer){max-width:1440px;margin:0 auto 14px;padding:14px 16px;border:1px solid var(--ui-border);border-radius:12px;background:linear-gradient(180deg,#081929fa,#05111dfa);box-shadow:0 18px 48px #0000002e}body>.card:has(.canvasContainer)>.canvasContainer,.preview-card .canvasContainer{min-height:240px;padding:14px;border:1px solid rgba(70,130,160,.16);border-radius:10px;background:linear-gradient(45deg,rgba(255,255,255,.018) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.018) 25%,transparent 25%),#06111d;background-size:24px 24px;overflow:auto}body>.card:has(.canvasContainer) canvas,.preview-card canvas{max-width:100%;height:auto;display:block;margin:auto;box-shadow:0 18px 42px #00000052}body>.card:has(.canvasContainer)>.flex{gap:10px}body>.card:has(.canvasContainer)>.flex button{min-height:46px;border-radius:9px;border:1px solid rgba(24,169,255,.3);background:linear-gradient(135deg,#087e6fe6,#065b69e6)}body>.card:has(.canvasContainer)>.flex:nth-of-type(2) button{background:#0a1c2cc7}@media (max-width: 1050px){.settings-workspace.normal-workspace{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-control.filter-wide{grid-column:span 2}}@media (max-width: 760px){body{padding:10px}.image-picker-card>.flex:last-child{grid-template-columns:1fr}.filter-heading{align-items:flex-start;flex-direction:column}.filter-reset{align-self:flex-end}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-control.filter-wide{grid-column:1 / -1}.normal-top-grid,.normal-settings-grid,.resize-mode-row,.resize-dimensions{grid-template-columns:1fr}.aspect-link{display:none}.quality-row{grid-template-columns:55px 1fr 54px}body>.card:has(.canvasContainer)>.flex{flex-direction:column}}@media (max-width: 480px){.filter-grid{grid-template-columns:1fr}.filter-control.filter-wide{grid-column:auto;display:block}}.preview-card{max-width:1440px;margin:0 auto 14px;padding:14px 16px;border:1px solid var(--ui-border);border-radius:12px;background:linear-gradient(180deg,#081929fa,#05111dfa)}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.preview-heading .tool-subtitle,.preview-heading p{margin:3px 0 0 38px;color:var(--ui-muted);font-size:.76rem}.preview-format{padding:7px 10px;border:1px solid rgba(17,199,162,.28);border-radius:8px;background:#11c7a20f;color:#c9f7eb;font-size:.72rem;white-space:nowrap}.preview-layout{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr);gap:14px;align-items:stretch}.preview-layout .canvasContainer{min-height:260px;padding:14px;border:1px solid rgba(70,130,160,.16);border-radius:10px;background:linear-gradient(45deg,rgba(255,255,255,.018) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.018) 25%,transparent 25%),#06111d;background-size:24px 24px;overflow:auto}.preview-layout canvas{max-width:100%;height:auto;display:block;margin:auto;box-shadow:0 18px 42px #00000052}.preview-actions{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-actions button,.batch-action{width:100%;min-height:54px;border-radius:9px;border:1px solid rgba(24,169,255,.26);text-align:left}.export-actions button{padding:10px 14px}.export-actions strong,.batch-action strong{display:block;font-size:.8rem}.export-actions span,.batch-action span{display:block;margin-top:3px;color:#e8f5fda8;font-size:.68rem}.export-primary{background:linear-gradient(135deg,#099380f0,#056764f0);border-color:#11c7a27a!important}.export-secondary,.batch-action{background:#091d2ed1}.batch-action{padding:11px 14px}.zip-option{display:flex;align-items:center;gap:10px;min-height:48px;padding:9px 12px;border:1px solid rgba(88,147,177,.15);border-radius:9px;background:#081624b8;cursor:pointer}.zip-option input[type=checkbox]{flex:0 0 42px;width:42px;min-width:42px;height:18px;margin:0}.zip-option input[type=checkbox]:before{width:14px;height:14px;top:2px;left:2px}.zip-option input[type=checkbox]:checked:before{transform:translate(23px)}.zip-option strong{display:block;font-size:.77rem}.zip-option small{display:block;margin-top:2px;color:var(--ui-muted);font-size:.68rem}@media (max-width: 850px){.preview-layout{grid-template-columns:1fr}.preview-layout .canvasContainer{min-height:220px}}@media (max-width: 560px){.export-actions{grid-template-columns:1fr}.preview-heading{align-items:flex-start;flex-direction:column}.preview-format{white-space:normal}}.live-editing-workspace{max-width:1440px;margin:0 auto 14px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px;align-items:stretch}.live-editing-workspace>.filter-card,.live-editing-workspace>.preview-card{width:auto;max-width:none;margin:0;min-width:0;height:100%;box-sizing:border-box}.live-editing-workspace>.filter-card{display:flex;flex-direction:column}.live-editing-workspace>.filter-card .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));flex:1 1 auto;align-content:start}.live-editing-workspace>.filter-card .filter-control{min-height:70px}.live-editing-workspace>.filter-card .filter-control.filter-wide{grid-column:1 / -1}.live-editing-workspace>.preview-card{display:flex;flex-direction:column}.live-editing-workspace>.preview-card .preview-layout{flex:1 1 auto;grid-template-columns:minmax(0,1fr)}.live-editing-workspace>.preview-card .preview-layout .canvasContainer{min-height:320px;height:100%;max-height:560px;display:flex;align-items:center;justify-content:center}.live-editing-workspace>.preview-card .preview-actions{justify-content:flex-start}.preview-heading-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.preview-live-badge{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:4px 8px;border:1px solid rgba(17,199,162,.3);border-radius:999px;background:#11c7a212;color:#9cebd9;font-size:.65rem;font-weight:750;letter-spacing:.04em}.preview-live-badge:first-letter{color:var(--ui-accent)}.dimension-label{display:block;margin-bottom:6px;font-size:.78rem;font-weight:650}@media (max-width: 1100px){.live-editing-workspace{grid-template-columns:1fr}.live-editing-workspace>.preview-card .preview-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}.live-editing-workspace>.preview-card .preview-layout .canvasContainer{min-height:300px}}@media (max-width: 760px){.live-editing-workspace{grid-template-columns:1fr}.live-editing-workspace>.filter-card .filter-grid{grid-template-columns:1fr}.live-editing-workspace>.filter-card .filter-control.filter-wide{grid-column:auto}.live-editing-workspace>.preview-card .preview-layout{grid-template-columns:1fr}.live-editing-workspace>.preview-card .preview-layout .canvasContainer{min-height:240px;max-height:420px}.preview-heading-meta{justify-content:flex-start}}body{max-width:1500px;margin:0 auto;box-sizing:border-box}.hero-header{position:relative;max-width:1440px;margin:0 auto 14px;padding:18px 18px 14px;overflow:hidden;border:1px solid rgba(82,153,190,.16);border-radius:14px;background:radial-gradient(circle at 50% 30%,rgba(17,199,162,.08),transparent 38%),linear-gradient(180deg,#061626f0,#050f1be0)}.hero-header:before,.hero-header:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(2px)}.hero-header:before{width:460px;height:160px;left:-180px;top:105px;border:1px solid rgba(24,169,255,.14);transform:rotate(-12deg);box-shadow:0 0 60px #18a9ff0f}.hero-header:after{width:420px;height:150px;right:-160px;top:120px;border:1px solid rgba(17,199,162,.12);transform:rotate(14deg)}.hero-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(17,199,162,.34);border-radius:9px;background:#11c7a20f;box-shadow:0 0 18px #11c7a214}.brand-home-link{display:inline-flex;align-items:center;color:inherit;text-decoration:none;border-radius:8px}.brand-home-link:hover{color:inherit;text-decoration:none;filter:none}.brand-name{font-size:1.05rem;font-weight:760;letter-spacing:-.02em}.hero-mini-note{color:var(--ui-muted);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.hero-content{position:relative;z-index:1;max-width:920px;margin:36px auto 26px;text-align:center}.hero-eyebrow{margin:0 0 10px;color:var(--ui-accent);font-size:.68rem;font-weight:800;letter-spacing:.16em}.hero-content h1{margin:0;color:var(--ui-text);font-size:clamp(2.25rem,5vw,4.25rem);line-height:1.04;letter-spacing:-.045em}.hero-description{max-width:780px;margin:16px auto 0;color:#b9c9d8;font-size:clamp(.92rem,1.8vw,1.08rem);line-height:1.55}.hero-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.hero-trust span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 13px;border:1px solid rgba(82,153,190,.16);border-radius:999px;background:#081929b8;color:#c9d9e6;font-size:.75rem}.hero-trust b{color:var(--ui-accent)}.format-cloud{position:absolute;z-index:0;top:108px;left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none;opacity:.92}.format-chip{display:grid;place-items:center;min-width:68px;min-height:68px;padding:7px 10px;border:1px solid;border-radius:14px;font-size:.78rem;font-weight:800;transform:rotate(-7deg);box-shadow:0 16px 40px #00000038}.format-chip:nth-child(2n){transform:rotate(7deg) translateY(16px)}.format-cyan{color:#2de3d0;border-color:#2de3d059;background:#2de3d00f}.format-blue{color:#42b8ff;border-color:#42b8ff59;background:#42b8ff0f}.format-purple{color:#c27dff;border-color:#c27dff59;background:#c27dff0f}.format-green{color:#80e66a;border-color:#80e66a59;background:#80e66a0f}.format-orange{color:#ffb44d;border-color:#ffb44d59;background:#ffb44d0f}.format-violet{color:#b998ff;border-color:#b998ff59;background:#b998ff0f}.upload-hero-card{position:relative;z-index:2;max-width:840px;margin:0 auto 12px;padding:10px;border:1px solid rgba(17,199,162,.25);border-radius:16px;background:linear-gradient(180deg,#081929f0,#05121ff5);box-shadow:0 22px 70px #00000040,0 0 35px #11c7a20d}.upload-hero-inner{min-height:275px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 24px;text-align:center;border:1px dashed rgba(17,199,162,.58);border-radius:12px;background:radial-gradient(circle at 50% 20%,rgba(17,199,162,.08),transparent 42%),#05121f94}.upload-icon-wrap{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border:1px solid rgba(17,199,162,.32);border-radius:12px;color:var(--ui-accent);font-size:2rem;background:#11c7a20f}.upload-hero-inner h2{margin:0;color:var(--ui-text);font-size:1.35rem;letter-spacing:-.02em}.upload-formats{margin:7px 0 17px;color:var(--ui-muted);font-size:.82rem}.add-images-button{width:auto;min-width:190px;min-height:46px;padding:10px 20px;border:1px solid rgba(17,199,162,.56);border-radius:10px;background:linear-gradient(135deg,#0cae97,#087f77);box-shadow:0 10px 28px #11c7a224;font-size:.9rem;font-weight:760}.add-images-button span{margin-right:6px;font-size:1.15rem}.add-images-button:hover{filter:brightness(112%)}.upload-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:13px}.upload-secondary{width:auto;min-width:150px;padding:7px 11px;border:1px solid rgba(82,153,190,.2);background:#081929b8;color:#bcd0df;font-size:.72rem}.folder-toggle{display:inline-flex;align-items:center;gap:7px;color:var(--ui-muted);font-size:.72rem;cursor:pointer}.folder-toggle input[type=checkbox]{flex:0 0 34px;width:34px;min-width:34px;height:17px;margin:0}.folder-toggle input[type=checkbox]:before{width:13px;height:13px;top:2px;left:2px}.folder-toggle input[type=checkbox]:checked:before{transform:translate(17px)}.upload-privacy{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:17px;color:var(--ui-muted);font-size:.7rem}.upload-privacy span:first-child{color:var(--ui-accent);font-size:.95rem}.upload-privacy strong{color:#cce8e2}.format-nav-preview{max-width:1440px;margin:0 auto 12px;display:flex;gap:8px;overflow-x:auto;padding:8px;border:1px solid var(--ui-border);border-radius:12px;background:#06111fc2}.format-nav-preview button{flex:1 0 auto;width:auto;min-height:40px;padding:8px 14px;white-space:nowrap;border:1px solid rgba(82,153,190,.15);background:#0a1c2cc2;font-size:.76rem}.format-nav-preview button:hover{background:#11c7a214;border-color:#11c7a24d;filter:none}.format-nav-preview span{margin-left:5px;padding:3px 6px;border-radius:999px;background:var(--ui-accent);color:#032019;font-size:.58rem;font-weight:900}.hero-feature-row{max-width:1440px;margin:0 auto 14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:14px 8px;border:1px solid var(--ui-border);border-radius:14px;background:linear-gradient(180deg,#081929e6,#05111de6)}.hero-feature-row>div{display:flex;align-items:center;gap:10px;min-width:0;padding:4px 16px;border-right:1px solid rgba(82,153,190,.12)}.hero-feature-row>div:last-child{border-right:0}.feature-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(17,199,162,.25);border-radius:50%;color:var(--ui-accent);background:#11c7a20f;font-size:1.05rem}.hero-feature-row strong,.hero-feature-row small{display:block}.hero-feature-row strong{color:var(--ui-text);font-size:.76rem}.hero-feature-row small{margin-top:3px;color:var(--ui-muted);font-size:.64rem;line-height:1.4}@media (max-width: 1000px){.format-cloud{opacity:.42}.hero-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-feature-row>div:nth-child(2){border-right:0}.hero-feature-row>div:nth-child(-n+2){border-bottom:1px solid rgba(82,153,190,.12);padding-bottom:12px}.hero-feature-row>div:nth-child(n+3){padding-top:12px}}@media (max-width: 700px){body{padding:10px}.hero-header{padding:14px 12px 12px}.hero-topline{align-items:flex-start}.hero-mini-note{display:none}.hero-content{margin-top:28px}.hero-content h1{font-size:clamp(2rem,11vw,3rem)}.format-cloud{display:none}.upload-hero-inner{min-height:250px;padding:25px 14px}.hero-feature-row{grid-template-columns:1fr}.hero-feature-row>div,.hero-feature-row>div:nth-child(n){border-right:0;border-bottom:1px solid rgba(82,153,190,.12);padding:11px 10px}.hero-feature-row>div:last-child{border-bottom:0}}@media (max-width: 460px){.hero-trust{flex-direction:column;align-items:stretch}.hero-trust span{justify-content:center}.upload-actions{flex-direction:column}.upload-secondary{width:100%}.upload-privacy{font-size:.64rem}}.settings-trigger{display:none!important;position:fixed;top:18px;right:18px;z-index:3;width:42px!important;height:42px;padding:7px;display:grid;place-items:center;border:1px solid rgba(17,199,162,.24);border-radius:11px;background:#071522d1;box-shadow:0 10px 28px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-trigger img{width:25px;height:25px}.settings-trigger:hover{border-color:#11c7a28c;background:#0a2531f0;filter:none;transform:translateY(-1px)}.dialogContainer{backdrop-filter:blur(18px) brightness(34%);-webkit-backdrop-filter:blur(18px) brightness(34%)}.fullDialog{top:5vh;left:50%;transform:translate(-50%);width:min(920px,calc(100vw - 32px));max-height:90vh;overflow:auto;padding:0;border:1px solid rgba(82,153,190,.2);border-radius:18px;background:radial-gradient(circle at 50% 0%,rgba(21,76,101,.18),transparent 42%),linear-gradient(180deg,#081726,#06111f);box-shadow:0 30px 90px #0000007a,0 0 0 1px #11c7a209}.fullDialogPadding{padding:24px}.settings-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 2px 18px;border-bottom:1px solid rgba(82,153,190,.14)}.settings-dialog-head .flex.hcenter.wcenter{justify-content:flex-start}.settings-dialog-head h2{margin:0;font-size:1.35rem;letter-spacing:-.02em}.settings-dialog-head p{margin:5px 0 0 42px;color:var(--ui-muted);font-size:.78rem}.settings-status{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(17,199,162,.25);border-radius:999px;background:#11c7a20f;color:#b8f2e5;font-size:.63rem;font-weight:700;letter-spacing:.08em}.settings-section{margin-top:14px;padding:16px;border:1px solid rgba(82,153,190,.14);border-radius:13px;background:linear-gradient(180deg,#091929f0,#06121ff0)}.settings-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.settings-section-head .flex.hcenter.wcenter{justify-content:flex-start}.settings-section-head h3{margin:0 0 0 10px;font-size:.96rem}.settings-section-head>span{color:var(--ui-muted);font-size:.7rem}.settings-appearance>.flex.hcenter{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;align-items:center}.settings-appearance>.flex.hcenter select{margin:0!important;width:100%}.settings-appearance>br,.settings-section>br{display:none}.settings-appearance>.card{margin-top:12px;padding:12px;border:1px solid rgba(82,153,190,.12);background:#071421b3}.settings-appearance>.card h3{margin:0 0 10px;font-size:.78rem;color:#dcecf6}.settings-appearance .flexWrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.settings-appearance .circular{min-width:0;padding:9px!important;border:1px solid rgba(82,153,190,.13);border-radius:10px;background:linear-gradient(180deg,#0d2134e6,#081726e6)}.settings-appearance .circular>div{display:flex;flex-direction:column;gap:7px;width:100%}.settings-appearance input[type=color]{width:100%!important;height:34px;margin:0;padding:2px;border:1px solid rgba(90,150,180,.2);border-radius:7px;background:#040d17cc}.settings-appearance .circular label{color:#d7e8f2;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-section .checkContainer{min-height:46px;padding:9px 11px;border:1px solid rgba(82,153,190,.13);border-radius:9px;background:#081624ad;color:#dcecf6;font-size:.76rem}.settings-section .checkContainer input[type=number]{width:80px!important;margin:0 9px!important}.settings-section input[type=text]{box-sizing:border-box;min-height:40px;border-color:#5299be2e;background:#040d17c7}.settings-section p,.settings-section i{color:var(--ui-muted);font-size:.73rem;line-height:1.45}.settings-advanced{border-color:#18a9ff26}.settings-license-section .second.card,.settings-license-section .card{background:#071421b3;border:1px solid rgba(82,153,190,.12)}.fullDialog>.fullDialogPadding>button{position:sticky;bottom:0;width:100%;margin-top:14px;min-height:42px;border:1px solid rgba(17,199,162,.42);border-radius:9px;background:linear-gradient(135deg,#099380f0,#056764f0)}@media (max-width: 720px){.fullDialogPadding{padding:16px}.settings-dialog-head{align-items:flex-start}.settings-status{display:none}.settings-appearance .flexWrap{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-appearance>.flex.hcenter{grid-template-columns:1fr}.settings-section-head{align-items:flex-start;flex-direction:column}}.paylan-footer{width:min(964px,calc(100% - 28px));margin:26px auto 0;border:1px solid #0b5271;border-radius:15px;background:linear-gradient(180deg,#071928f5,#051420f5);box-shadow:0 12px 34px #00000024}.paylan-footer-inner{min-height:72px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.paylan-footer-brand{display:flex;align-items:center;gap:11px}.paylan-footer-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(0,201,255,.45);border-radius:10px;color:#11c7ff;background:#0091be14;font-size:17px}.paylan-footer-brand div{display:flex;flex-direction:column;gap:3px}.paylan-footer-brand strong{color:#f1f8ff;font-size:.9rem;line-height:1}.paylan-footer-brand span:not(.paylan-footer-icon){color:#79a9c2;font-size:.68rem}.paylan-footer-copy{color:#7fa9bd;font-size:.68rem;white-space:nowrap}@media (max-width: 620px){.paylan-footer-inner{padding:14px 16px;align-items:flex-start;flex-direction:column}.paylan-footer-copy{white-space:normal}}.assetButton.svelte-cc73le{width:auto;padding:0;border:0;background:transparent;line-height:0}.assetButton.svelte-cc73le:hover,.assetButton.svelte-cc73le:active{filter:none;background:transparent}canvas.svelte-684gke{object-fit:contain;height:auto;border-radius:8px}canvas.svelte-684gke,.canvasContainer.svelte-684gke{max-width:calc(100vw - 56px);max-height:80vh}.dialogClose.svelte-a4w2dl{width:auto;margin-left:10px;padding:4px 8px;border:0;background:transparent;text-decoration:underline}.dialogClose.svelte-a4w2dl:hover,.dialogClose.svelte-a4w2dl:active{background:transparent;filter:brightness(130%)}li.svelte-2mabgc{margin-bottom:10px}