@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap";:root{color:#f3f5f7;background:#0a0c0f;font-family:DM Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page-title-size: clamp(30px, 4vw, 42px)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;background:radial-gradient(circle at 80% -20%,#20362f 0,transparent 33%),#0a0c0f}.app-header{height:68px;padding:0 24px;border-bottom:1px solid #24282d;display:flex;align-items:center;justify-content:space-between;background:#0a0c0fd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{color:#fff;text-decoration:none;font:700 19px Space Grotesk;display:flex;align-items:center;gap:10px}.brand span,.upload-icon{display:grid;place-items:center;color:#0b1612;background:#9bf5c9;border-radius:9px}.brand span{width:32px;height:32px}.header-actions{display:flex;gap:9px}.app-tabs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #2d3439;border-radius:9px;background:#12161a;padding:3px;display:flex;gap:3px}.app-tabs button{border:0;border-radius:6px;background:transparent;color:#737e85;padding:6px 10px;display:flex;align-items:center;gap:5px;cursor:pointer;font-size:10px;font-weight:700}.app-tabs button.active{background:#20382c;color:#aff1ce}.primary-button,.secondary-button{border-radius:9px;border:1px solid transparent;padding:9px 14px;display:flex;gap:7px;align-items:center;cursor:pointer;font-weight:600}.primary-button{background:#9bf5c9;color:#0b1612}.secondary-button{background:#191d21;border-color:#30353b;color:#e7eaed}button:disabled{opacity:.42;cursor:not-allowed}.header-account{display:flex;align-items:center;gap:8px}.account-button{max-width:260px;height:38px;border:1px solid #30373d;border-radius:9px;background:#171b1f;color:#e5e9eb;padding:0 12px;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:11px;font-weight:700}.account-button:hover{border-color:#496957;background:#18221d}.account-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-badge{border:1px solid #35443c;border-radius:12px;background:#18221d;color:#9fcbb4;padding:4px 8px;font-size:9px;font-weight:800;white-space:nowrap}.plan-badge.pro{border-color:#806d3b;background:#2a2416;color:#ead18d}.account-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#020406bd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:18px}.account-modal{position:relative;width:min(420px,100%);border:1px solid #313a40;border-radius:15px;background:#111519;box-shadow:0 28px 80px #0000008c;padding:25px}.account-modal h2{margin:8px 34px 5px 0;color:#f2f5f6;font:700 24px Space Grotesk;overflow-wrap:anywhere}.account-close{position:absolute;right:14px;top:14px;width:31px;height:31px;display:grid;place-items:center;border:1px solid #30383e;border-radius:8px;background:#181d21;color:#8d979e;cursor:pointer}.account-intro{margin:0 0 16px;color:#858f96;font-size:11px;line-height:1.55}.privacy-note{margin:14px 0;border:1px solid #31513f;border-radius:9px;background:#14231b;color:#91bba4;padding:11px;display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.5}.privacy-note svg{flex:0 0 auto;color:#9bf5c9}.privacy-note strong{display:block;color:#b8ebd0}.account-warning,.account-error,.account-notice{margin:10px 0;border-radius:8px;padding:9px 10px;font-size:10px;line-height:1.45}.account-warning{border:1px solid #5a4729;background:#251e14;color:#d9b777}.account-error{border:1px solid #633839;background:#281718;color:#e3a3a5}.account-notice{border:1px solid #31513f;background:#14231b;color:#a3d3b9}.auth-form{display:grid;gap:11px}.auth-form label{display:grid;gap:5px;color:#aab3b8;font-size:10px;font-weight:700}.auth-form input{width:100%;border:1px solid #30383e;border-radius:8px;outline:0;background:#171c20;color:#e8ecee;padding:10px;font-size:12px}.auth-form input:focus{border-color:#55866d}.account-submit{width:100%;justify-content:center;margin-top:3px}.auth-mode-switch{width:100%;margin-top:13px;border:0;background:transparent;color:#8ebba3;padding:5px;cursor:pointer;font-size:10px;font-weight:700}.auth-mode-switch:hover{color:#b6efd3}.account-details{width:min(460px,100%);padding:20px}.account-details h2{margin:3px 34px 1px 0;font:700 16px Space Grotesk}.account-identity{display:flex;align-items:center;gap:12px;padding:2px 0 17px;border-bottom:1px solid #293036}.account-identity>div:last-child{min-width:0}.account-identity>div:last-child>span{color:#707b81;font-size:9px}.account-avatar{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #426b55;border-radius:10px;background:#1a3024;color:#a9e8c7}.account-plan-row{margin:13px 0;border:1px solid #2d353a;border-radius:9px;background:#171b1f;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#89939a;font-size:10px;font-weight:700}.account-plan-row>span:first-child{display:flex;align-items:center;gap:8px}.account-plan-row>span:first-child>svg{color:#8ebca3}.account-plan-row strong,.account-plan-row small{display:block}.account-plan-row strong{color:#cbd4d0;font-size:10px}.account-plan-row small{margin-top:2px;color:#68737a;font-size:8px;font-weight:600}.account-details .privacy-note{margin:0 0 13px;background:#131d18;padding:9px 10px}.account-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.account-sign-out{border:1px solid #30383e;border-radius:8px;background:#181d21;color:#a5afb5;padding:8px 11px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:10px;font-weight:700}.account-sign-out:hover{border-color:#5b4143;color:#d8a6a9}.account-billing-button{border:1px solid #30383e;border-radius:8px;background:#181d21;color:#aab5b0;padding:8px 11px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:10px;font-weight:700}.account-billing-button:hover{border-color:#496b59;color:#b6e7cc}.account-upgrade{justify-content:center;margin-right:auto;padding:8px 12px;font-size:10px}.billing-modal{width:min(570px,100%);max-height:calc(100vh - 36px);overflow-y:auto}.billing-plan-card{margin:17px 0 12px;border:1px solid #304039;border-radius:10px;background:#151d19;padding:13px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.billing-plan-card span,.billing-section>p{color:#818c92;font-size:10px}.billing-plan-card h3,.billing-section h3{margin:3px 0;color:#e1e8e4;font:700 16px Space Grotesk}.billing-plan-card p{margin:0;color:#77838a;font-size:9px;line-height:1.45}.billing-section{margin-bottom:12px;border:1px solid #2d353a;border-radius:10px;background:#151a1e;padding:13px}.billing-section>p{margin:4px 0 12px;line-height:1.5}.billing-purchase-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.billing-purchase-options button{border:1px solid #34433b;border-radius:9px;background:#18221d;color:#aab7b0;padding:10px;cursor:pointer;text-align:left;display:grid;gap:2px}.billing-purchase-options button:hover{border-color:#579071;background:#1b3025}.billing-purchase-options span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.billing-purchase-options strong{color:#e5f1ea;font:700 19px Space Grotesk}.billing-purchase-options small{color:#849087;font:600 8px DM Sans}.billing-purchase-options em{margin-top:4px;color:#8cc3a5;font-size:8px;font-style:normal;font-weight:700}.billing-benefits{margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;list-style:none}.billing-benefits li{color:#87948d;display:flex;align-items:center;gap:5px;font-size:9px}.billing-benefits svg{flex:0 0 auto;color:#9bf5c9}.billing-portal-button{width:100%;justify-content:center;margin-top:4px}.billing-payment-card{margin-bottom:12px;border:1px solid #34414a;border-radius:9px;background:#171d21;color:#87949b;padding:10px;display:flex;align-items:flex-start;gap:8px;font-size:9px;line-height:1.5}.billing-payment-card svg{flex:0 0 auto;color:#a1b9ad}.billing-payment-card strong{display:block;color:#bcc8c2}.billing-limit-note{color:#657078;font-size:8px;text-align:center}.upgrade-benefits{margin:16px 0;padding:0;display:grid;gap:8px;list-style:none}.upgrade-benefits li{display:flex;align-items:center;gap:7px;color:#b5bfc4;font-size:11px}.upgrade-benefits svg{color:#9bf5c9}.upgrade-price{margin:16px 0;display:flex;align-items:baseline;gap:8px}.upgrade-price strong{color:#f2f6f4;font:700 29px Space Grotesk}.upgrade-price span{color:#88939a;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.upgrade-price-options{margin:16px 0;display:flex;gap:8px}.upgrade-price-options span{flex:1;border:1px solid #34423b;border-radius:8px;background:#17211c;color:#8f9b95;padding:9px;display:grid;gap:2px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.upgrade-price-options strong{color:#e7f2ec;font:700 18px Space Grotesk;letter-spacing:0}.pricing-page{width:min(1120px,100%);margin:0 auto;padding:54px 30px 70px}.pricing-hero{max-width:720px;margin:0 auto 32px;text-align:center}.pricing-hero h1{margin:9px 0 10px;color:#f2f6f4;font:700 var(--page-title-size) "Space Grotesk";letter-spacing:-.045em;line-height:1.06}.pricing-hero>p:last-child{max-width:610px;margin:0 auto;color:#838e94;font-size:12px;line-height:1.65}.pricing-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.pricing-card{position:relative;border:1px solid #2d353a;border-radius:16px;background:#111519db;padding:22px;display:flex;flex-direction:column;box-shadow:0 18px 50px #0000002e}.pricing-card.pro-card{border-color:#49745e;background:linear-gradient(145deg,#1c3025e6,#111519f0 55%)}.pro-label{position:absolute;right:14px;top:14px;border-radius:12px;background:#9bf5c9;color:#102018;padding:4px 8px;display:flex;align-items:center;gap:4px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.pricing-card-heading{display:flex;align-items:center;gap:12px}.pricing-icon{width:39px;height:39px;border:1px solid #3b464c;border-radius:10px;background:#1a2024;color:#aab4ba;display:grid;place-items:center}.pricing-icon.pro{border-color:#55866d;background:#1d3528;color:#aff1ce}.pricing-card-heading p{margin:0 0 3px;color:#909ba1;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.pricing-card-heading h2{margin:0;font:700 28px Space Grotesk;letter-spacing:-.03em}.pricing-card-heading h2 small{color:#7b878d;font:600 10px DM Sans;letter-spacing:0}.pricing-card-copy{min-height:36px;margin:18px 0 13px;color:#828d93;font-size:11px;line-height:1.5}.pricing-card ul{margin:14px 0 22px;padding:0;display:grid;gap:9px;list-style:none}.pricing-card li{color:#b5bfc4;display:flex;align-items:center;gap:7px;font-size:11px}.pricing-card li svg{color:#9bf5c9;flex:0 0 auto}.pricing-action{width:100%;margin-top:auto;justify-content:center;min-height:41px}.billing-choice{margin:18px 0 2px;border:1px solid #304039;border-radius:10px;background:#121a16;padding:3px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.billing-choice button{position:relative;border:1px solid transparent;border-radius:7px;background:transparent;color:#849088;padding:8px 10px;cursor:pointer;text-align:left;display:grid;gap:1px}.billing-choice button.active{border-color:#4f7c65;background:#20372b;color:#baf2d4}.billing-choice span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.billing-choice strong{font:700 15px Space Grotesk}.billing-choice em{position:absolute;right:7px;top:7px;color:#88baa0;font-size:7px;font-style:normal;font-weight:800;text-transform:uppercase}.pricing-comparison{margin-top:24px;border:1px solid #2c3439;border-radius:15px;background:#101417d6;padding:20px}.pricing-comparison h2{margin:5px 0 18px;font:700 23px Space Grotesk}.comparison-table{border:1px solid #293137;border-radius:10px;overflow:hidden}.comparison-row{min-height:42px;padding:9px 12px;display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(80px,.7fr));align-items:center;gap:10px;border-top:1px solid #272e33;color:#8b969c;font-size:10px}.comparison-row:first-child{border-top:0}.comparison-row span:first-child{color:#b3bdc2}.comparison-row strong{color:#b9efd2}.comparison-heading{background:#171c20;color:#6f7980;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.pricing-privacy{width:fit-content;margin:18px auto 0;color:#82958a;display:flex;align-items:center;gap:8px;font-size:9px}.pricing-privacy svg{color:#9bf5c9}.pricing-privacy strong{color:#a8cab8}.about-page{width:min(1280px,100%);margin:0 auto;padding:44px 30px 70px;display:grid;grid-template-columns:170px minmax(0,1fr);align-items:start;gap:28px}.about-content{min-width:0}.about-sidebar{position:sticky;top:92px;border-left:1px solid #303a35;padding:3px 0 3px 13px;display:grid;gap:3px}.about-sidebar p{margin:0 0 7px;color:#6e7a74;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.about-sidebar a{border-radius:6px;color:#8c9892;padding:7px 8px;text-decoration:none;font-size:12px;font-weight:600}.about-sidebar a:hover{background:#17211c;color:#b4ebcf}.about-hero{max-width:800px;margin-bottom:30px;scroll-margin-top:90px}.about-hero h1{margin:9px 0 0;color:#f3f6f5;font:700 var(--page-title-size) "Space Grotesk";letter-spacing:-.045em;line-height:1.06}.about-hero h2{margin:9px 0 12px;color:#b5c0bb;font:600 clamp(20px,2.5vw,26px) "Space Grotesk";letter-spacing:-.025em}.about-hero>p:last-of-type{max-width:720px;margin:0;color:#919ca2;font-size:15px;line-height:1.7}.about-actions{margin-top:18px;display:flex;gap:8px}.about-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;scroll-margin-top:90px}.about-feature,.about-story-grid article,.about-wide-section,.about-faq{border:1px solid #2b3338;border-radius:13px;background:#111518d6}.about-feature{padding:19px}.about-feature>span{width:33px;height:33px;display:grid;place-items:center;border:1px solid #3b5648;border-radius:8px;background:#18271f;color:#a6e8c4}.about-feature h2{margin:14px 0 7px;color:#dce3e0;font-size:15px}.about-feature p,.about-story-grid p,.about-wide-section p{margin:0;color:#8f9aa0;font-size:13px;line-height:1.7}.about-story-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;scroll-margin-top:90px}.about-story-grid article,.about-wide-section{padding:24px}.about-story-grid h2,.about-wide-section h2,.about-faq h2{margin:7px 0 11px;color:#e7ece9;font:700 24px Space Grotesk;letter-spacing:-.035em}.about-privacy-card{border-color:#3b654f!important;background:linear-gradient(145deg,#192f23eb,#111518e0)!important}.about-privacy-card>svg{margin-bottom:14px;color:#9bf5c9}.about-privacy-card>div{margin-top:15px;display:flex;flex-wrap:wrap;gap:5px}.about-privacy-card>div span{border:1px solid #426650;border-radius:12px;background:#172a20;color:#9fcbb4;padding:4px 7px;font-size:8px;font-weight:700}.about-wide-section{margin-top:14px;scroll-margin-top:90px}.about-wide-section p{max-width:900px;margin-top:8px}.about-text-action{margin-top:14px;border:0;background:transparent;color:#9edbbb;padding:0;cursor:pointer;font-size:10px;font-weight:800}.about-text-action:hover{color:#c1f5d9}.about-limitations{margin:12px 0 0;padding:0;display:grid;gap:7px;list-style:none}.about-limitations li{color:#929da3;display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5}.about-limitations svg{flex:0 0 auto;color:#9bcdb3}.about-faq{margin-top:14px;padding:24px;scroll-margin-top:90px}.faq-grid{margin-top:18px;display:grid;grid-template-columns:1fr;gap:8px}.faq-grid details{border:1px solid #2d353a;border-radius:9px;background:#151a1e;padding:0 14px}.faq-grid summary{color:#c5ced2;padding:14px 0;cursor:pointer;font-size:13px;font-weight:700}.faq-grid details[open]{border-color:#3b5749;background:#152019}.faq-grid p{max-width:850px;margin:0;padding:0 0 15px;color:#94a0a5;font-size:13px;line-height:1.7}.main-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 68px)}.main-layout.formats-collapsed{grid-template-columns:42px minmax(0,1fr)}.hidden-tool{display:none}.formats-sidebar{position:relative;min-width:0}.formats-collapsed .formats-sidebar{display:none}.formats-expand-button{width:42px;border:0;border-right:1px solid #24282d;background:#0d1013b8;color:#79848b;padding:16px 0;cursor:pointer;display:flex;align-items:center;flex-direction:column;gap:8px}.formats-expand-button:hover{background:#141b17;color:#a8e9c7}.formats-expand-button span{writing-mode:vertical-rl;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.formats-expand-button small{min-width:20px;border-radius:10px;background:#223029;color:#9bdcba;padding:2px 4px;font-size:8px}.ratio-panel{padding:20px 14px;border-right:1px solid #24282d;background:#0d1013b8;max-height:calc(100vh - 68px);overflow-y:auto;position:sticky;top:68px}.ratio-panel{scrollbar-width:thin;scrollbar-color:#343d42 transparent}.ratio-panel::-webkit-scrollbar{width:7px}.ratio-panel::-webkit-scrollbar-track{background:transparent}.ratio-panel::-webkit-scrollbar-thumb{border-radius:8px;background:#343d42}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 4px 18px}.panel-heading span,.workspace-heading>p{color:#7d858d;font-size:12px}.panel-heading-actions{display:flex;align-items:center;gap:7px}.panel-heading-actions .selected-count{min-width:25px;border-radius:12px;background:#20282c;color:#a5b0b6;padding:4px 6px;font-size:9px;font-weight:800;line-height:1;text-align:center;white-space:nowrap}.panel-heading-actions button{width:24px;height:24px;display:grid;place-items:center;border:1px solid #30383e;border-radius:6px;background:#171c20;color:#78838a;cursor:pointer;padding:0}.panel-heading-actions button:hover{border-color:#4d6f5d;color:#a8e9c7}.eyebrow{margin:0;color:#9bf5c9;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.ratio-search{margin-bottom:12px;height:34px;display:flex;align-items:center;gap:7px;border:1px solid #30373d;border-radius:8px;background:#111519;padding:0 8px;color:#657078}.ratio-search:focus-within{border-color:#4c8066;color:#9bf5c9}.ratio-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e1e6e9;font-size:11px}.ratio-search input::-webkit-search-cancel-button{display:none}.ratio-search button{width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#78828a;cursor:pointer;padding:0}.ratio-search button:hover{background:#252b30;color:#dbe2e6}.no-search-results{padding:18px 9px;color:#717b82;font-size:10px;line-height:1.5;text-align:center}.bundle-section{margin-bottom:10px;border:1px solid #293137;border-radius:9px;background:#101417}.bundle-section-toggle{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;border:0;border-radius:8px;background:transparent;color:#a9b2b8;padding:9px;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.bundle-section-toggle>span{display:flex;align-items:center;gap:6px}.bundle-section-toggle small{min-width:19px;border-radius:10px;background:#222a2e;color:#89949b;padding:2px 5px;font-size:8px;text-align:center}.bundle-section-toggle svg:last-child{transition:transform .18s}.bundle-section.open .bundle-section-toggle svg:last-child{transform:rotate(180deg)}.bundle-section-content{padding:0 8px 8px}.bundle-create label{display:block;margin:1px 0 5px;color:#778188;font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bundle-create>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}.bundle-create input{min-width:0;border:1px solid #30393e;border-radius:6px;outline:0;background:#171c20;color:#e3e8e5;padding:8px;font-size:10px}.bundle-create input:focus{border-color:#4f8168}.bundle-create button{border:1px solid #3e6c54;border-radius:6px;background:#193124;color:#9ce4be;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;font-size:9px;font-weight:700}.bundle-create button:disabled{opacity:.35}.bundle-section-content>p{margin:7px 1px;color:#778188;font-size:9px}.bundle-list{display:grid;gap:3px}.bundle-row{display:flex;align-items:center;border:1px solid #293137;border-radius:7px;background:#151a1d}.bundle-row>button:first-child{width:100%;min-width:0;border:0;background:transparent;padding:7px 8px;cursor:pointer;text-align:left}.bundle-row strong,.bundle-row small{display:block}.bundle-row strong{overflow:hidden;color:#d9e0dd;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.bundle-row small{margin-top:2px;color:#68737a;font-size:8px}.bundle-row:hover{border-color:#3e594b;background:#17211c}.bundle-row.active{border-color:#579374;background:#193126}.bundle-row.active strong{color:#b9f5d5}.bundle-row.active small{color:#82bd9e}.bundle-empty{padding:7px 3px;color:#667078;font-size:8px;line-height:1.45}.social-platform-groups{margin-bottom:5px;display:grid;gap:3px}.social-platform-group{border:1px solid transparent;border-radius:8px}.social-platform-group.open{border-color:#293c32;background:#111a16;padding-bottom:4px}.social-platform-toggle{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;border:1px solid transparent;border-radius:7px;background:transparent;color:#858f96;padding:7px 8px 7px 11px;cursor:pointer;text-align:left;font-size:10px;font-weight:700}.social-platform-toggle:hover{background:#171c1f;color:#c5ceca}.social-platform-toggle.active{border-color:#30473a;background:#17231d;color:#b6f5d3}.social-platform-toggle span em{margin-left:3px;color:#59636a;font-size:8px;font-style:normal}.social-platform-toggle small{min-width:18px;border-radius:10px;background:#22292d;color:#7f8991;padding:2px 5px;text-align:center;font-size:8px}.social-platform-toggle.active small{background:#294334;color:#a8e8c6}.social-platform-toggle svg{transition:transform .18s}.social-platform-toggle.active svg{transform:rotate(180deg)}.nested-ratio-options{padding:2px 4px 0}.ratio-group{margin-bottom:6px;border:1px solid transparent;border-radius:10px}.ratio-group.open{border-color:#242b30;background:#121619b8}.ratio-group-toggle{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px;color:#aeb6bd;background:transparent;border:0;border-radius:9px;cursor:pointer;text-align:left;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.ratio-group-toggle:hover{background:#171b1f;color:#e2e7ea}.ratio-group-toggle em{margin-left:3px;color:#59636a;font-size:9px;font-style:normal;font-weight:600;letter-spacing:0}.ratio-group-toggle small{min-width:20px;border-radius:12px;background:#20262b;color:#7f8991;padding:2px 6px;text-align:center;font-size:9px}.ratio-group-toggle svg{transition:transform .18s ease}.ratio-group.open .ratio-group-toggle svg{transform:rotate(180deg)}.ratio-group-content{padding:0 5px 6px}.ratio-options{display:grid;gap:4px}.ratio-option-row{display:flex;align-items:center;border:1px solid transparent;border-radius:8px}.ratio-option-row:hover{background:#171b1f}.ratio-option-row.selected{background:#151d19;border-color:#263b31}.ratio-option{width:100%;padding:8px;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;gap:9px;align-items:center;text-align:left}.ratio-option:hover{background:#171b1f}.ratio-option-row .ratio-option:hover{background:transparent}.ratio-option strong,.ratio-option small{display:block}.ratio-option strong{color:#dce1e5;font-size:13px;font-weight:500}.ratio-option small{color:#717a82;font-size:10px;margin-top:1px}.ratio-option small b{color:#9eaaa3;font-weight:700}.check-box{width:17px;height:17px;flex:0 0 17px;display:grid;place-items:center;border:1px solid #424950;border-radius:5px;color:#102118}.selected .check-box{background:#9bf5c9;border-color:#9bf5c9}.delete-ratio-button{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;margin-right:5px;border:0;border-radius:6px;background:transparent;color:#727c84;cursor:pointer}.delete-ratio-button:hover{background:#382025;color:#f0a6ae}.custom-ratio-builder{margin:0 0 7px;padding:9px;border:1px solid #2b3338;border-radius:8px;background:#0e1114}.unit-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:9px}.unit-tabs button{padding:5px 2px;border:1px solid #30373d;border-radius:5px;background:#171b1f;color:#818a92;cursor:pointer;font-size:9px;font-weight:700;text-transform:uppercase}.unit-tabs button.active{border-color:#4b8267;background:#1a2b23;color:#9bf5c9}.dimension-fields{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:6px}.dimension-fields label,.dpi-field{display:grid;gap:3px;color:#737d85;font-size:9px;font-weight:700;text-transform:uppercase}.dimension-fields span{padding-bottom:7px;color:#69737b;font-size:11px}.dimension-fields input,.dpi-field input{width:100%;min-width:0;border:1px solid #30383e;border-radius:6px;background:#171b1f;color:#e6eaed;padding:6px;outline:none;font-size:11px}.dimension-fields input:focus,.dpi-field input:focus{border-color:#559172}.dpi-field{margin-top:7px}.custom-ratio-builder p{margin:8px 0;color:#737d85;font-size:9px}.add-custom-button{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #37664f;border-radius:6px;background:#193125;color:#a8f3cd;padding:7px;cursor:pointer;font-size:10px;font-weight:700}.no-custom-ratios{margin:5px 7px 8px;color:#667078;font-size:9px;line-height:1.4}.workspace{padding:28px;min-width:0}.image-tabs{margin:-12px 0 18px;padding-bottom:8px;border-bottom:1px solid #252b30;display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#36413c transparent}.image-tab{flex:0 0 auto;border:1px solid #2d353a;border-radius:8px;background:#13181b;display:flex;align-items:center}.image-tab.active{border-color:#4f8068;background:#1a2c23}.image-tab button{border:0;background:transparent;color:#78838a;cursor:pointer}.image-tab>button:first-child{max-width:180px;padding:7px 5px 7px 8px;display:flex;align-items:center;gap:5px}.image-tab>button:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700}.image-tab>button:last-child{width:26px;height:27px;display:grid;place-items:center;border-radius:5px;padding:0}.image-tab>button:last-child:hover{background:#382126;color:#e99fa7}.image-tab.active button{color:#b3eccd}.workspace-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.workspace-heading h1,.workspace-title{margin:5px 0 3px;font:700 var(--page-title-size) "Space Grotesk";letter-spacing:-.04em}.rename-heading{display:flex;align-items:center;gap:8px;min-width:0}.rename-heading h1,.rename-heading .workspace-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rename-heading button,.rename-field button{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid #323a40;border-radius:7px;background:#171c20;color:#7f8a91;cursor:pointer}.rename-heading button:hover,.rename-field button:hover{border-color:#4d725e;color:#abebca}.rename-field{margin:5px 0 3px;display:flex;align-items:center;gap:5px}.rename-field input{width:min(560px,60vw);border:1px solid #56876d;border-radius:8px;outline:0;background:#131a17;color:#f0f5f2;padding:6px 9px;font:700 clamp(20px,3vw,31px) "Space Grotesk";letter-spacing:-.03em}.workspace-heading>p{margin:0}.workspace-heading-actions{display:flex;align-items:center;gap:8px}.tool-description{margin:0;color:#778188;font-size:12px}.crop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;align-items:stretch}.crop-card{background:#121519;border:1px solid #292e34;border-radius:13px;padding:12px;box-shadow:0 14px 40px #0000002e;min-width:0;display:flex;flex-direction:column}.crop-card-heading{padding:1px 2px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.crop-card-heading h2{margin:0;font-size:14px}.crop-card-heading p{margin:3px 0 0;color:#737c84;font-size:10px}.crop-card-actions{display:flex;gap:5px}.icon-button{border:1px solid #343a41;background:#1b1f24;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer}.crop-instruction{margin-bottom:6px;min-height:27px;border:1px solid #2c4437;border-radius:7px;background:#142019;color:#a9dec1;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:700;letter-spacing:.01em;text-align:center}.crop-preview-stage{height:220px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#0d1013;padding:8px}.crop-frame{position:relative;flex:0 0 auto;overflow:hidden;border:1px solid rgba(155,245,201,.22);border-radius:7px;background-color:#1c2024;background-image:linear-gradient(45deg,#252a2f 25%,transparent 25%),linear-gradient(-45deg,#252a2f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#252a2f 75%),linear-gradient(-45deg,transparent 75%,#252a2f 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color .18s,box-shadow .18s,transform .18s}.crop-frame:hover{border-color:#9bf5c99e;box-shadow:0 0 0 3px #9bf5c914}.crop-frame:active{cursor:grabbing;border-color:#9bf5c9;box-shadow:0 0 0 4px #9bf5c924;transform:scale(.995)}.crop-frame img{position:absolute;max-width:none;left:50%;top:50%;object-fit:fill;pointer-events:none}.crop-controls{display:flex;gap:13px;align-items:center;padding:12px 2px 1px;margin-top:auto}.crop-controls label{flex:1;display:grid;grid-template-columns:auto 1fr 34px;gap:8px;align-items:center;color:#929aa2;font-size:10px}.crop-controls input{accent-color:#9bf5c9;min-width:0}.crop-controls output{text-align:right;color:#6f7880}.reset-button{background:none;border:0;color:#8c959d;display:flex;align-items:center;gap:5px;font-size:10px;cursor:pointer;padding:4px}.resolution-warning{margin-top:9px;padding:6px 8px;border:1px solid #5a4729;border-radius:6px;background:#251e14;color:#d9b777;display:flex;align-items:center;gap:5px;font-size:9px}.export-settings{margin-bottom:18px;padding:9px 11px;border:1px solid #292f34;border-radius:10px;background:#121519b8;display:flex;align-items:center;gap:16px}.export-settings-title{color:#aab2b9;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.export-settings label{display:flex;align-items:center;gap:7px;color:#78828a;font-size:10px}.quality-setting>span{display:grid;gap:1px}.quality-setting>span small{color:#59636a;font-size:8px;white-space:nowrap}.export-settings select{border:1px solid #343c42;border-radius:6px;background:#191e22;color:#dce2e5;padding:5px 24px 5px 7px;font-size:10px}.export-settings input{width:100px;accent-color:#9bf5c9}.export-settings output{min-width:30px;color:#aeb7bd}.disabled-setting input{opacity:.35}.disabled-setting output{color:#88938d}.disabled-setting button{border:1px solid #3c5d4b;border-radius:5px;background:#17271f;color:#9fe4c0;padding:4px 7px;cursor:pointer;font-size:9px;font-weight:700}.disabled-setting button:hover{border-color:#639477;background:#1d3528}.editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;padding:24px;background:#040608d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center}.focused-editor{width:min(920px,100%);max-height:calc(100vh - 48px);overflow-y:auto;border:1px solid #343c42;border-radius:16px;background:#0d1013;padding:15px;box-shadow:0 30px 100px #0000008c}.focused-editor-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 13px}.focused-editor-heading h2{margin:4px 0 0;font:700 20px Space Grotesk}.focused-crop-card .crop-preview-stage{height:min(62vh,620px)}.upload-zone,.empty-state{width:100%;min-height:420px;border:1px dashed #343b42;border-radius:15px;background:#121519b3;display:flex;flex-direction:column;justify-content:center;align-items:center}.upload-zone{cursor:pointer}.upload-zone:hover{border-color:#659b80;background:#151d19c7}.upload-icon{width:52px;height:52px;margin-bottom:17px}.upload-zone strong,.empty-state strong{font-size:15px}.upload-zone p,.empty-state p{margin:5px 0 0;color:#717a82;font-size:12px}.empty-state svg{color:#9bf5c9;margin-bottom:14px}.error-message{margin-bottom:17px;border:1px solid #673d42;background:#28191c;color:#efb2b8;border-radius:9px;padding:10px 13px;font-size:12px}.upscaler-page{width:min(1320px,100%);margin:0 auto;padding:30px}.upscaler-heading{margin-bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:20px}.upscaler-heading h1{margin:5px 0 3px;font:700 var(--page-title-size) "Space Grotesk";letter-spacing:-.04em}.upscaler-upload{min-height:500px}.upscale-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.upscale-preview{min-width:0;border:1px solid #293036;border-radius:13px;background:#121519;padding:12px}.upscale-preview-heading{padding:1px 2px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.upscale-preview-heading>span{color:#7b9588;display:flex;align-items:center;gap:4px;font-size:9px}.upscale-preview h2{margin:0;font-size:13px}.upscale-preview p{margin:3px 0 0;color:#707a81;font-size:10px}.upscale-preview-image{position:relative;height:min(48vh,480px);border-radius:8px;background-color:#0c0f12;background-image:linear-gradient(45deg,#20252a 25%,transparent 25%),linear-gradient(-45deg,#20252a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#20252a 75%),linear-gradient(-45deg,transparent 75%,#20252a 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;display:grid;place-items:center;overflow:hidden;cursor:crosshair}.upscale-preview-image img{width:100%;height:100%;object-fit:contain}.upscale-preview-image span{color:#69737a;display:grid;justify-items:center;gap:8px;font-size:10px}.preview-loupe{position:absolute;width:150px;height:150px;transform:translate(-50%,-50%);border:2px solid #b1f3d0;border-radius:50%;background:#0c0f12;pointer-events:none;overflow:hidden;box-shadow:0 8px 30px #0000008c,inset 0 0 0 1px #00000059;z-index:2}.preview-loupe canvas{width:100%;height:100%;display:block}.preview-loupe small{position:absolute;left:50%;bottom:6px;transform:translate(-50%);border-radius:12px;background:#09120ddb;color:#b9f6d6;padding:3px 7px;font-size:8px;font-weight:800;text-align:center;white-space:nowrap}.upscale-controls-panel{margin-top:14px;border:1px solid #293036;border-radius:13px;background:#121519;padding:14px;display:grid;grid-template-columns:repeat(4,auto) minmax(160px,1fr);align-items:end;gap:14px}.upscale-control-group>span,.upscale-quality>span{display:block;margin-bottom:6px;color:#6f7980;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.upscale-control-group>div{display:flex;gap:4px}.upscale-control-group button{border:1px solid #30383e;border-radius:6px;background:#191e22;color:#818c93;padding:7px 9px;cursor:pointer;font-size:9px;font-weight:700;text-transform:capitalize}.upscale-control-group button.active{border-color:#4f8269;background:#1b3025;color:#a9efca}.upscale-quality small{margin-left:4px;color:#9aa59f}.upscale-quality input{width:140px;accent-color:#9bf5c9}.upscale-actions{grid-column:1 / -1;margin:0 -14px -14px;padding:12px 14px;border-top:1px solid #293036;border-radius:0 0 12px 12px;background:#101418;display:flex;justify-content:flex-end;gap:8px}.upscale-actions .primary-button,.upscale-actions .secondary-button{min-width:118px;min-height:40px;justify-content:center;padding:9px 15px}.upscale-warning{grid-column:1 / -1;border:1px solid #654d29;border-radius:7px;background:#271e12;color:#ddb875;padding:8px 10px;font-size:10px}@media(max-width:800px){.app-header{padding:0 12px}.brand{font-size:0}.header-account .plan-badge{display:none}.account-button{max-width:92px;padding:0 9px}.account-button span{display:none}.account-footer-actions{flex-wrap:wrap}.account-billing-button{order:3;width:100%;justify-content:center}.billing-purchase-options,.billing-benefits{grid-template-columns:1fr}.app-header{padding:0 14px}.brand,.secondary-button{font-size:0}.secondary-button svg{margin:0}.app-tabs{position:static;transform:none;margin-left:auto}.app-tabs button{padding:6px 8px;font-size:0}.pricing-page{padding:30px 14px 50px}.pricing-cards{grid-template-columns:1fr}.comparison-row{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(65px,.7fr));padding:8px;gap:5px;font-size:9px}.pricing-privacy{width:auto;align-items:flex-start;line-height:1.45}.about-page{padding:24px 14px 50px;display:block}.about-sidebar{position:static;margin-bottom:22px;border-left:0;border-bottom:1px solid #2b3530;padding:0 0 10px;display:flex;gap:4px;overflow-x:auto}.about-sidebar p{display:none}.about-sidebar a{flex:0 0 auto;background:#141a17;padding:7px 9px;font-size:10px}.about-feature-grid,.about-story-grid,.faq-grid{grid-template-columns:1fr}.about-actions{align-items:stretch}.about-actions button{flex:1;justify-content:center;font-size:10px}.main-layout,.main-layout.formats-collapsed{display:block}.formats-collapsed .formats-sidebar{display:none}.formats-expand-button{width:100%;height:34px;border-right:0;border-bottom:1px solid #24282d;padding:5px 14px;flex-direction:row;justify-content:center}.formats-expand-button span{writing-mode:initial}.ratio-panel{border-right:0;border-bottom:1px solid #24282d;padding:15px 14px;position:static;max-height:none;overflow-y:visible}.panel-heading{padding:0 0 10px}.ratio-group{margin:0 0 6px;display:block}.ratio-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ratio-option{width:100%}.workspace{padding:19px 14px}.workspace-heading>p{display:none}.workspace-heading{align-items:flex-start;gap:12px}.workspace-heading-actions{flex-wrap:wrap;justify-content:flex-end}.workspace-heading-actions .secondary-button,.workspace-heading-actions .primary-button{font-size:0;padding:9px}.export-settings{align-items:stretch;flex-wrap:wrap;gap:9px 14px}.export-settings-title{width:100%}.crop-grid{grid-template-columns:1fr}.crop-preview-stage{height:260px}.editor-backdrop{padding:8px}.focused-editor{max-height:calc(100vh - 16px);padding:10px}.focused-crop-card .crop-preview-stage{height:55vh}.upscaler-page{padding:19px 14px}.upscaler-heading{align-items:start}.upscale-preview-grid{grid-template-columns:1fr}.upscale-preview-image{height:330px}.upscale-controls-panel{grid-template-columns:1fr;align-items:stretch}.upscale-actions{margin-top:2px;justify-content:stretch}.upscale-actions button{flex:1;justify-content:center}}