:root{--red:#e5322d;--red-dark:#c42b26;--red-light:#fff5f5;--red-glow:#e5322d1f;--text:#1a1a2e;--text-muted:#5a6578;--border:#e2e8f0;--bg:#f8fafc;--white:#fff;--shadow-sm:0 1px 3px #0f172a0f;--shadow:0 4px 20px #0f172a14;--shadow-lg:0 12px 40px #0f172a1f;--radius:12px;--radius-sm:8px;--page-padding:clamp(16px, 4vw, 24px);--header-height:64px;--touch-min:44px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;overflow-x:clip}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}.site{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:300;position:sticky;top:0}.header{background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.menu-backdrop{display:none}.menu-toggle.open{background:var(--red-light);color:var(--red-dark);border-color:#e5322d40}.header-inner{max-width:1200px;padding:0 var(--page-padding);padding-top:env(safe-area-inset-top,0px);min-height:var(--header-height);align-items:center;gap:12px;margin:0 auto;display:flex}.logo{color:var(--text);letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:10px;min-width:0;font-size:1.3rem;font-weight:800;transition:opacity .15s;display:flex}.logo:hover{opacity:.85}.logo span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.logo-heart,.footer-brand .logo-heart{flex-shrink:0;width:28px;height:28px}.header-right{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.menu-toggle{border:1px solid var(--border);background:var(--white);color:var(--text);cursor:pointer;border-radius:var(--radius-sm);min-height:var(--touch-min);min-width:var(--touch-min);justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.925rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.menu-toggle:hover{background:var(--red-light);color:var(--red-dark);border-color:#e5322d40}.menu-toggle-label:after{content:" ▾";font-size:.85em}.mega-menu{top:100%;right:max(var(--page-padding), calc((100vw - 1200px) / 2 + var(--page-padding)));background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:320;max-width:calc(100vw - var(--page-padding) * 2);max-height:min(85vh,720px);padding:0;display:none;position:absolute;left:auto;overflow:hidden}.mega-menu.open{flex-direction:column;display:flex}.mega-menu-head{padding:10px var(--page-padding) 0;flex-shrink:0;justify-content:flex-end;display:none}.menu-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.75rem;line-height:1;transition:background .15s,color .15s;display:flex}.menu-close:hover{background:var(--bg);color:var(--text)}.mega-menu-grid{width:min(920px, calc(100vw - var(--page-padding) * 2));grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 28px;padding:20px 24px 24px;display:grid;overflow-y:auto}.mega-col h4{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:20px 0 10px;font-size:.72rem;font-weight:600}.mega-col:first-child h4{margin-top:0}.mega-col ul{margin:0;padding:0;list-style:none}.mega-col li{margin-bottom:0}.mega-col a{color:var(--text);border-radius:8px;align-items:center;gap:12px;min-height:44px;margin:0 -6px;padding:8px 6px;font-size:.9rem;font-weight:500;transition:background .12s;display:flex}.mega-col a:hover{background:#f3f4f6}.menu-item-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.menu-item-icon .tool-svg{width:20px;height:20px}.menu-item-label{line-height:1.3}.mega-col .soon{color:var(--text-muted);font-size:.7rem}.usage-pill{background:var(--red-light);color:var(--red-dark);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600}.nav-user{color:var(--text-muted);text-overflow:ellipsis;max-width:140px;font-size:.85rem;overflow:hidden}.btn-nav-text{cursor:pointer;color:var(--text);min-height:var(--touch-min);background:0 0;border:none;padding:8px 10px;font-weight:600}.btn-nav-signup{background:var(--red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;min-height:var(--touch-min);box-shadow:0 2px 8px var(--red-glow);border:none;padding:10px 18px;font-weight:600;transition:background .15s,transform .1s}.btn-nav-signup:hover{background:var(--red-dark)}.btn-nav-premium{background:linear-gradient(135deg, #ff6b6b, var(--red));color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:6px 14px;font-weight:600}.badge-pro{color:var(--red-dark);background:var(--red-light);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.main{flex:1}.hero-band{background:linear-gradient(180deg, var(--white) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.hero-band:before{content:"";background:radial-gradient(ellipse 80% 60% at 50% -20%, var(--red-glow), transparent), radial-gradient(circle at 90% 80%, #8e44ad0f, transparent 40%);pointer-events:none;position:absolute;inset:0}.hero-inner{text-align:center;padding:clamp(40px, 8vw, 64px) var(--page-padding) clamp(32px, 6vw, 48px);max-width:820px;margin:0 auto;position:relative}.hero-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}.hero-badge{background:var(--white);border:1px solid var(--border);color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-badge:first-child{background:var(--red-light);color:var(--red-dark);border-color:#e5322d33}.hero-inner h1{color:var(--text);letter-spacing:-.03em;text-wrap:balance;margin:0 0 18px;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:800;line-height:1.15}.features-strip,.tools-section,.seo-links-section,.footer{content-visibility:auto;contain-intrinsic-size:auto 480px}.features-strip{background:var(--white);border-bottom:1px solid var(--border);padding:clamp(28px, 5vw, 40px) var(--page-padding)}.features-inner{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}.feature-card{text-align:center;padding:8px 12px}.feature-icon{background:var(--red-light);width:48px;height:48px;color:var(--red-dark);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.feature-icon svg{width:24px;height:24px}.feature-card h3{color:var(--text);margin:0 0 6px;font-size:.95rem;font-weight:700}.feature-card p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}.privacy-pill{border-radius:var(--radius-sm);color:#047857;background:#ecfdf5;align-items:center;gap:8px;margin:0 0 16px;padding:10px 16px;font-size:.875rem;font-weight:600;display:inline-flex}.server-pill{color:#c2410c;background:#fff7ed}.seo-hero{max-width:900px;padding:clamp(20px, 4vw, 28px) var(--page-padding) 8px;text-align:center;margin:0 auto}.seo-hero h1{margin:8px 0;font-size:clamp(1.5rem,4vw,2rem)}.seo-desc{color:var(--text-muted);max-width:640px;margin:0 auto}.seo-breadcrumb{color:var(--text-muted);word-break:break-word;font-size:.85rem;line-height:1.5}.seo-breadcrumb a{color:var(--red)}.seo-links-section{max-width:1100px;padding:8px var(--page-padding) clamp(28px, 5vw, 40px);margin:0 auto}.seo-links-section h2{text-align:center;letter-spacing:-.02em;margin-bottom:14px;font-size:1.35rem;font-weight:800}.seo-links-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.seo-links-grid a{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .15s}.seo-links-grid a:hover{border-color:var(--red);color:var(--red)}.seo-related{padding-top:0}.seo-sitemap-note{text-align:center;color:var(--text-muted);margin-top:18px;font-size:.88rem}.seo-sitemap-note a{color:var(--red);font-weight:600}.seo-breadcrumb span:last-child{color:var(--text-muted)}.legal-page{padding-bottom:clamp(40px,6vw,56px)}.legal-hero{max-width:720px;padding:clamp(28px, 5vw, 40px) var(--page-padding) 12px;text-align:center;margin:0 auto}.legal-hero h1{margin:8px 0 4px;font-size:clamp(1.75rem,4vw,2.25rem)}.legal-updated{color:var(--text-muted);margin:0;font-size:.9rem}.legal-body{margin-top:0}.legal-card h2{margin:1.75rem 0 .65rem;font-size:1.15rem}.legal-card h3{margin:1.25rem 0 .5rem;font-size:1rem}.legal-card p,.legal-card li{color:var(--text-muted);line-height:1.65}.legal-card ul{margin:.5rem 0 1rem;padding-left:1.25rem}.legal-card a{color:var(--red);font-weight:600}.hero-sub{color:var(--text-muted);max-width:640px;margin:0 auto;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.65}.hero-sub strong{color:var(--red);font-weight:600}.tools-section{max-width:1100px;padding:clamp(36px, 6vw, 52px) var(--page-padding) clamp(40px, 6vw, 56px);margin:0 auto}.section-heading{text-align:center;letter-spacing:-.02em;color:var(--text);margin:0 0 24px;font-size:1.5rem;font-weight:800}.filter-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:8px;margin-bottom:32px;padding-bottom:4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.filter-tab{border:1px solid var(--border);background:var(--white);cursor:pointer;color:var(--text-muted);white-space:nowrap;min-height:var(--touch-min);box-shadow:var(--shadow-sm);border-radius:999px;flex-shrink:0;padding:10px 18px;font-size:.875rem;font-weight:600;transition:all .15s}.filter-tab:hover,.filter-tab.active{border-color:var(--red);color:var(--red-dark);background:var(--red-light);box-shadow:0 2px 8px var(--red-glow)}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:20px;display:grid}.tool-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:block}.tool-card:hover{box-shadow:var(--shadow);border-color:#e5322d40;transform:translateY(-4px)}.tool-icon-wrap{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex;box-shadow:0 4px 12px #00000026}.tool-icon-wrap .tool-svg{width:28px;height:28px;display:block;overflow:visible}.tool-card h3{letter-spacing:-.01em;align-items:center;gap:8px;margin:0 0 8px;font-size:1.05rem;font-weight:700;display:flex}.tool-card p{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.5}.badge-new{color:#4b5563;background:#e5e7eb;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.tool-hero{color:#fff;padding:clamp(32px, 6vw, 48px) var(--page-padding);position:relative;overflow:hidden}.tool-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#00000014);position:absolute;inset:0}.tool-hero-inner{z-index:1;align-items:center;gap:24px;max-width:900px;margin:0 auto;display:flex;position:relative}.tool-hero-icon{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.tool-hero-icon .tool-svg{color:#fff;width:36px;height:36px}.tool-hero h1{margin:0 0 6px;font-size:clamp(1.35rem,4vw,1.75rem)}.tool-hero p{opacity:.95;margin:0;font-size:.95rem}.tool-workspace{max-width:720px;padding:0 var(--page-padding);z-index:2;margin:-32px auto clamp(40px,6vw,56px);position:relative}.workspace-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:clamp(24px,4vw,36px)}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--bg);min-height:220px;padding:48px 24px;transition:border-color .2s,background .2s,box-shadow .2s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--red);background:var(--red-light);box-shadow:inset 0 0 0 1px #e5322d1a}.upload-zone.has-files{min-height:auto;padding:20px}.filter-bar::-webkit-scrollbar{display:none}.upload-icon{background:linear-gradient(135deg, var(--red), var(--red-dark));color:#fff;width:64px;height:64px;box-shadow:0 6px 20px var(--red-glow);border-radius:50%;margin:0 auto 16px;font-size:2rem;font-weight:300;line-height:64px}.upload-placeholder p{margin:4px 0}.upload-hint{color:var(--text-muted);font-size:.9rem}.file-list{text-align:left;margin:16px 0 0;padding:0;list-style:none}.file-order-hint{color:var(--text-muted);margin:0 0 10px;font-size:.85rem;font-weight:500}.file-list li,.file-list-item{background:var(--bg);border:1px solid #0000;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;font-size:.9rem;transition:border-color .15s,box-shadow .15s,opacity .15s;display:flex}.file-list-item--orderable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.file-drag-handle{color:var(--text-muted);cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin:-6px 0;display:flex}.file-list-item--orderable.dragging{opacity:.45;cursor:grabbing;z-index:2;position:relative}.file-list-item--orderable.drag-over{border-color:var(--red);box-shadow:0 0 0 1px #e5322d26}.file-move-btns{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.file-move-up,.file-move-down{border:1px solid var(--border);background:var(--white);color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:28px;padding:0;font-size:.85rem;line-height:1;display:flex}.file-move-up:hover:not(:disabled),.file-move-down:hover:not(:disabled){border-color:var(--red);color:var(--red);background:var(--red-light)}.file-move-up:disabled,.file-move-down:disabled{opacity:.35;cursor:not-allowed}@media (pointer:coarse){.file-drag-handle{width:44px;height:44px;margin:-8px 0}.file-list-item--orderable{padding:12px 10px}.file-move-up,.file-move-down{width:36px;height:32px;font-size:1rem}}.file-order{color:var(--text-muted);text-align:center;flex-shrink:0;min-width:1.1rem;font-size:.8rem;font-weight:700}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-list li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-list button,.file-remove{cursor:pointer;color:var(--text-muted);min-width:var(--touch-min);min-height:var(--touch-min);background:0 0;border:none;flex-shrink:0;margin-left:auto;font-size:1.2rem}.file-remove:hover{color:var(--red)}.tool-fields{flex-direction:column;gap:12px;margin-top:20px;display:flex}.field{flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:6px;width:100%;max-width:100%;padding:10px 12px;font-family:inherit;font-size:16px;font-weight:400}.field-wide textarea{resize:vertical;min-height:160px}.field.is-hidden{display:none}.seo-links-intro{text-align:center;color:var(--text-muted);margin:-8px 0 20px;font-size:.9rem}.tool-hint{color:var(--text-muted);margin:12px 0 0;font-size:.85rem}.btn-process{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--red), var(--red-dark));color:#fff;cursor:pointer;width:100%;min-height:var(--touch-min);box-shadow:0 4px 16px var(--red-glow);letter-spacing:-.01em;border:none;margin-top:24px;padding:16px 28px;font-size:1.05rem;font-weight:700;transition:transform .1s,box-shadow .15s,opacity .15s}.btn-process:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #e5322d40}.btn-process:disabled{opacity:.6;cursor:not-allowed}.status{text-align:center;color:var(--text-muted);margin:12px 0 0;font-size:.9rem}.status.processing{color:#2b579a}.status.success{color:#1e7e45;font-weight:600}.status.error{color:var(--red)}.coming-soon-box{text-align:center;padding:24px}.coming-soon-box h2{color:var(--red)}.coming-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.coming-links a{color:var(--red);background:var(--red-light);border-radius:var(--radius);padding:8px 16px;font-weight:600}.premium-banner{color:#fff;padding:24px var(--page-padding);padding-bottom:max(24px, env(safe-area-inset-bottom));background:linear-gradient(135deg,#2d3436,#636e72)}.premium-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1100px;margin:0 auto;display:flex}.premium-inner h3{margin:0 0 4px}.premium-inner p{opacity:.85;margin:0;font-size:.9rem}.btn-premium-cta{background:var(--red);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:12px 24px;font-weight:700}.btn-premium-cta:hover{background:var(--red-dark)}.footer{background:var(--text);color:#ffffffd9;padding:clamp(40px, 6vw, 56px) var(--page-padding) max(28px, env(safe-area-inset-bottom));margin-top:auto}.footer-inner{max-width:1100px;margin:0 auto}.footer-top{grid-template-columns:1.4fr repeat(4,1fr);gap:32px;margin-bottom:40px;display:grid}.footer-brand-col .footer-brand{color:var(--white);align-items:center;gap:10px;margin-bottom:12px;font-size:1.25rem;font-weight:800;display:inline-flex}.footer-brand-col .logo-heart path{fill:var(--red)}.footer-tagline{color:#ffffffbf;max-width:280px;margin:0;font-size:.875rem;line-height:1.55}.footer-col h4{text-transform:uppercase;letter-spacing:.06em;color:#ffffffb3;margin:0 0 14px;font-size:.72rem;font-weight:700}.footer-col a{color:#ffffffbf;padding:5px 0;font-size:.875rem;transition:color .12s;display:block}.footer-col a:hover{color:var(--white)}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.footer-copy{color:#ffffffa6;margin:0;font-size:.8rem}.footer-copy a{color:#ffffffbf;text-decoration:none}.footer-copy a:hover{color:var(--white)}.footer-links-inline{gap:20px;display:flex}.footer-links-inline a{color:#ffffffb3;font-size:.8rem;transition:color .12s}.footer-links-inline a:hover{color:var(--white)}.auth-dialog{border-radius:var(--radius);border:none;width:calc(100% - 32px);max-width:400px;padding:0}.auth-dialog::backdrop{background:#0006}.auth-form{flex-direction:column;gap:14px;padding:28px;display:flex}.auth-form h2{color:var(--red);margin:0}.auth-form label{flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}.auth-form input{border:1px solid var(--border);border-radius:6px;width:100%;padding:10px;font-size:16px}.dialog-close{cursor:pointer;min-width:var(--touch-min);min-height:var(--touch-min);background:0 0;border:none;font-size:1.5rem;position:absolute;top:8px;right:8px}.auth-error{color:var(--red);margin:0;font-size:.9rem}.link-btn{color:var(--red);cursor:pointer;background:0 0;border:none;font-weight:600}.crop-workspace{margin:20px 0}.crop-stage-wrap{border-radius:var(--radius);background:#1a1a1a;justify-content:center;padding:clamp(8px,2vw,16px);display:flex;overflow:hidden}.crop-stage{-webkit-user-select:none;user-select:none;touch-action:none;display:inline-block;position:relative}.crop-canvas{vertical-align:top;max-width:100%;display:block}.crop-shade{pointer-events:none;background:#00000080;position:absolute}.crop-shade-top{top:0;left:0}.crop-shade-bottom,.crop-shade-left{left:0}.crop-box{border:2px solid var(--white);cursor:move;box-sizing:border-box;position:absolute;box-shadow:0 0 0 9999px #00000073}.crop-handle{background:var(--white);border:2px solid var(--red);border-radius:2px;width:12px;height:12px;position:absolute}.crop-handle.nw{cursor:nwse-resize;top:-6px;left:-6px}.crop-handle.ne{cursor:nesw-resize;top:-6px;right:-6px}.crop-handle.sw{cursor:nesw-resize;bottom:-6px;left:-6px}.crop-handle.se{cursor:nwse-resize;bottom:-6px;right:-6px}.crop-size-info{text-align:center;margin:12px 0 4px;font-weight:600}.crop-hint{text-align:center;color:var(--text-muted);margin:0;font-size:.85rem}.org-workspace{margin:20px 0}.org-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:22px;margin-bottom:12px;display:flex}.org-count{font-size:.9rem;font-weight:600}.org-status{color:var(--text-muted);font-size:.85rem}.org-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.org-tile{background:var(--white);border:1px solid var(--border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px;transition:box-shadow .15s,border-color .15s,transform .1s;display:flex;position:relative}.org-tile:hover{border-color:#e5322d59}.org-tile.dragging{opacity:.5;cursor:grabbing}.org-tile.drag-over{border-color:var(--red);box-shadow:0 0 0 2px var(--red-glow);transform:scale(1.02)}.org-thumb{border:1px solid var(--border);pointer-events:none;background:#fff;border-radius:4px;width:100%;height:auto;display:block}.org-thumb--loading{aspect-ratio:1/1.414;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%) 0 0/400% 100%;width:100%;animation:1.2s ease-in-out infinite org-shimmer}@keyframes org-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.org-pos{background:var(--red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:6px;left:6px}.org-remove{color:#fff;cursor:pointer;background:#0f172a99;border:none;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:1rem;line-height:1;display:flex;position:absolute;top:4px;right:4px}.org-remove:hover:not(:disabled){background:var(--red)}.org-remove:disabled{opacity:.4;cursor:not-allowed}.org-tile-bar{justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.org-btn{border:1px solid var(--border);background:var(--white);cursor:pointer;width:26px;height:26px;color:var(--text);border-radius:6px;font-size:1rem;line-height:1}.org-btn:hover:not(:disabled){background:var(--red-light);border-color:#e5322d40}.org-btn:disabled{opacity:.35;cursor:not-allowed}.org-page-label{color:var(--text-muted);font-size:.72rem;font-weight:600}.org-hint{text-align:center;color:var(--text-muted);margin:16px 0 0;font-size:.85rem}.wm-options .field input[type=range]{width:100%;margin-top:6px}.wm-position-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.wm-pos-btn{border:1px solid var(--border);background:var(--white);cursor:pointer;color:var(--text);border-radius:8px;padding:8px 6px;font-size:.72rem;transition:border-color .15s,background .15s}.wm-pos-btn:hover{border-color:var(--red)}.wm-pos-btn.is-active{border-color:var(--red);background:#fff5f5;font-weight:600}.wm-image-picker{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.wm-image-name{color:var(--muted);font-size:.9rem}.wm-workspace{margin:20px 0 8px}.wm-preview-label{margin:0 0 10px;font-size:.95rem;font-weight:600}.wm-stage-wrap{border-radius:var(--radius);background:#1a1a1a;justify-content:center;padding:clamp(8px,2vw,16px);display:flex;overflow:hidden}.wm-stage{-webkit-user-select:none;user-select:none;touch-action:none;display:inline-block;position:relative}.wm-canvas{vertical-align:top;max-width:100%;display:block}.wm-overlay{pointer-events:auto;cursor:move;white-space:nowrap;text-align:center;max-width:90%;position:absolute}.wm-overlay-text{color:#b4b4b4f2;text-shadow:0 0 1px #0003;letter-spacing:.04em;font-weight:700}.wm-overlay-img{pointer-events:none;max-width:100%;height:auto;display:block}.wm-hint{color:var(--muted);text-align:center;margin:10px 0 0;font-size:.85rem}.editor-hero{color:var(--white);background:linear-gradient(135deg,#8e44addd,#8e44ad)}.editor-hero h1,.editor-hero p{color:var(--white)}.editor-upload-card{max-width:720px;margin:0 auto}.editor-landing{max-width:960px;margin:0 auto}.editor-new-section{background:var(--white);border-radius:var(--radius);max-width:960px;box-shadow:var(--shadow);margin:0 auto 32px;padding:28px}.editor-new-section h2{margin:0 0 8px;font-size:1.35rem}.editor-new-intro{color:var(--text-muted);margin:0 0 20px}.editor-new-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.editor-new-card{text-align:left;border:2px solid var(--border);border-radius:var(--radius);background:var(--white);cursor:pointer;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.editor-new-card:hover{border-color:var(--red);box-shadow:var(--shadow);transform:translateY(-2px)}.editor-new-card--highlight{border-color:var(--red);background:var(--red-light);box-shadow:var(--shadow)}.editor-seo-embed{margin-top:-8px}.editor-seo-cta-card{text-align:center;max-width:720px;margin:0 auto 24px}.editor-seo-primary-cta{width:100%;max-width:360px;margin:12px auto 8px}.editor-workflow-links{max-width:960px;margin:32px auto 0}.editor-new-card strong{font-size:1.05rem}.editor-new-badge{letter-spacing:.04em;background:var(--red-light);color:var(--red);border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:800;display:inline-block}.editor-new-card p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.45}.editor-landing-divider{max-width:720px;color:var(--text-muted);align-items:center;gap:16px;margin:32px auto;font-size:.9rem;display:flex}.editor-landing-divider:before,.editor-landing-divider:after{content:"";background:var(--border);flex:1;height:1px}.btn-nav-new{background:var(--red);color:var(--white);white-space:nowrap;border-radius:999px;align-items:center;padding:8px 14px;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.btn-nav-new:hover{color:var(--white);background:#c0392b}.editor-limits{background:var(--white);border-radius:var(--radius);max-width:720px;box-shadow:var(--shadow);margin:24px auto 0;padding:20px}.editor-limits ul{margin:12px 0 0;padding-left:20px}.upload-hint.muted{color:var(--text-muted);font-size:.85rem}.editor-workspace{max-width:1200px;padding:var(--page-padding);margin:0 auto}.editor-topbar{background:var(--white);padding:16px var(--page-padding);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.editor-file-meta{flex-wrap:wrap;flex:220px;align-items:center;gap:10px;min-width:0;display:flex}.editor-file-meta strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,280px);overflow:hidden}.editor-kind-badge{background:var(--red-light);color:var(--red);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.btn-link{color:var(--red);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600}.editor-actions{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}.editor-toolbar button{border:1px solid var(--border);background:var(--white);cursor:pointer;min-height:var(--touch-min);min-width:var(--touch-min);border-radius:6px;padding:8px 12px;font-size:.85rem}.editor-toolbar button:hover{border-color:var(--red)}.editor-toolbar{flex-wrap:wrap;gap:6px;width:100%;display:flex}.btn-secondary{border:1px solid var(--border);background:var(--white);color:var(--text);border-radius:var(--radius);cursor:pointer;min-height:var(--touch-min);padding:12px 20px;font-weight:600}.btn-secondary:hover{border-color:var(--red);color:var(--red)}.editor-body{grid-template-columns:280px 1fr;align-items:start;gap:16px;display:grid}:is(.editor-body:has(.image-main),.editor-body:has(.editor-main:only-child)){grid-template-columns:1fr}.editor-sidebar{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.editor-sidebar h3{margin:0 0 12px;font-size:1rem}.field-row{gap:10px;display:flex}.field-row .field{flex:1}.anno-list{margin:16px 0 0;padding:0;list-style:none}.anno-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:8px;padding:8px 0;font-size:.85rem;display:flex}.anno-list button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.1rem}.anno-empty{color:var(--text-muted);font-size:.85rem}.editor-main{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);min-height:420px;padding:16px}.tiptap-mount{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);min-height:400px}.tiptap-mount:focus-within{border-color:var(--red)}.editor-main-rich .tiptap-document,.editor-main-rich .ProseMirror{outline:none;min-height:380px;padding:16px 20px;font-size:1rem;line-height:1.65}.editor-main-rich .ProseMirror h1{margin:1rem 0 .5rem;font-size:1.75rem}.editor-main-rich .ProseMirror h2{margin:.85rem 0 .4rem;font-size:1.35rem}.editor-main-rich .ProseMirror p{margin:.4rem 0}.editor-main-rich .ProseMirror ul,.editor-main-rich .ProseMirror ol{margin:.5rem 0;padding-left:1.4rem}.editor-toolbar button.active{border-color:var(--red);color:var(--red);background:var(--red-light)}.text-editor{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;width:100%;min-height:420px;padding:16px;font-family:Cascadia Code,Consolas,monospace;font-size:.9rem;line-height:1.5}.pdf-pages{flex-direction:column;align-items:center;gap:20px;display:flex}.pdf-page-preview{box-shadow:var(--shadow);border-radius:4px;max-width:100%;position:relative;overflow:hidden}.pdf-page-preview canvas,.pdf-page-preview img{max-width:100%;height:auto;display:block}.pdf-page-label{color:#fff;background:#000000a6;border-radius:4px;padding:4px 8px;font-size:.75rem;position:absolute;top:8px;left:8px}.editor-image-preview{max-width:100%;max-height:60vh;margin:0 auto 16px;display:block}.image-caption-field{max-width:480px;margin:0 auto}.editor-status{text-align:center;margin-top:12px;font-size:.9rem}.editor-status.error{color:var(--red)}@media (width<=1200px) and (width>=1025px){.mega-menu-grid{width:min(820px, calc(100vw - var(--page-padding) * 2));grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.menu-backdrop{opacity:0;visibility:hidden;z-index:310;pointer-events:none;background:#0f172a73;border:none;transition:opacity .2s,visibility .2s;display:block;position:fixed;inset:0}.menu-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.mega-menu{width:100%;max-width:none;max-height:none;box-shadow:none;z-index:320;background:var(--white);border:none;border-radius:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.mega-menu.open{display:flex}.mega-menu-head{padding-top:max(10px, env(safe-area-inset-top));background:var(--white);z-index:2;display:flex;position:sticky;top:0}.mega-menu-grid,.mega-menu.open .mega-menu-grid{grid-template-columns:unset;width:100%;padding:4px var(--page-padding) calc(24px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex:1;display:block;overflow-y:auto}.mega-col{background:0 0;border:none;padding:0}.mega-col h4{color:#6b7280;margin:24px 0 8px;font-size:.75rem}.mega-col:first-child h4{margin-top:0}.mega-col a{min-height:48px;margin:0;padding:10px 4px;font-size:.95rem}.menu-item-icon{border-radius:10px;width:40px;height:40px}.menu-item-icon .tool-svg{width:22px;height:22px}.features-inner{grid-template-columns:repeat(2,1fr);gap:24px}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-brand-col{grid-column:1/-1}.editor-body{grid-template-columns:1fr}}@media (width<=768px){:root{--header-height:56px}.header-inner{flex-wrap:nowrap;gap:8px}.logo{flex-shrink:0;gap:8px;min-width:auto;font-size:1.05rem}.logo span{text-overflow:clip;overflow:visible}.logo-heart{width:26px;height:26px}.header-right{flex-shrink:0;gap:6px}.btn-nav-new{padding:8px 12px;font-size:.8rem}.menu-toggle{padding:8px 10px;font-size:.8rem}.nav-user{display:none}.btn-nav-signup{padding:8px 12px;font-size:.85rem}.tool-hero-inner{text-align:center;flex-direction:column}.tool-workspace{margin-top:-24px}.features-inner{grid-template-columns:1fr 1fr;gap:16px}.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.premium-inner{text-align:center;flex-direction:column;align-items:stretch}.btn-premium-cta{width:100%;min-height:var(--touch-min)}.editor-topbar{flex-direction:column;align-items:stretch}.editor-file-meta strong{white-space:normal;word-break:break-word;max-width:100%}.editor-actions .btn-process,.editor-actions .btn-secondary{flex:calc(50% - 5px);width:auto;margin-top:0}.field-row{flex-direction:column}}@media (width<=480px){.logo{gap:6px;font-size:1rem}.logo-heart{width:24px;height:24px}.btn-nav-new{padding:8px 11px;font-size:0}.btn-nav-new:after{content:"New";font-size:.8rem;font-weight:700}.menu-toggle-label{font-size:0}.menu-toggle-label:before{content:"Tools";font-size:.8rem;font-weight:600}.menu-toggle-label:after{font-size:.75rem}.tools-grid{grid-template-columns:1fr}.tool-card{padding:16px}.upload-zone{min-height:160px;padding:28px 16px}.seo-links-grid a{padding:8px 12px;font-size:.82rem}.features-inner{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:24px}.editor-actions .btn-process,.editor-actions .btn-secondary{flex:100%;width:100%}}@media (pointer:coarse){.crop-handle{width:20px;height:20px}.crop-handle.nw{top:-10px;left:-10px}.crop-handle.ne{top:-10px;right:-10px}.crop-handle.sw{bottom:-10px;left:-10px}.crop-handle.se{bottom:-10px;right:-10px}}@media (width>=769px){.filter-bar{flex-wrap:wrap;justify-content:center;overflow-x:visible;-webkit-mask-image:none;mask-image:none}.editor-actions{justify-content:flex-end;width:auto}.editor-actions .btn-process{width:auto;min-width:140px;margin-top:0}}