:root{--ud-gold: #f5dc91;--ud-rose: #ff7a9a}.ud-page{position:relative;min-height:calc(100vh - 64px);background:radial-gradient(1100px 540px at 10% -6%,rgba(245,220,145,.085),transparent 58%),radial-gradient(800px 460px at 92% 8%,rgba(255,122,154,.08),transparent 58%),radial-gradient(640px 360px at 50% 110%,rgba(160,130,220,.055),transparent 60%),#07070c;color:#ececf2;padding:clamp(40px,5vw,72px) 0 120px;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,122,154,.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:linear-gradient(135deg,#f5dc912e,#ff7a9a24);border:1px solid rgba(245,220,145,.4);border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.18em;color:var(--ud-gold);margin-bottom:22px;text-shadow:0 0 14px rgba(245,220,145,.35);box-shadow:0 4px 14px -4px #f5dc9138,0 0 0 1px #ffffff0a inset}.ud-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ud-gold);box-shadow:0 0 8px var(--ud-gold);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:clamp(2.2rem,3.4vw + .8rem,3.6rem);margin:0 0 18px;color:#fff;letter-spacing:-.035em;line-height:1.05;font-weight:700;background:linear-gradient(180deg,#fff,#d9d9e3);-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(245,220,145,.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:#f5dc91b3;background:linear-gradient(180deg,#f5dc9114,#e91e630d)}.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:#f5dc91;background:linear-gradient(135deg,#f5dc9129,#e91e631f);border:1px solid rgba(245,220,145,.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:#f5dc9152;background:#f5dc910a}.ud-scene.is-on{border-color:#f5dc91a6;background:linear-gradient(135deg,#f5dc911a,#e91e630f);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:#f5dc91}.ud-cta{width:100%;padding:16px 20px;border-radius:14px;border:0;background:linear-gradient(135deg,#f5dc91,#e91e63);color:#1a0e08;font-size:15.5px;font-weight:700;cursor:pointer;letter-spacing:-.005em;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .1s ease,filter .16s ease}.ud-cta:not(:disabled):hover{filter:brightness(1.06)}.ud-cta:not(:disabled):active{transform:scale(.985)}.ud-cta:disabled{opacity:.55;cursor:not-allowed}.ud-spin{width:16px;height:16px;border-radius:999px;border:2px solid rgba(26,14,8,.25);border-top-color:#1a0e08;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:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;max-width:720px}.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,#f5dc91,#e91e63);color:#1a0e08}.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:#f5dc91;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}