:root{--ud-gold: #ffb6d1;--ud-rose: #ff6b9d}.ud-page{position:relative;background:radial-gradient(1100px 540px at 10% -6%,rgba(255,107,157,.1),transparent 58%),radial-gradient(800px 460px at 92% 8%,rgba(232,68,107,.07),transparent 58%),radial-gradient(640px 360px at 50% 110%,rgba(255,107,157,.055),transparent 60%),var(--surface-0, #0b0a0e);color:#ececf2;padding:clamp(40px,5vw,72px) 0 clamp(48px,6vw,72px);overflow:hidden;isolation:isolate}.ud-page:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.08 0 0 0 0 0.12 0 0 0 0.4 0'/></filter><rect width='240' height='240' filter='url(%23n)' opacity='0.55'/></svg>");opacity:.5;mix-blend-mode:overlay;pointer-events:none;z-index:0}.ud-page:after{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:720px;height:360px;background:radial-gradient(ellipse at center,rgba(255,107,157,.16),transparent 65%);filter:blur(40px);pointer-events:none;z-index:0}.ud-page>*{position:relative;z-index:1}.ud-wrap{max-width:1180px;margin:0 auto}.ud-stage{margin-bottom:56px}.ud-stage-head{max-width:820px;margin-bottom:32px;animation:ud-head-in .62s cubic-bezier(.2,.7,.15,1) both}@keyframes ud-head-in{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.ud-tag{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 12px;background:#ff6b9d14;border:1px solid rgba(255,107,157,.24);border-radius:var(--radius-chip, 999px);font-size:10.5px;font-weight:700;letter-spacing:var(--ls-eyebrow, .12em);text-transform:uppercase;color:#ff6b9de6;margin-bottom:22px;box-shadow:var(--glow-pink-xs, 0 0 12px rgba(255, 107, 157, .18))}.ud-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ud-rose);box-shadow:0 0 8px var(--ud-rose);animation:ud-pulse 2.4s ease-in-out infinite}@keyframes ud-pulse{0%,to{opacity:1}50%{opacity:.4}}.ud-stage-head h1{font-size:var(--text-display-sm, clamp(2.4rem, 2rem + 1.6vw, 3.2rem));margin:0 0 18px;color:#fff;letter-spacing:var(--ls-display, -.04em);line-height:1.04;font-weight:800;background:linear-gradient(168deg,#fff,#fbe2ec 55%,#ffc4d8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ud-stage-head p{color:#a4a4ad;margin:0;font-size:15px;line-height:1.8;max-width:640px}.ud-stage-head em{font-style:normal;color:var(--ud-gold);font-size:13px;letter-spacing:.02em;opacity:.85}@media(prefers-reduced-motion:reduce){.ud-stage-head,.ud-tag:before{animation:none}}.ud-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px}@media(max-width:900px){.ud-grid{grid-template-columns:1fr}}.ud-drop{position:relative;border-radius:18px;border:1.5px dashed rgba(255,107,157,.28);background:linear-gradient(180deg,#ffffff08,#ffffff03);aspect-ratio:4 / 5;overflow:hidden;transition:border-color .2s ease,background .2s ease}.ud-drop.is-drag{border-color:#ff6b9db3;background:linear-gradient(180deg,#ff6b9d14,#ff6b9d0d)}.ud-drop.has-img{border-style:solid}.ud-drop img{width:100%;height:100%;object-fit:cover;display:block}.ud-drop-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:#b8b8c4}.ud-drop-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:28px;color:#ff9ec4;background:linear-gradient(135deg,#ff6b9d29,#ff6b9d1f);border:1px solid rgba(255,107,157,.28);margin-bottom:6px}.ud-drop-title{font-size:16px;color:#fff;font-weight:600;letter-spacing:-.01em}.ud-drop-sub{font-size:12.5px;color:#888}.ud-drop-clear{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:999px;border:0;background:#0000008c;color:#fff;font-size:18px;line-height:1;cursor:pointer}.ud-panel{display:flex;flex-direction:column;gap:22px}.ud-section h3{font-size:13px;color:#c8c8d4;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-weight:600}.ud-scenes{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.ud-scene{text-align:left;padding:12px 14px;border-radius:12px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);color:#d6d6e0;cursor:pointer;transition:all .16s ease;display:flex;flex-direction:column;gap:3px}.ud-scene:hover{border-color:#ff6b9d52;background:#ff6b9d0a}.ud-scene.is-on{border-color:#ff6b9da6;background:linear-gradient(135deg,#ff6b9d1a,#ff6b9d0f);color:#fff}.ud-scene-name{font-size:14px;font-weight:600;letter-spacing:-.01em}.ud-scene-tone{font-size:11.5px;color:#8a8a96}.ud-scene.is-on .ud-scene-tone{color:#ff9ec4}.ud-cta{width:100%;padding:16px 20px;border-radius:var(--radius-pill, 999px);border:0;background:linear-gradient(135deg,#ff6b9d,#e8446b);color:#fff;font-size:15.5px;font-weight:700;cursor:pointer;letter-spacing:-.005em;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:var(--glow-pink-sm, 0 4px 20px rgba(255, 107, 157, .28));transition:transform .12s var(--ease-spring, cubic-bezier(.32, .72, 0, 1)),box-shadow var(--dur-normal, .3s) ease,filter .16s ease}.ud-cta:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:var(--glow-pink-md, 0 8px 32px rgba(255, 107, 157, .38))}.ud-cta:not(:disabled):active{transform:translateY(0) scale(.985)}.ud-cta:disabled{opacity:.55;cursor:not-allowed}.ud-spin{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.32);border-top-color:#fff;animation:ud-spin .8s linear infinite}@keyframes ud-spin{to{transform:rotate(360deg)}}.ud-err{padding:10px 14px;border-radius:10px;background:#ff505c1a;border:1px solid rgba(255,80,92,.35);color:#ff95a0;font-size:13.5px}.ud-hint{padding:10px 14px;border-radius:10px;background:#78dca014;border:1px solid rgba(120,220,160,.32);color:#a8e5c0;font-size:13.5px}.ud-fine{font-size:11.5px;color:#666;line-height:1.7;margin:0}.ud-result{margin-bottom:56px}.ud-result header{margin-bottom:16px}.ud-result h2{font-size:22px;margin:0 0 4px;color:#fff;letter-spacing:-.015em}.ud-result header p{margin:0;color:#a4a4ad;font-size:14px}.ud-result-card{background:var(--surface-2, #17141f);border:1px solid var(--hairline-bright, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 16px);overflow:hidden;max-width:720px;box-shadow:inset 0 1px #ffffff0f,var(--elev-3, 0 12px 32px rgba(0, 0, 0, .65))}.ud-result-card img{width:100%;height:auto;display:block}.ud-result-actions{display:flex;gap:10px;padding:14px 16px;flex-wrap:wrap}.ud-btn{padding:10px 16px;border-radius:10px;font-size:13.5px;font-weight:600;text-decoration:none;border:0;cursor:pointer}.ud-btn--ghost{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ececf2}.ud-btn--primary{background:linear-gradient(135deg,#ff6b9d,#e8446b);color:#fff}.ud-recent header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.ud-recent h3{margin:0;font-size:17px;color:#ececf2;letter-spacing:-.01em}.ud-recent-more{font-size:13px;color:#ff9ec4;text-decoration:none}.ud-recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:0;margin:0;list-style:none}.ud-recent-grid li{border-radius:12px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.05);position:relative;aspect-ratio:4 / 5}.ud-recent-grid img{width:100%;height:100%;object-fit:cover;display:block}.ud-recent-grid span{position:absolute;inset:auto 0 0;padding:18px 10px 8px;font-size:11.5px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}