.dad{max-width:880px;padding:var(--space-2xl) var(--space-lg) var(--space-2xl);text-align:center;flex-direction:column;align-items:center;min-height:70vh;margin:0 auto;display:flex}.dad [data-region]{width:100%;animation:.4s both dad-fade-in}.dad [tabindex="-1"]:focus{outline:none}@keyframes dad-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dad-eyebrow{font:600 var(--text-sm) / 1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);opacity:.85;margin:0 0 var(--space-md)}.dad-title{font:700 var(--text-2xl) / 1.04 var(--font-display);color:var(--ink);margin:0 0 var(--space-md);letter-spacing:-.02em}.dad-sub{font:400 var(--text-lg) / 1.5 var(--font-body);color:var(--ink);opacity:.7;max-width:30ch;margin:0 auto var(--space-xl)}.dad-drop{width:100%;max-width:460px;padding:var(--space-2xl) var(--space-lg);background:var(--surface-1);border:1.5px dashed var(--stroke-strong);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);margin:0 auto}.dad-drop:hover,.dad-drop:focus-visible,.dad-drop.is-drag{border-color:var(--accent);background:var(--surface-2);outline:none}.dad-drop.is-drag{transform:scale(1.01)}.dad-drop:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.dad-drop-icon{width:40px;height:40px;color:var(--accent);opacity:.9;margin-bottom:var(--space-sm)}.dad-drop-strong{font:600 var(--text-lg) / 1.2 var(--font-body);color:var(--ink);margin:0 0 var(--space-2xs)}.dad-drop-hint{font:400 var(--text-md) / 1.4 var(--font-body);color:var(--ink);opacity:.6;margin:0}.dad-link{color:var(--accent);text-decoration:underline}.dad-fineprint{font:400 var(--text-sm) / 1.5 var(--font-body);color:var(--ink);opacity:.45;margin:var(--space-md) auto 0;max-width:40ch}.dad-stage-box{flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;display:flex}.dad-h2{font:700 var(--text-xl) / 1.1 var(--font-display);color:var(--ink);margin:var(--space-md) 0 var(--space-xs);letter-spacing:-.01em}.dad-stage-help{font:400 var(--text-md) / 1.5 var(--font-body);color:var(--ink);opacity:.65;margin:0 0 var(--space-lg);max-width:38ch}.dad-actions{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.dad-actions-col{flex-direction:column;align-items:stretch;width:100%;max-width:260px}.dad-btn{min-width:160px}.dad-preview-frame{aspect-ratio:1;width:100%;max-width:320px;margin:0 auto var(--space-lg);border-radius:var(--radius-lg);background:var(--surface-2) repeating-conic-gradient(#ffffff08 0% 25%, transparent 0% 50%) 50% / 22px 22px;border:1px solid var(--stroke);box-shadow:var(--shadow-2);overflow:hidden}.dad-preview-img{object-fit:contain;width:100%;height:100%;display:block}.dad-stage{aspect-ratio:1;width:100%;max-width:320px;margin:0 auto var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--stroke);background:var(--surface-1);overflow:hidden}.dad-skeleton{background:linear-gradient(100deg, var(--surface-2) 30%, var(--surface-3) 50%, var(--surface-2) 70%);background-size:200% 100%;width:100%;height:100%;animation:1.4s ease-in-out infinite dad-shimmer}@keyframes dad-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dad-progress{border-radius:var(--radius-pill);background:var(--surface-3);width:100%;max-width:320px;height:4px;margin-top:var(--space-sm);overflow:hidden}.dad-progress-bar{border-radius:var(--radius-pill);background:var(--accent);width:40%;height:100%;animation:1.3s ease-in-out infinite dad-indeterminate}@keyframes dad-indeterminate{0%{transform:translate(-120%)}to{transform:translate(320%)}}.dad-result{gap:var(--space-xl);text-align:left;flex-direction:row;align-items:stretch;max-width:880px}.dad-viewer-wrap{border-radius:var(--radius-lg);background:radial-gradient(120% 90% at 50% 0%, var(--surface-2), var(--surface-1));border:1px solid var(--stroke);flex:60%;min-width:0;min-height:420px;position:relative;overflow:hidden}.dad-viewer{position:absolute;inset:0}.dad-viewer-toolbar{left:50%;bottom:var(--space-md);gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-pill);background:var(--surface-glass);border:1px solid var(--stroke);display:flex;position:absolute;transform:translate(-50%)}.dad-chip{appearance:none;color:var(--ink);opacity:.7;font:600 var(--text-sm) / 1 var(--font-body);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:none}.dad-chip:hover{opacity:1;background:var(--surface-3)}.dad-chip:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);outline:none}.dad-chip.is-active{background:var(--accent);color:var(--btn-primary-fg);opacity:1}.dad-result-side{flex-direction:column;flex:40%;justify-content:center;display:flex}.dad-result-side .dad-h2{margin-top:0}.dad-share-copied{font:500 var(--text-sm) / 1.4 var(--font-body);color:var(--success);margin:var(--space-sm) 0 0}.dad-error-icon{border-radius:var(--radius-pill);background:var(--badge-danger-bg);width:48px;height:48px;color:var(--danger);border:1px solid var(--badge-danger-border);font:700 var(--text-xl) / 1 var(--font-display);place-items:center;margin:0 auto;display:grid}@media (width<=860px){.dad-result{flex-direction:column}}@media (width<=720px){.dad{padding:var(--space-xl) var(--space-md)}.dad-title{font-size:var(--text-xl)}.dad-viewer-wrap{min-height:340px}}@media (prefers-reduced-motion:reduce){.dad [data-region],.dad-skeleton,.dad-progress-bar{animation:none}.dad-progress-bar{width:100%}}