:root{--primary-color: #533e3ecc;--secondary-color: #E5DCD3;--accent-color: #e3c76b;--bg-color: #F8F6F2;--surface-color: #FFFFFF;--text-color: #2C2C2C;--text-secondary: #6B7280;--text-light: #9CA3AF;--border-color: #E8E5E1;--border-light: #F0EDE9;--shadow-soft: 0 4px 20px rgba(127, 0, 25, .1);--shadow-medium: 0 8px 30px rgba(127, 0, 25, .15);--gradient-primary: linear-gradient(135deg, #7F0019 0%, #B03045 100%);--gradient-accent: linear-gradient(135deg, #F2D154 0%, #E5DCD3 100%);--gradient-soft: linear-gradient(135deg, rgba(248, 246, 242, .9) 0%, rgba(255, 255, 255, .9) 100%);--header-bg: #eee5d8;--header-divider-color: #666666}[data-theme=pop]{--primary-color: #FF9EAA;--secondary-color: #FF5FA2;--accent-color: #FFD700;--bg-color: #FFF5F7;--surface-color: #FFFFFF;--text-color: #5D4037;--border-color: #FFC0CB;--shadow-soft: 0 4px 20px rgba(255, 158, 170, .2);--shadow-medium: 0 8px 30px rgba(255, 158, 170, .25);--gradient-primary: linear-gradient(135deg, #FF9EAA 0%, #FFD0D0 100%);--gradient-accent: linear-gradient(135deg, #FFD700 0%, #FF9EAA 100%);--gradient-soft: linear-gradient(135deg, #FFF5F7 0%, #FFFFFF 100%);--header-bg: #FFE4E1;--header-divider-color: var(--border-color)}[data-theme=apple]{--primary-color: #000000;--secondary-color: #86868b;--accent-color: #777777;--bg-color: #F5F5F7;--surface-color: #FFFFFF;--text-color: #1D1D1F;--border-color: #D2D2D7;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .05);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #000000 0%, #333333 100%);--gradient-accent: linear-gradient(135deg, #0071e3 0%, #409cff 100%);--gradient-soft: #F5F5F7;--header-bg: #FFFFFF;--header-divider-color: var(--border-color)}[data-theme=coffee]{--primary-color: #5D4037;--secondary-color: #A1887F;--accent-color: #8D6E63;--bg-color: #D7CCC8;--surface-color: #F5F1E8;--text-color: #3E2723;--border-color: #8D6E63;--shadow-soft: 0 4px 20px rgba(62, 39, 35, .15);--shadow-medium: 0 8px 30px rgba(62, 39, 35, .2);--gradient-primary: linear-gradient(135deg, #5D4037 0%, #795548 100%);--gradient-accent: linear-gradient(135deg, #8D6E63 0%, #A1887F 100%);--gradient-soft: linear-gradient(135deg, #D7CCC8 0%, #F5F1E8 100%);--header-bg: #BCAAA4;--header-divider-color: var(--border-color)}[data-theme=matcha]{--primary-color: #556B2F;--secondary-color: #8FBC8F;--accent-color: #F0E68C;--bg-color: #F5F5DC;--surface-color: #FFFFF0;--text-color: #2F4F4F;--border-color: #8FBC8F;--shadow-soft: 0 4px 20px rgba(85, 107, 47, .15);--shadow-medium: 0 8px 30px rgba(85, 107, 47, .2);--gradient-primary: linear-gradient(135deg, #556B2F 0%, #6B8E23 100%);--gradient-accent: linear-gradient(135deg, #F0E68C 0%, #BDB76B 100%);--gradient-soft: linear-gradient(135deg, #F5F5DC 0%, #FFFFF0 100%);--header-bg: #E8F5E9;--header-divider-color: var(--border-color)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--gradient-soft);background-attachment:fixed;color:var(--text-color);line-height:1.6;letter-spacing:.01em}.emoji,.symbol-picker button{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Android Emoji",EmojiSymbols,Emojione Mozilla,Twemoji Mozilla,Segoe UI Symbol,system-ui,-apple-system,sans-serif}#root{height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:all .3s ease;border-radius:12px}.btn-primary{background:var(--gradient-primary);color:#fff;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;box-shadow:var(--shadow-soft);border:none}.btn-primary:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn-secondary{background:var(--surface-color);color:var(--text-color);padding:.5rem 1rem;border:2px solid var(--border-color);border-radius:12px;font-weight:500}.btn-secondary:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}input,textarea{font-family:inherit}.boutique-card{background:var(--surface-color);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-soft);border:1px solid var(--border-light);transition:all .3s ease;position:relative;overflow:hidden}.boutique-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.boutique-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:600;color:var(--text-color)}.boutique-card-icon{width:24px;height:24px;font-size:1.2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-4{padding:1rem}.h-full{height:100%}.w-full{width:100%}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 4px 20px #a8d5cc33}50%{box-shadow:0 4px 30px #a8d5cc66}to{box-shadow:0 4px 20px #a8d5cc33}}@media (max-width: 768px){body{font-size:14px}.app-container header{padding:1rem!important}.app-container header h1{font-size:1.5rem!important}.app-container header p{font-size:.8rem!important}.boutique-card{padding:.75rem!important;border-radius:16px!important}.boutique-card-header{font-size:.9rem!important;margin-bottom:.75rem!important}.mobile-tabs button{padding:.75rem!important;font-size:.9rem!important;border-radius:0!important;transition:all .2s ease}.mobile-tabs button:active{transform:scale(.98)}.style-controls{flex-direction:column!important;gap:.75rem!important}.control-group{width:100%!important}.control-group input[type=color]{width:44px!important;height:44px!important}.control-group button{padding:.75rem 1rem!important;min-height:44px;border-radius:8px!important}.control-group div[style*="display: flex"] button{padding:.4rem .6rem!important;min-width:44px!important;width:auto!important;flex:none!important}.control-group button[style*="width: 200px"]{width:100%!important}.mobile-input-pane textarea{font-size:16px!important;min-height:200px}.mobile-preview-pane{padding:.5rem!important}.symbol-picker{flex-direction:column;gap:.5rem}.toast-container{bottom:20px!important;right:10px!important;left:10px!important;width:auto!important}.toast{max-width:none!important;margin:0!important}}@media (max-width: 375px){.app-container header{padding:.5rem!important}.mobile-content{padding:.5rem!important}.control-group{font-size:.85rem}}@media (hover: none) and (pointer: coarse){button,input[type=color],.clickable{min-height:44px;min-width:44px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}}