html,body,#app{width:100%;height:100%;margin:0;padding:0}*{box-sizing:border-box}.container[data-v-9dfbe8b9]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#ffd1dc,#c9e9ff);font-family:Arial,sans-serif;padding:20px;box-sizing:border-box;animation:gradientShift-9dfbe8b9 10s ease infinite;background-size:200% 200%}@keyframes gradientShift-9dfbe8b9{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header[data-v-9dfbe8b9]{text-align:center;margin-bottom:20px;animation:fadeInDown-9dfbe8b9 .8s ease-out}@keyframes fadeInDown-9dfbe8b9{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header h1[data-v-9dfbe8b9]{font-size:28px;color:#ff6b9d;margin:20px 0 10px;text-shadow:1px 1px 2px rgba(0,0,0,.1);position:relative;display:inline-block}.header h1[data-v-9dfbe8b9]:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:linear-gradient(to right,#ff7eb3,#ff758c);border-radius:3px}.subtitle[data-v-9dfbe8b9]{font-size:16px;color:#666;margin:0;animation:fadeIn-9dfbe8b9 1s ease-out .3s both}.type-selector[data-v-9dfbe8b9]{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto 20px;padding:15px;background:rgba(255,255,255,.7);border-radius:16px;box-shadow:0 4px 12px #0000000d;max-width:600px}.selector-group[data-v-9dfbe8b9]{display:flex;flex-direction:column;align-items:center;gap:8px}.selector-label[data-v-9dfbe8b9]{font-weight:700;color:#ff6b9d;font-size:16px}.selector-options[data-v-9dfbe8b9]{display:flex;gap:10px}.selector-btn[data-v-9dfbe8b9]{padding:8px 16px;border:2px solid #ff6b9d;border-radius:20px;background:white;color:#ff6b9d;cursor:pointer;transition:all .3s ease;font-weight:700;font-size:14px}.selector-btn[data-v-9dfbe8b9]:hover{background:#fff5f8}.selector-btn.active[data-v-9dfbe8b9]{background:#ff6b9d;color:#fff}.main[data-v-9dfbe8b9]{flex:1;display:flex;flex-direction:column;align-items:center;gap:30px}.name-display[data-v-9dfbe8b9]{width:100%;display:flex;justify-content:center;perspective:1000px}.name-box[data-v-9dfbe8b9]{background:white;border-radius:16px;padding:30px 50px;font-size:32px;font-weight:700;color:#ff6b9d;box-shadow:0 8px 20px #0000001a;text-align:center;min-width:280px;border:3px dashed #ffd1dc;position:relative;transition:all .3s ease;transform-style:preserve-3d}.name-box.copied[data-v-9dfbe8b9]{animation:copyPulse-9dfbe8b9 .5s ease}@keyframes copyPulse-9dfbe8b9{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.copied-indicator[data-v-9dfbe8b9]{position:absolute;top:-15px;right:-15px;background:#4caf50;color:#fff;padding:5px 10px;border-radius:20px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0003;animation:popIn-9dfbe8b9 .3s ease-out}@keyframes popIn-9dfbe8b9{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.controls[data-v-9dfbe8b9]{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;animation:fadeInUp-9dfbe8b9 .8s ease-out .4s both}@keyframes fadeInUp-9dfbe8b9{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.generate-btn[data-v-9dfbe8b9],.copy-btn[data-v-9dfbe8b9]{padding:14px 28px;font-size:18px;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:700;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.generate-btn[data-v-9dfbe8b9]{background:linear-gradient(to right,#ff7eb3,#ff758c);color:#fff}.generate-btn[data-v-9dfbe8b9]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.generate-btn[data-v-9dfbe8b9]:active{transform:translateY(0)}.copy-btn[data-v-9dfbe8b9]{background:white;color:#ff6b9d;border:2px solid #ff6b9d}.copy-btn[data-v-9dfbe8b9]:hover{background:#fff5f8;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.copy-btn[data-v-9dfbe8b9]:active{transform:translateY(0)}.name-parts[data-v-9dfbe8b9]{width:100%;max-width:600px;background:rgba(255,255,255,.8);border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000000d;animation:fadeIn-9dfbe8b9 1s ease-out .6s both}@keyframes fadeIn-9dfbe8b9{0%{opacity:0}to{opacity:1}}.part[data-v-9dfbe8b9]{display:flex;justify-content:space-between;margin:10px 0;font-size:18px;transition:all .3s ease}.part[data-v-9dfbe8b9]:hover{transform:translate(5px)}.part-label[data-v-9dfbe8b9]{font-weight:700;color:#ff6b9d}.part-value[data-v-9dfbe8b9]{color:#333;font-weight:500}.footer[data-v-9dfbe8b9]{text-align:center;margin-top:30px;color:#666;font-size:14px;animation:fadeIn-9dfbe8b9 1s ease-out .8s both}@media (max-width: 480px){.container[data-v-9dfbe8b9]{padding:15px}.header h1[data-v-9dfbe8b9]{font-size:24px}.type-selector[data-v-9dfbe8b9]{flex-direction:column;gap:15px;padding:12px}.selector-options[data-v-9dfbe8b9]{gap:8px}.selector-btn[data-v-9dfbe8b9]{padding:6px 12px;font-size:13px}.name-box[data-v-9dfbe8b9]{padding:20px 30px;font-size:28px;min-width:240px}.generate-btn[data-v-9dfbe8b9],.copy-btn[data-v-9dfbe8b9]{padding:12px 20px;font-size:16px}.part[data-v-9dfbe8b9]{font-size:16px}}@media (max-width: 360px){.name-box[data-v-9dfbe8b9]{padding:15px 20px;font-size:24px;min-width:200px}.generate-btn[data-v-9dfbe8b9],.copy-btn[data-v-9dfbe8b9]{padding:10px 16px;font-size:14px}.part[data-v-9dfbe8b9]{font-size:14px}.selector-btn[data-v-9dfbe8b9]{padding:5px 10px;font-size:12px}}