:root{color-scheme:dark;--background:#09090b;--panel:#111114;--line:#29292d;--muted:#a8a8b0;--text:#f7f7f8;--accent-rgb:214 255 35;--accent:rgb(var(--accent-rgb));--accent-soft:rgb(var(--accent-rgb) / 13%);--mono:Menlo, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans:Inter, system-ui, sans-serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--background);color:var(--text);font:15px/1.55 var(--sans);margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:not(:disabled),summary{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p,figure{margin:0}h1,h2,.faq summary{font-family:var(--mono)}h2{letter-spacing:-.05em;font-size:clamp(21px,3vw,29px)}.site-shell{width:min(100% - 40px,1060px);margin-inline:auto}.skip-link{z-index:5;background:var(--background);padding:10px;position:absolute;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header,.site-footer{border-block-end:1px solid var(--line)}html:has(.site-header-with-actions){scroll-padding-top:calc(78px + env(safe-area-inset-top))}.site-header-with-actions{z-index:5;padding-top:env(safe-area-inset-top);background:var(--background);position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:8px;min-height:65px;display:flex}.brand{min-height:44px;font:700 17px var(--mono);letter-spacing:-.055em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-accent{color:var(--accent)}.hero{-webkit-text-size-adjust:100%;text-size-adjust:100%;text-align:center;max-width:850px;margin:0 auto;padding:38px 0 9px;container-type:inline-size}.hero h1{letter-spacing:-.083em;font-size:min(8.3cqi,74px);line-height:1.06}.hero-title-line{white-space:nowrap;display:block}.hero h1 .hero-accent{color:var(--accent)}.splitter{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:10px}.drop-zone{border:1px dashed rgb(var(--accent-rgb) / 48%);box-shadow:0 0 9px rgb(var(--accent-rgb) / 13%), 0 0 26px rgb(var(--accent-rgb) / 8%), inset 0 0 16px rgb(var(--accent-rgb) / 5%);background:#0c0c0f;border-radius:12px;padding:10px;scroll-margin-block:68px 78px}.drop-zone.is-dragging{border-color:var(--accent);background:rgb(var(--accent-rgb) / 9%);box-shadow:0 0 12px rgb(var(--accent-rgb) / 27%), 0 0 30px rgb(var(--accent-rgb) / 18%), inset 0 0 20px rgb(var(--accent-rgb) / 10%)}.drop-zone.has-image{border-style:solid;border-color:var(--line);box-shadow:none}.drop-zone.is-dragging.has-image{border-color:var(--accent)}.canvas-empty{cursor:pointer;display:grid;position:relative}.canvas-prompt{text-align:center;pointer-events:none;align-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.canvas-prompt button{pointer-events:auto}.canvas-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.canvas-example{align-items:center;gap:7px;margin-inline-start:auto;display:inline-flex}.canvas-example img{object-fit:cover;border-radius:4px}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 17px;font-weight:680;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.button:disabled{opacity:.65}.button-primary{background:var(--accent);color:#141417}.button-secondary{color:var(--text);background:#151518;border-color:#3a3a40}@media (hover:hover){.button-primary:not(:disabled):hover{background:color-mix(in srgb, var(--accent) 85%, white)}.button-secondary:not(:disabled):hover{border-color:rgb(var(--accent-rgb) / 38%);background:var(--accent-soft);color:var(--accent)}}@media (prefers-reduced-motion:reduce){.button{transition:none}}.upload-hint,.privacy-line,.preview-caption,.tool-status,.legal-date{color:var(--muted);font-size:13px}.privacy-line{justify-content:center;align-items:center;gap:8px;margin-top:15px;display:flex}.privacy-line span{background:var(--accent);border-radius:50%;flex:0 0 6px;width:6px;height:6px}.result-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px 16px;margin-bottom:15px;display:flex}.example,.instructions,.faq{border-block-start:1px solid var(--line);padding-block:26px 33px}.example h2{margin-bottom:13px}.effect-frame{border:1px solid var(--line);background:var(--background);border-radius:12px;place-items:center;min-width:0;display:grid;overflow:hidden}.effect-frame canvas{width:100%;height:auto;display:block}.slice-placeholder{grid-template-columns:repeat(var(--slice-count,20), minmax(0, 1fr));column-gap:.98%;height:clamp(188px,32vw,325px);display:grid}.slice-placeholder span{background:#242427;border-radius:clamp(2px,.65vw,8px)}.slice-placeholder span:nth-child(4n+2){background:#343438}.slice-placeholder span:nth-child(4n+3){background:#1b1b1e}.slice-placeholder span:nth-child(4n){background:#2c2c30}.steps{grid-template-columns:repeat(3,1fr);gap:13px;margin:16px 0 0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:16px}.steps h3{font:700 15px var(--mono);margin-bottom:5px}.steps p,.faq details p{color:var(--muted)}.faq h2{margin-bottom:11px}.faq details{border-bottom:1px solid var(--line)}.faq details p{padding:0 0 14px}summary{min-height:44px;padding:11px 0}.faq summary:hover,.faq details[open]>summary{color:var(--accent)}.site-footer{border-block-start:1px solid var(--line);border-block-end:0;margin-top:20px}.footer-content{min-height:72px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:18px;padding-block:6px;font-size:13px;display:flex}.footer-content nav{flex-wrap:wrap;gap:12px;display:flex}#analytics-settings[open]{flex-basis:100%}#analytics-settings button{margin-block:4px}.footer-content a,.back-link{align-items:center;min-height:44px;display:inline-flex}.legal{max-width:710px;min-height:61vh;padding-block:33px 55px}.legal h1{letter-spacing:-.07em;margin:14px 0 7px;font-size:clamp(30px,7vw,52px);line-height:1.12}.legal h2{margin:24px 0 5px;font-size:21px}.legal p{color:var(--muted)}.legal .button{margin-top:12px}.result{text-align:left;scroll-margin-top:12px}.result-heading{margin-bottom:3px}.result-heading h2{margin:0;font-size:clamp(20px,3vw,25px)}.result-controls,.export-actions{flex-wrap:wrap;gap:7px;display:flex}.text-button{min-height:44px;color:var(--accent);background:0 0;border:0;padding:0 8px;font-size:14px;text-decoration:underline}.result-effect{margin:13px 0 9px}.slice-order{color:var(--accent);font:12px var(--mono);margin-top:14px}.slice-list{grid-template-columns:repeat(auto-fit,minmax(30px,1fr));gap:5px;margin:0 0 12px;padding:0;list-style:none;display:grid}.slice-list li{color:var(--muted);font:11px var(--mono);justify-items:center;gap:5px;display:grid}.slice-list img{border:1px solid var(--line);object-fit:contain;border-radius:4px;width:100%;height:65px;display:block}.export-actions{margin:9px 0}.tool-error,.tool-status{padding:8px}.tool-error{color:#ffb5ad}@media (width<=600px){.site-shell{width:calc(100% - 32px)}.header-content{min-height:55px}.hero{padding:24px 0 20px}.desktop-hint{display:none}.effect-frame{border-radius:8px}.steps{grid-template-columns:1fr}}.slice-settings{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-block:8px 0;display:flex}.slice-settings label,.upload-count{align-items:center;gap:7px;font-size:14px;display:inline-flex}.slice-settings input,.upload-count select{border:1px solid var(--line);min-height:44px;color:inherit;font:inherit;background:#17171a;border-radius:8px;padding:5px 8px}.slice-settings input{width:3.2rem}.slice-settings fieldset{border:0;align-items:center;gap:6px;min-width:0;margin:0;padding:0;display:flex}.slice-settings fieldset:disabled{opacity:.45}.reset-cuts,.crop-toggle{width:44px;padding:0}#result-details{padding:10px 3px 0}@media (width<=600px){.home-content+.site-footer{padding-bottom:calc(var(--tool-controls-height,57px) + 12px)}html{scroll-padding-block:calc(56px + env(safe-area-inset-top)) calc(var(--tool-controls-height,57px) + 12px)}.splitter{padding:8px}.slice-settings{z-index:5;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);inset-inline:0;background:#101013;justify-content:center;gap:6px 10px;margin:0;position:fixed;bottom:0}.site-header-with-actions .export-actions .button{white-space:nowrap;padding-inline:8px;font-size:12px}.site-header-with-actions .export-actions{flex-wrap:nowrap;margin:0}#result-details{scroll-margin-block:64px 76px}}@media (width<=359px){.slice-settings{column-gap:6px}.slice-settings label,.slice-settings fieldset{gap:4px}.slice-settings input{width:44px;padding-inline:5px}}@media (width<=299px){.home-content+.site-footer{padding-bottom:calc(var(--tool-controls-height,107px) + 12px)}html{scroll-padding-bottom:calc(var(--tool-controls-height,107px) + 12px)}}.crop-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.cut-stage{margin-inline:auto}.slice-widths{height:22px;color:var(--muted);font:11px var(--mono);text-align:center;position:relative}.slice-widths span{white-space:nowrap;position:absolute;overflow:hidden}.cut-stage .effect-frame{background:#000;border:0;border-radius:0;display:block;position:relative}#cut-handles{pointer-events:none;position:absolute;inset:0}.cut-handle{cursor:ew-resize;touch-action:pan-y;pointer-events:auto;background:0 0;border:0;width:18px;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.cut-handle:hover,.cut-handle:focus-visible,.cut-handle.is-active{z-index:1;background:linear-gradient(var(--accent), var(--accent)) center / 2px 100% no-repeat}.slice-list li{min-width:0}.slice-list{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}.canvas-replace{margin-inline:auto;display:block}.image-downloads{border:1px solid var(--line);background:var(--panel);width:min(480px,100% - 32px);max-height:75dvh;color:var(--text);border-radius:12px;padding:16px}.image-downloads::backdrop{background:#000000a6}.image-downloads-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.image-download-list{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;display:grid}.inspiration{border-block-start:1px solid var(--line);padding-block:30px;scroll-margin-top:65px}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;margin-top:14px;display:grid}.inspiration-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:0;padding:14px}.inspiration-card h3{font-size:16px}.inspiration-card p{color:var(--muted);margin-top:6px;font-size:14px}.inspiration-actions{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:8px;display:flex}.inspiration-actions a{min-height:44px;color:var(--accent);align-items:center;gap:4px;font-size:13px;display:inline-flex}.inspiration-gallery{overscroll-behavior-x:contain;scrollbar-width:thin;gap:4px;width:100%;margin-top:8px;padding-bottom:5px;display:flex;overflow-x:auto}.inspiration-gallery img{object-fit:cover;background:#202024;border-radius:6px;flex:none;width:auto;height:clamp(260px,74vw,360px)}@media (width<=600px){.inspiration-grid{grid-template-columns:minmax(0,1fr)}.inspiration-card{padding:10px}}.export-actions{flex-wrap:nowrap;align-items:center}.export-menu{position:relative}.export-menu summary{cursor:pointer;justify-content:center;align-items:center;width:44px;min-height:44px;padding:0;list-style:none;display:flex}.export-menu summary::-webkit-details-marker{display:none}.export-menu-panel{z-index:10;border:1px solid var(--line);background:var(--panel);border-radius:10px;min-width:168px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0006}.export-menu-panel .button{text-align:left;white-space:nowrap;width:100%}.language-picker{font:14px var(--sans);position:relative}.language-picker summary{cursor:pointer;align-items:center;min-height:44px;padding:8px;display:flex}.language-picker nav{bottom:100%;z-index:6;border:1px solid var(--line);background:var(--panel);border-radius:10px;min-width:160px;padding:6px;display:grid;position:absolute;inset-inline-start:0;box-shadow:0 8px 24px #0006}.language-picker a{white-space:nowrap;min-height:44px;padding:8px}.language-picker a[aria-current=true]{color:var(--accent)}html:not([lang=en]) h1,html:not([lang=en]) h2{letter-spacing:-.02em}html:not([lang=en]) .hero h1{font-size:clamp(26px,6.6vw,64px)}html:not([lang=en]) .hero-title-line{white-space:normal}html:not([lang=en]) .tool-nav a{padding-inline:12px}.transparency-toggle{align-items:center;gap:8px;font-size:14px;display:flex}.transparency-toggle input{accent-color:var(--accent);flex-shrink:0;width:18px;height:18px}#transparency-help{max-width:65ch;margin:8px 0 16px}.mobile-save-images{display:none}@media (width<=600px){.slice-settings .mobile-save-images{flex:1 0 100%;min-height:44px;padding:8px 12px;display:block}}