.dropzone{justify-items:center;gap:var(--space-4);padding:clamp(2.5rem, 7vw, 4.5rem) var(--space-5);border:2px dashed color-mix(in srgb, var(--accent) 35%, var(--border));border-radius:calc(var(--radius-xl) - 8px);background:radial-gradient(400px 200px at 50% 0%, color-mix(in srgb, var(--accent-soft) 70%, transparent), transparent 70%), var(--surface-2);text-align:center;transition:border-color var(--dur-2), background-color var(--dur-2), transform var(--dur-2) var(--ease-out);display:grid;position:relative}.dropzone.is-over{border-style:solid;border-color:var(--accent);background:var(--accent-soft);transform:scale(1.005)}.dropzone__art{width:96px;height:96px;position:relative}.dropzone__sheet{background:var(--surface);border:1px solid var(--border);width:58px;height:74px;box-shadow:var(--shadow-md);transition:transform var(--dur-3) var(--ease-spring);border-radius:10px;position:absolute;top:10px}.dropzone__sheet--a{left:26px;rotate:8deg}.dropzone__sheet--b{left:12px;rotate:-10deg}.dropzone__arrow{background:var(--accent);width:48px;height:48px;color:var(--accent-contrast);box-shadow:0 8px 20px -8px var(--accent-shadow);transition:transform var(--dur-3) var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;left:50%;translate:-50%}.dropzone:hover .dropzone__sheet--a,.dropzone.is-over .dropzone__sheet--a{transform:translate(8px,-6px)rotate(6deg)}.dropzone:hover .dropzone__sheet--b,.dropzone.is-over .dropzone__sheet--b{transform:translate(-8px,-4px)rotate(-6deg)}.dropzone:hover .dropzone__arrow,.dropzone.is-over .dropzone__arrow{transform:translateY(-6px)}.dropzone__hint{color:var(--text-muted);font-weight:700}.dropzone__btn{min-width:min(100%,280px)}.workspace{gap:var(--space-4);display:grid}.workspace__bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--surface-2);border-radius:var(--radius);flex-wrap:wrap;display:flex}.workspace__tools{gap:var(--space-1);flex-wrap:wrap;display:flex}.workspace__body{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.file-grid{padding:var(--space-2);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin:0;list-style:none;display:grid}.file-card{gap:var(--space-2);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;user-select:none;transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2), border-color var(--dur-2), opacity var(--dur-2);animation:fade-up var(--dur-3) var(--ease-out) both;display:grid;position:relative}.file-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.file-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.file-card.is-grabbed{outline:3px solid var(--sheen);box-shadow:var(--shadow-lg);transform:translateY(-6px)rotate(-1deg)}.file-card.is-dragging{opacity:.45}.file-card.is-error{border-color:color-mix(in srgb, var(--danger) 50%, var(--border))}.file-card__thumb{aspect-ratio:1/1.3;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.file-card__thumb img{object-fit:contain;pointer-events:none;background:#fff;width:100%;height:100%}.file-card__err{color:var(--danger)}.file-card__pos{z-index:2;border-radius:var(--radius-pill);background:var(--text);min-width:30px;height:30px;color:var(--bg);box-shadow:var(--shadow-sm);place-items:center;padding:0 8px;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:-10px;left:-10px}.file-card__remove{z-index:2;background:var(--surface);width:32px;height:32px;color:var(--text-muted);border:1px solid var(--border);box-shadow:var(--shadow-sm);opacity:0;transition:opacity var(--dur-2), color var(--dur-2), background-color var(--dur-2);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.file-card:hover .file-card__remove,.file-card:focus-within .file-card__remove{opacity:1}.file-card__remove:hover{color:var(--danger)}@media (hover:none){.file-card__remove{opacity:1}}.file-card__info{min-width:0;display:grid}.file-card__name{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.file-card__meta{color:var(--text-muted);font-size:.82rem}.file-card__move{justify-content:center;gap:var(--space-1);display:flex}.file-card__move .btn{width:36px;min-height:32px}.text-danger{color:var(--danger);font-weight:700}.file-grid__add{display:grid}.add-tile{align-content:center;place-items:center;gap:var(--space-2);border:2px dashed var(--border);border-radius:var(--radius);min-height:220px;color:var(--text-muted);transition:border-color var(--dur-2), color var(--dur-2), background-color var(--dur-2);font-weight:700;display:grid}.add-tile:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.skeleton{background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--surface) 70%, transparent) 50%, transparent 80%) var(--surface-2);background-size:200% 100%;animation:1.3s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{to{background-position:-200% 0}}.options{top:calc(var(--header-h) + 16px);gap:var(--space-4);padding:var(--space-5);background:var(--surface-2);border-radius:var(--radius-lg);display:grid;position:sticky}.options__title{font-size:1.1rem}.options__go{width:100%}.input-suffix{align-items:stretch;display:flex}.input-suffix .input{border-top-right-radius:0;border-bottom-right-radius:0}.input-suffix__tag{border:1px solid var(--border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface);color:var(--text-muted);font-family:var(--font-mono);border-left:0;place-items:center;padding:0 .75rem;font-size:.9rem;display:grid}.check{gap:var(--space-3);cursor:pointer;align-items:flex-start;font-size:.93rem;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin-top:2px}.notice{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius);align-items:flex-start;font-size:.93rem;font-weight:700;display:flex}.notice--warn{background:color-mix(in srgb, var(--warning) 12%, var(--surface));color:var(--warning);border:1px solid color-mix(in srgb, var(--warning) 35%, transparent)}.status-card{gap:var(--space-3);display:grid}.status-card__row{align-items:center;gap:var(--space-3);display:flex}.status-card__text{flex:1;font-size:.93rem;display:grid}.spinner{border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;flex:none;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);height:8px;overflow:hidden}.progress span{background:var(--accent);border-radius:inherit;height:100%;transition:width var(--dur-3) var(--ease-out);display:block}.progress span.is-indeterminate{animation:1.2s ease-in-out infinite indet}@keyframes indet{0%{transform:translate(-100%)}to{transform:translate(300%)}}.result-card{gap:var(--space-5);text-align:center;padding:clamp(2rem, 6vw, 3.5rem) var(--space-5);border-radius:calc(var(--radius-xl) - 8px);background:radial-gradient(420px 220px at 50% 0%, color-mix(in srgb, var(--success) 14%, transparent), transparent 70%), var(--surface-2);animation:fade-up var(--dur-3) var(--ease-out) both;justify-items:center;display:grid}.result-card__main{justify-items:center;gap:var(--space-3);display:grid}.result-card__check{background:var(--success);color:#fff;width:64px;height:64px;box-shadow:0 12px 30px -10px color-mix(in srgb, var(--success) 70%, transparent);animation:pop .5s var(--ease-spring) both .12s;border-radius:50%;place-items:center;display:grid}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.result-card__title{font-family:var(--font-display);font-size:var(--step-2);font-weight:700}.result-card__meta{color:var(--text-muted);overflow-wrap:anywhere}.result-card__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.result-card__next{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.chip-link{transition:border-color var(--dur-2), color var(--dur-2);text-decoration:none}.chip-link:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.error-card{gap:var(--space-4);padding:var(--space-5);border-radius:calc(var(--radius-xl) - 8px);background:color-mix(in srgb, var(--danger) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);color:var(--danger);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.error-card__title{color:var(--text);font-size:1.1rem;font-weight:700}.soon-panel{justify-items:center;gap:var(--space-3);text-align:center;padding:clamp(2.5rem, 7vw, 4rem) var(--space-5);border-radius:calc(var(--radius-xl) - 8px);background:var(--surface-2);display:grid}.soon-panel__icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:20px;place-items:center;display:grid}@media (width<=860px){.workspace__body{grid-template-columns:1fr}.options{position:static}.file-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.add-tile{min-height:180px}.options__action{z-index:5;margin:0 calc(-1 * var(--space-5)) calc(-1 * var(--space-5));padding:var(--space-3) var(--space-5);background:var(--surface);border-top:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);position:sticky;bottom:0}.error-card{grid-template-columns:auto 1fr}.error-card .btn{grid-column:1/-1}}.page-grid{padding:var(--space-2);gap:var(--space-3);grid-template-columns:repeat(auto-fill, minmax(var(--pg-min,130px), 1fr));margin:0;list-style:none;display:grid}.page-grid--sm{--pg-min:96px}.page-grid--lg{--pg-min:170px}.pg-card{border-radius:var(--radius);transition:transform var(--dur-2) var(--ease-out), opacity var(--dur-2), background-color var(--dur-2);gap:6px;padding:6px;display:grid}.pg-card[draggable=true]{cursor:grab}.pg-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.pg-card.is-grabbed{background:color-mix(in srgb, var(--sheen) 12%, transparent);transform:translateY(-4px)}.pg-card.is-dragging{opacity:.4}.pg-card.is-dimmed{opacity:.38}.pg-card__frame{cursor:pointer;border-radius:10px;position:relative}.pg-thumb{aspect-ratio:1/1.35;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:border-color var(--dur-2), box-shadow var(--dur-2);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.pg-thumb img{object-fit:contain;max-width:100%;max-height:100%;transition:transform var(--dur-3) var(--ease-out);background:#fff}.pg-thumb__fail{color:var(--text-muted);text-align:center;padding:.5rem;font-size:.75rem}.pg-card:hover .pg-thumb{box-shadow:var(--shadow-md)}.pg-card.is-selected .pg-thumb{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}.pg-card__overlay{pointer-events:none;border-radius:10px;position:absolute;inset:0;overflow:hidden}.pg-card__select{background:var(--surface);border:2px solid var(--border);width:26px;height:26px;color:var(--accent-contrast);box-shadow:var(--shadow-sm);transition:background-color var(--dur-2), border-color var(--dur-2);border-radius:8px;place-items:center;display:grid;position:absolute;top:6px;left:6px}.pg-card.is-selected .pg-card__select{background:var(--accent);border-color:var(--accent)}.pg-card__foot{align-items:center;gap:6px;min-height:32px;font-size:.82rem;display:flex}.pg-card__num{min-width:1.5em;font-weight:700}.pg-card__caption{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pg-card__actions{gap:2px;margin-left:auto;display:flex}.pg-card__actions .btn{width:32px;min-height:32px;padding:0}.ws{gap:var(--space-4);display:grid}.ws__body{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.ws__main{border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);min-width:0;max-height:70vh;overflow:auto}@media (width<=860px){.ws__body{grid-template-columns:1fr}.ws__main{max-height:none}}.opt-group{gap:var(--space-2);display:grid}.opt-group__label{font-weight:700;font-size:var(--step--1)}.radio-cards{gap:var(--space-2);display:grid}.radio-card{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color var(--dur-2), box-shadow var(--dur-2);align-items:flex-start;display:flex}.radio-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.radio-card input{accent-color:var(--accent);margin-top:4px}.radio-card small{color:var(--text-muted);display:block}.tool-hero[data-astro-cid-xqrakt4q]{padding-block:var(--space-6) var(--space-5);position:relative}.tool-hero__bg[data-astro-cid-xqrakt4q]{z-index:-1;background:radial-gradient(520px 260px at 80% 0%, var(--glow-1), transparent 70%), radial-gradient(420px 240px at 5% 10%, var(--glow-2), transparent 70%);height:420px;position:absolute;inset:0 0 auto}.tool-hero__head[data-astro-cid-xqrakt4q]{gap:var(--space-4);margin-bottom:var(--space-5);align-items:flex-start;display:flex}.tool-hero__icon[data-astro-cid-xqrakt4q]{background:var(--accent);width:60px;height:60px;color:var(--accent-contrast);box-shadow:0 10px 24px -10px var(--accent-shadow);border-radius:18px;flex:none;place-items:center;display:grid}.tool-hero[data-astro-cid-xqrakt4q] h1[data-astro-cid-xqrakt4q]{font-size:clamp(2rem,1.5rem + 2vw,3rem)}.tool-hero__lead[data-astro-cid-xqrakt4q]{color:var(--text-muted);font-size:var(--step-1);margin-top:var(--space-2);max-width:44rem}.tool-panel[data-astro-cid-xqrakt4q]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:clamp(.75rem,2vw,1.25rem)}.tool-privacy[data-astro-cid-xqrakt4q]{margin-top:var(--space-4);color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;font-size:.93rem;display:flex}.tool-privacy[data-astro-cid-xqrakt4q] svg{color:var(--success)}.support[data-astro-cid-xqrakt4q]{gap:var(--space-7);padding-top:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.support__block[data-astro-cid-xqrakt4q]+.support__block[data-astro-cid-xqrakt4q]{margin-top:var(--space-8)}.support__block[data-astro-cid-xqrakt4q]>h2[data-astro-cid-xqrakt4q]{font-size:var(--step-3);margin-bottom:var(--space-5)}.support__rail[data-astro-cid-xqrakt4q]{display:none}@media (width>=1280px){.support[data-astro-cid-xqrakt4q]{grid-template-columns:minmax(0,1fr) 300px}.support__rail[data-astro-cid-xqrakt4q]{display:block}.support__rail-sticky[data-astro-cid-xqrakt4q]{top:calc(var(--header-h) + 24px);position:sticky}.support__rail[data-astro-cid-xqrakt4q] .ad-slot{margin-top:0}}.steps[data-astro-cid-xqrakt4q]{gap:var(--space-4);grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}.steps[data-astro-cid-xqrakt4q] li[data-astro-cid-xqrakt4q]{gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex}.steps__n[data-astro-cid-xqrakt4q]{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);font-weight:700;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.steps[data-astro-cid-xqrakt4q] h3[data-astro-cid-xqrakt4q]{font-size:1.08rem}.steps[data-astro-cid-xqrakt4q] p[data-astro-cid-xqrakt4q]{margin-top:var(--space-1);font-size:.97rem}.support__intro[data-astro-cid-xqrakt4q]{max-width:62rem;margin-bottom:var(--space-5);font-size:var(--step-0)}.support__prose[data-astro-cid-xqrakt4q]>[data-astro-cid-xqrakt4q]:not(h2){max-width:68rem}.support__prose[data-astro-cid-xqrakt4q] code,.example[data-astro-cid-xqrakt4q] code{font-family:var(--font-mono);background:var(--surface-2);color:var(--text);border-radius:6px;padding:.1em .35em;font-size:.92em}.detail-grid[data-astro-cid-xqrakt4q]{gap:var(--space-4);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;display:grid}.example[data-astro-cid-xqrakt4q],.tips[data-astro-cid-xqrakt4q]{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);padding:clamp(1.25rem,3vw,2rem)}.example[data-astro-cid-xqrakt4q]{border-left:4px solid var(--accent);position:relative;overflow:hidden}.example[data-astro-cid-xqrakt4q] h2[data-astro-cid-xqrakt4q],.tips[data-astro-cid-xqrakt4q] h2[data-astro-cid-xqrakt4q]{font-size:var(--step-2);margin-top:var(--space-2);margin-bottom:var(--space-3)}.tips[data-astro-cid-xqrakt4q] h2[data-astro-cid-xqrakt4q]{margin-top:0}.tips[data-astro-cid-xqrakt4q]{background:var(--surface-2)}.tips__list[data-astro-cid-xqrakt4q]{gap:var(--space-3);padding:0;list-style:none;display:grid}.tips__list[data-astro-cid-xqrakt4q] li[data-astro-cid-xqrakt4q]{color:var(--text-muted);padding-left:1.6rem;position:relative}.tips__list[data-astro-cid-xqrakt4q] li[data-astro-cid-xqrakt4q]:before{content:"";background:var(--accent);width:.6rem;height:.6rem;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;position:absolute;top:.5em;left:0}.tips__list[data-astro-cid-xqrakt4q] strong{color:var(--text)}.features[data-astro-cid-xqrakt4q]{margin-top:var(--space-6)}.features__title[data-astro-cid-xqrakt4q]{margin-bottom:var(--space-3);font-size:1.08rem}.features__list[data-astro-cid-xqrakt4q]{gap:var(--space-2) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));padding:0;list-style:none;display:grid}.features__list[data-astro-cid-xqrakt4q] li[data-astro-cid-xqrakt4q]{color:var(--text-muted);align-items:flex-start;gap:.6rem;line-height:1.45;display:flex}.features__list[data-astro-cid-xqrakt4q] svg{color:var(--success);flex:none;margin-top:2px}.related-guides[data-astro-cid-xqrakt4q]{margin-top:var(--space-4);gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));padding:0;list-style:none;display:grid}.related-guides[data-astro-cid-xqrakt4q] a[data-astro-cid-xqrakt4q]{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:100%;color:var(--text);transition:border-color var(--dur-2), transform var(--dur-2) var(--ease-out);align-items:flex-start;text-decoration:none;display:flex}.related-guides[data-astro-cid-xqrakt4q] a[data-astro-cid-xqrakt4q]:hover{border-color:var(--accent);transform:translateY(-2px)}.related-guides[data-astro-cid-xqrakt4q] strong[data-astro-cid-xqrakt4q]{line-height:1.35;display:block}.related-guides[data-astro-cid-xqrakt4q] .muted[data-astro-cid-xqrakt4q]{margin-top:.2rem;font-size:.93rem;display:block}.related-guides__icon[data-astro-cid-xqrakt4q]{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.related[data-astro-cid-xqrakt4q]{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}@media (width<=860px){.steps[data-astro-cid-xqrakt4q],.detail-grid[data-astro-cid-xqrakt4q]{grid-template-columns:1fr}}@media (width<=600px){.tool-hero__head[data-astro-cid-xqrakt4q]{gap:var(--space-3);display:grid}.tool-hero__icon[data-astro-cid-xqrakt4q]{border-radius:14px;width:48px;height:48px}}