@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=JetBrains+Mono:wght@400;500&display=swap);:root{--primary-color:#1a1a1a;--primary-hover:#000;--primary-light:#333;--primary-lighter:#f8f8ff;--secondary-color:#d8bfd8;--secondary-hover:#c9a9c9;--secondary-light:#e6e6fa;--accent-color:#e6e6fa;--accent-hover:#d8bfd8;--accent-light:#f8f8ff;--point-color:#9890c7;--point-color-light:#b8b0d8;--gradient-primary:linear-gradient(135deg,#d8bfd8,#e6e6fa);--gradient-secondary:linear-gradient(135deg,#e6e6fa,#f8f8ff);--gradient-accent:linear-gradient(135deg,#9890c7,#d8bfd8);--gradient-subtle:linear-gradient(180deg,#fff,#f8f8ff);--bg-primary:#fff;--bg-secondary:#f8f8ff;--bg-tertiary:#f0f0f8;--bg-hover:#d8bfd81a;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-tertiary:#888;--text-muted:#aaa;--border-color:#e6e6fa;--border-hover:#d8bfd8;--border-light:#e6e6fa80;--success-color:#8b5cf6;--success-light:#f5f0ff;--success-dark:#5f27cd;--warning-color:#f59e0b;--warning-light:#fef3c7;--warning-dark:#d97706;--error-color:#ef4444;--error-light:#fee2e2;--error-dark:#dc2626;--info-color:#9890c7;--info-light:#f8f8ff;--info-dark:#7a72b0;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 4px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 16px 48px #0000001f;--shadow-lavender:0 4px 16px #d8bfd840;--shadow-inner:inset 0 2px 4px #0000000a;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--font-primary:"Inter","DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Inter","DM Sans",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--border-thin:1px;--border-medium:1.5px;--border-thick:2px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--transition-bounce:300ms cubic-bezier(0.34,1.56,0.64,1)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f8ff;background-color:var(--bg-secondary);color:#1a1a1a;color:var(--text-primary);font-family:Inter,DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);letter-spacing:-.01em;line-height:1.6;margin:0}code{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono)}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.card{background:#fff;background:var(--bg-primary);border:1px solid #e6e6fa;border:var(--border-thin) solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);padding:32px;padding:var(--space-xl);transition:all .25s ease;transition:all var(--transition-normal)}.card-hover{cursor:pointer}.card-hover:hover{border-color:#d8bfd8;border-color:var(--secondary-color);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-base{align-items:center;border:1px solid #0000;border:var(--border-thin) solid #0000;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Inter,DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:8px;gap:var(--space-sm);justify-content:center;padding:8px 24px;padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.btn-primary{background:#d8bfd8;border-color:#d8bfd8;border-color:var(--secondary-color);box-shadow:0 2px 4px #0000000f;color:#1a1a1a}.btn-primary:hover:not(:disabled){background:#c9a9c9;border-color:#c9a9c9;border-color:var(--secondary-hover);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e6e6fa;color:#1a1a1a}.btn-secondary:hover:not(:disabled){background-color:#f8f8ff;background-color:var(--bg-secondary);border-color:#d8bfd8;border-color:var(--secondary-color)}.btn-outline{background:#0000;border:1px solid #d8bfd8;border:var(--border-thin) solid var(--secondary-color);color:#1a1a1a;color:var(--text-primary)}.btn-outline:hover:not(:disabled){background:#e6e6fa;background:var(--secondary-light);border-color:#d8bfd8;border-color:var(--secondary-color)}.btn-ghost{background:#0000;border:none;color:#4a4a4a;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#d8bfd81a;background:var(--bg-hover);color:#1a1a1a;color:var(--text-primary)}.btn-danger{background:#fee2e2;background:var(--error-light);border:1px solid #ef4444;border:var(--border-thin) solid var(--error-color);color:#ef4444}.btn-danger:hover:not(:disabled){background:#ef4444;background:var(--error-color);color:#fff}.btn-lavender{background:#e6e6fa;background:var(--accent-color);border:1px solid #e6e6fa;border:var(--border-thin) solid var(--accent-color);color:#1a1a1a;color:var(--primary-color)}.btn-lavender:hover:not(:disabled){background:#d8bfd8;background:var(--accent-hover);border-color:#d8bfd8;border-color:var(--accent-hover);box-shadow:0 4px 16px #d8bfd840;box-shadow:var(--shadow-lavender)}.btn-thistle{background:#d8bfd8;background:var(--secondary-color);border:1px solid #d8bfd8;border:var(--border-thin) solid var(--secondary-color);color:#1a1a1a;color:var(--primary-color)}.btn-thistle:hover:not(:disabled){background:#c9a9c9;background:var(--secondary-hover);border-color:#c9a9c9;border-color:var(--secondary-hover);box-shadow:0 4px 16px #d8bfd840;box-shadow:var(--shadow-lavender)}.btn-gradient{background:linear-gradient(135deg,#d8bfd8,#e6e6fa);background:var(--gradient-primary);border:none;color:#1a1a1a;color:var(--text-primary)}.btn-gradient:hover:not(:disabled){box-shadow:0 4px 16px #d8bfd840;box-shadow:var(--shadow-lavender);transform:translateY(-1px)}.btn-disabled,button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-sm{border-radius:4px;border-radius:var(--radius-xs);font-size:.75rem;font-size:var(--text-xs);padding:4px 16px;padding:var(--space-xs) var(--space-md)}.btn-lg{border-radius:12px;border-radius:var(--radius-md);font-size:1rem;font-size:var(--text-base);padding:16px 32px;padding:var(--space-md) var(--space-xl)}.input-base{background:#fff;background:var(--bg-primary);border:1px solid #e6e6fa;border:var(--border-thin) solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);box-sizing:border-box;font-family:Inter,DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:.875rem;font-size:var(--text-sm);padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.input-base:hover{border-color:#d8bfd8;border-color:var(--border-hover)}.input-base:focus{border-color:#d8bfd8;border-color:var(--secondary-color);box-shadow:0 0 0 3px #d8bfd833;outline:none}.input-base::placeholder{color:#aaa;color:var(--text-muted)}.badge{align-items:center;border:none;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;gap:4px;gap:var(--space-xs);padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.badge-success{background:#f5f0ff;background:var(--success-light);color:#5f27cd;color:var(--success-dark)}.badge-warning{background:#fef3c7;background:var(--warning-light);color:#d97706;color:var(--warning-dark)}.badge-error{background:#fee2e2;background:var(--error-light);color:#dc2626;color:var(--error-dark)}.badge-info{background:#e6e6fa;background:var(--accent-color)}.badge-info,.badge-lavender{color:#7a72b0;color:var(--info-dark)}.badge-lavender{background:#e6e6fa;background:var(--secondary-light)}.section-container{background:#fff;background:var(--bg-primary);border:1px solid #e6e6fa;border:var(--border-thin) solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);margin-bottom:24px;margin-bottom:var(--space-lg);padding:32px;padding:var(--space-xl)}.section-header{border-bottom:1px solid #e6e6fa;margin-bottom:32px;margin-bottom:var(--space-xl);padding-bottom:16px}.info-box{background:#f8f8ff;background:var(--bg-secondary);border-left:4px solid #9890c7;border-left:4px solid var(--info-color);border-radius:0 8px 8px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:24px;padding:var(--space-lg)}.info-box.success{background:#f5f0ff;background:var(--success-light);border-left-color:#8b5cf6;border-left-color:var(--success-color)}.info-box.warning{background:#fef3c7;background:var(--warning-light);border-left-color:#f59e0b;border-left-color:var(--warning-color)}.info-box.error{background:#fee2e2;background:var(--error-light);border-left-color:#ef4444;border-left-color:var(--error-color)}.info-box.info{background:#f8f8ff;background:var(--accent-light);border-left-color:#9890c7;border-left-color:var(--info-color)}@keyframes slideIn{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fadeIn{animation:fadeIn ease-out .25s ease;animation:fadeIn var(--transition-normal) ease-out}.animate-slideIn{animation:slideIn ease-out .25s ease;animation:slideIn var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#1a1a1a;color:var(--text-primary)}.text-secondary{color:#4a4a4a;color:var(--text-secondary)}.text-tertiary{color:#888;color:var(--text-tertiary)}.text-muted{color:#aaa;color:var(--text-muted)}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#f8f8ff;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#f0f0f8;background-color:var(--bg-tertiary)}.rounded-sm{border-radius:8px;border-radius:var(--radius-sm)}.rounded-md{border-radius:12px;border-radius:var(--radius-md)}.rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-lg)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8f8ff;background:var(--bg-secondary)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#e6e6fa;background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:#d8bfd8;background:var(--secondary-color)}::selection{background:#e6e6fa;background:var(--secondary-light);color:#1a1a1a;color:var(--text-primary)}.sidebar{background:linear-gradient(180deg,#d8bfd8,#c9a9c9);bottom:0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:0;overflow:hidden;padding:var(--space-md) 0;position:fixed;top:0;transition:width var(--transition-normal);width:72px;z-index:999}.sidebar:hover{width:220px}.sidebar-logo{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;margin:0 auto var(--space-lg);transition:all var(--transition-normal);width:48px}.sidebar-logo:hover{background:#ffffff40;transform:scale(1.05)}.sidebar-logo img{height:auto;max-height:40px;max-width:40px;object-fit:contain;transition:all var(--transition-normal);width:auto}.sidebar:hover .sidebar-logo{border-radius:var(--radius-lg);height:56px;width:180px}.sidebar:hover .sidebar-logo img{max-height:48px;max-width:160px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs);overflow-x:hidden;overflow-y:auto;padding:0 var(--space-sm);width:100%}.sidebar-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-md);height:48px;opacity:.75;padding:0 var(--space-md);position:relative;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;width:100%}.sidebar-item:hover{background:#fff3;opacity:1;transform:translateX(2px)}.sidebar-item.active{background:#ffffff4d;box-shadow:var(--shadow-sm);opacity:1}.sidebar-item .sidebar-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;justify-content:center;min-width:24px;transition:transform var(--transition-fast)}.sidebar-item:hover .sidebar-icon{transform:scale(1.1)}.sidebar-label{font-weight:500;letter-spacing:-.01em;opacity:0;transition:opacity var(--transition-fast)}.sidebar:hover .sidebar-label{opacity:1}.sidebar-item:after{display:none}.sidebar-dropdown{display:flex;flex-direction:column;position:relative;width:100%}.sidebar-dropdown-trigger{align-items:center;display:flex;gap:var(--space-md);height:48px;padding:0 var(--space-md);width:100%}.sidebar-dropdown-arrow{font-size:10px;margin-left:auto;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast)}.sidebar:hover .sidebar-dropdown-arrow{opacity:.6}.sidebar-dropdown-menu.open+.sidebar-dropdown-arrow,.sidebar-dropdown:hover .sidebar-dropdown-arrow{opacity:1;transform:rotate(180deg)}.sidebar-dropdown-menu{background:#00000014;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:2px;margin:var(--space-xs) var(--space-xs) 0;max-height:0;overflow:hidden;padding:0;transition:max-height var(--transition-normal),padding var(--transition-fast)}.sidebar-dropdown-menu.open,.sidebar-dropdown:hover .sidebar-dropdown-menu{max-height:200px;padding:var(--space-xs)}.sidebar-dropdown-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-xs);gap:var(--space-md);height:40px;opacity:.7;padding:0 var(--space-md);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;width:100%}.sidebar-dropdown-item:hover{background:#ffffff26;opacity:1}.sidebar-dropdown-item.active{background:#fff3;opacity:1}.sidebar-dropdown-item .sidebar-icon{align-items:center;display:flex;flex-shrink:0;font-size:16px;justify-content:center;min-width:24px}.sidebar-dropdown-item .sidebar-label{font-weight:500;opacity:0;transition:opacity var(--transition-fast)}.sidebar:hover .sidebar-dropdown-item .sidebar-label{opacity:1}.sidebar-dropdown-item:after{display:none}.sidebar-divider{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);flex-shrink:0;height:1px;margin:var(--space-sm) var(--space-sm);width:calc(100% - var(--space-lg))}.sidebar-section-label{display:none}.sidebar-bottom{border-top:1px solid #ffffff26;display:flex;flex-direction:column;gap:var(--space-xs);margin-top:auto;padding:0 var(--space-sm);padding-bottom:var(--space-sm);padding-top:var(--space-sm)}.sidebar-credit{align-items:center;background:linear-gradient(135deg,#ff8b5a33,#ff6b3d33);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-md);height:48px;margin-bottom:var(--space-xs);padding:0 var(--space-md);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;width:100%}.sidebar-credit:hover{background:linear-gradient(135deg,#ff8b5a59,#ff6b3d59);transform:translateX(2px)}.sidebar-credit.active{background:linear-gradient(135deg,#ff8b5a66,#ff6b3d66);box-shadow:var(--shadow-sm)}.sidebar-credit .sidebar-icon{align-items:center;color:#ff8b5a;display:flex;flex-shrink:0;font-size:18px;justify-content:center;min-width:24px}.sidebar-credit .sidebar-label{color:#ff8b5a;font-weight:600;opacity:0;transition:opacity var(--transition-fast)}.sidebar:hover .sidebar-credit .sidebar-label{opacity:1}@media (max-width:768px){.sidebar{border-radius:var(--radius-xl) var(--radius-xl) 0 0;bottom:0;box-shadow:0 -4px 20px #0000001a;flex-direction:row;height:72px;justify-content:space-around;left:0;padding:0 var(--space-md);right:0;top:auto}.sidebar,.sidebar:hover{width:100%}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;gap:0;justify-content:space-around;overflow:visible;padding:0;width:100%}.sidebar-item{border-radius:var(--radius-md);height:56px;justify-content:center;padding:0;width:56px}.sidebar-item:hover{transform:translateY(-2px)}.sidebar-label{display:none!important}.sidebar-bottom,.sidebar-divider{display:none}.sidebar-dropdown-menu{background:var(--secondary-color);border-radius:var(--radius-md);bottom:calc(100% + var(--space-sm));box-shadow:var(--shadow-lg);left:50%;position:absolute;top:auto;transform:translateX(-50%);width:auto}.sidebar-dropdown-item{height:48px;justify-content:center;padding:0;width:48px}.sidebar-dropdown-item .sidebar-label{display:none!important}}.layout{background-color:var(--bg-primary);min-height:100vh}.main-content{background:var(--bg-primary);margin-left:64px;min-height:100vh;padding:var(--space-lg);transition:margin-left .2s ease}.main-content.sidebar-expanded{margin-left:200px}@media (max-width:768px){.main-content{margin-bottom:64px;margin-left:0;padding:var(--space-md)}}.login-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-lg);position:relative}.login-container:before{background:var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;width:40%;z-index:0}.login-container:after{background:var(--secondary-color);border-radius:50%;bottom:0;content:"";height:200px;position:absolute;right:0;transform:translate(30%,30%);width:200px;z-index:0}.login-box{background:var(--bg-primary);border:var(--border-thick) solid var(--primary-color);max-width:420px;padding:var(--space-2xl);position:relative;width:100%;z-index:1}.login-box:before{background:var(--accent-color);content:"";height:8px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:var(--space-xl);text-align:center}.login-header h1{color:var(--text-primary);font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-sm);text-transform:uppercase}.login-header p{color:var(--text-secondary);font-size:14px;line-height:1.5}.error-message{background-color:var(--bg-primary);border:var(--border-medium) solid var(--error-color);color:var(--error-color);font-size:13px;font-weight:600;text-align:center;text-transform:uppercase}.social-login{display:flex;flex-direction:column;gap:var(--space-sm)}.social-btn{align-items:center;background:var(--bg-primary);border:var(--border-medium) solid var(--primary-color);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:14px;font-weight:700;gap:var(--space-md);justify-content:center;letter-spacing:.02em;padding:var(--space-md) var(--space-lg);text-transform:uppercase;transition:all .15s ease}.social-btn:hover{background:var(--secondary-color);color:var(--text-primary)}.social-btn svg{flex-shrink:0}.social-btn.google{border-color:var(--secondary-color);color:var(--text-primary)}.social-btn.google:hover{background:var(--secondary-color);color:var(--text-primary)}.social-btn.kakao{background:var(--accent-color);border-color:var(--accent-color);color:var(--primary-color)}.social-btn.kakao:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.social-btn.facebook{border-color:var(--info-color);color:var(--info-color)}.social-btn.facebook:hover{background:var(--info-color);color:var(--bg-primary)}.login-box:after{background:var(--secondary-color);border-radius:50%;bottom:var(--space-md);content:"";height:24px;position:absolute;right:var(--space-md);width:24px}@media (max-width:768px){.login-container:before{height:30%;width:100%}.login-box{padding:var(--space-xl) var(--space-lg)}.login-header h1{font-size:24px}.social-btn{font-size:13px;padding:var(--space-sm) var(--space-md)}}.oauth-callback-container{align-items:center;background:var(--accent-color);display:flex;justify-content:center;min-height:100vh}.oauth-callback-box{background:var(--bg-primary);border:1px solid var(--border-color);padding:60px 80px;text-align:center}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--bg-tertiary);border:4px solid var(--bg-tertiary);margin:0 auto 20px}.success-icon{background:var(--primary-color)}.error-icon,.success-icon{animation:scaleIn .3s ease-out;color:var(--bg-primary);font-size:36px;height:60px;margin:0 auto 20px;width:60px}.error-icon{align-items:center;background:var(--text-tertiary);border-radius:50%;display:flex;justify-content:center}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.oauth-callback-box p{color:var(--text-tertiary);font-size:16px;margin:0}@media (max-width:768px){.oauth-callback-box{padding:40px 30px}}.consent-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.consent-modal-container{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.consent-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 28px}.consent-modal-header h2{color:#1f2937;font-size:22px;font-weight:700;margin:0}.consent-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.consent-modal-close:hover{background-color:#f3f4f6;color:#6b7280}.consent-modal-body{flex:1 1;overflow-y:auto;padding:28px}.consent-alert-box{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-bottom:28px;padding:16px 20px}.consent-alert-box p{color:#1e40af;font-size:14px;line-height:1.6;margin:0}.consent-alert-box p+p{margin-top:8px}.consent-alert-box strong{color:#1e3a8a;font-weight:600}.consent-section{margin-bottom:28px}.consent-section-title{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.section-icon,.warning-icon{font-size:20px}.consent-section-optional{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.consent-item{margin-bottom:16px}.consent-item:last-child{margin-bottom:0}.consent-checkbox-label{align-items:flex-start;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:background-color .2s}.consent-checkbox-label:hover{background-color:#f9fafb}.consent-checkbox-label input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;height:20px;margin-top:4px;width:20px}.consent-item-icon{flex-shrink:0;font-size:20px;margin-top:2px}.consent-item-content{flex:1 1}.consent-item-text{align-items:center;color:#374151;display:flex;flex-wrap:wrap;font-size:14px;font-weight:500;gap:8px;line-height:1.6;margin-bottom:8px}.consent-item-description,.consent-item-legal{color:#6b7280;font-size:13px;line-height:1.5;margin-top:6px}.consent-item-legal{background-color:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;color:#92400e;margin-top:10px;padding:10px 12px}.optional-badge,.required-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.required-badge{background-color:#fee2e2;color:#dc2626}.optional-badge{background-color:#e0e7ff;color:#4f46e5}.consent-user-rights{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-top:28px;padding:20px}.user-rights-title{color:#065f46;font-size:15px;font-weight:700;margin:0 0 16px}.user-rights-list{display:flex;flex-direction:column;gap:12px}.user-right-item{align-items:flex-start;display:flex;gap:12px}.user-right-icon{flex-shrink:0;font-size:18px}.user-right-content{flex:1 1}.user-right-title{color:#064e3b;font-size:14px;font-weight:600;margin-bottom:4px}.user-right-description{color:#047857;font-size:13px;line-height:1.5}.consent-modal-footer{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:20px 28px}.consent-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s;white-space:nowrap}.consent-btn-cancel{background-color:#f3f4f6;color:#4b5563}.consent-btn-cancel:hover{background-color:#e5e7eb}.consent-btn-required{background-color:#3b82f6;color:#fff}.consent-btn-required:hover:not(:disabled){background-color:#2563eb}.consent-btn-required:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.consent-btn-all{background-color:#10b981;color:#fff}.consent-btn-all:hover{background-color:#059669}@media (max-width:768px){.consent-modal-container{margin:10px;max-height:95vh;max-width:100%}.consent-modal-header{padding:20px}.consent-modal-header h2{font-size:18px}.consent-modal-body{padding:20px}.consent-modal-footer{flex-direction:column;padding:16px 20px}.consent-btn{justify-content:center;width:100%}}.consent-modal-body::-webkit-scrollbar{width:8px}.consent-modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.consent-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.consent-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dynamic-onboarding{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);min-height:100vh;overflow-x:hidden;padding:var(--space-2xl) var(--space-lg);position:relative}.dynamic-onboarding:before{background:var(--secondary-color);height:400px;right:-100px;top:-100px;width:400px}.dynamic-onboarding:after,.dynamic-onboarding:before{border-radius:50%;content:"";filter:blur(60px);opacity:.08;pointer-events:none;position:fixed;z-index:0}.dynamic-onboarding:after{background:var(--accent-color);bottom:-50px;height:300px;left:-50px;width:300px}.success-overlay{align-items:center;animation:fadeIn .3s ease;background:linear-gradient(135deg,var(--success-color) 0,#2e8b57 100%);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.success-checkmark{animation:bounceIn .5s ease;font-size:120px}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.onboarding-header{color:var(--text-primary);margin-bottom:var(--space-2xl);position:relative;text-align:center;z-index:1}.onboarding-header h1{color:var(--text-primary);font-family:var(--font-display);font-size:42px;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-md)}.onboarding-header p{color:var(--text-secondary);font-size:16px;font-weight:500;line-height:1.6;margin:0 auto;max-width:500px}.progress-container{margin:0 auto var(--space-2xl);max-width:600px;position:relative;z-index:1}.progress-bar{border-radius:3px;height:6px;margin-bottom:var(--space-xl)}.progress-container .progress-fill{background:linear-gradient(90deg,var(--secondary-color) 0,var(--accent-color) 100%);border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-steps{display:flex;gap:var(--space-3xl);justify-content:center;position:relative}.step{position:relative;text-align:center}.step-number{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px #0000000a;color:var(--text-tertiary);display:flex;font-size:15px;font-weight:700;height:30px;justify-content:center;margin:0 auto var(--space-sm);transition:all .3s ease;width:30px}.step.active .step-number{background:var(--secondary-color);border-color:var(--secondary-color);box-shadow:0 4px 12px #0000001a;color:var(--text-primary);transform:scale(1.1)}.step.completed .step-number{background:var(--success-color);border-color:var(--success-color);color:#fff}.step-label{color:var(--text-tertiary);font-size:12px;font-weight:600;transition:color .3s ease}.step.active .step-label{color:var(--text-primary)}.onboarding-step{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000000f;margin:0 auto;max-width:720px;padding:var(--space-2xl) var(--space-xl);position:relative;z-index:1}.onboarding-step h2{color:var(--text-primary);font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-sm)}.step-description{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:var(--space-xl)}.fade-in{animation:fadeIn .4s ease}.onboarding-form-section{display:flex;flex-direction:column;gap:var(--space-lg)}.section-title{border-bottom:2px solid var(--secondary-color);color:var(--text-primary);display:inline-block;font-family:var(--font-display);font-size:15px;font-weight:700;margin:var(--space-lg) 0 var(--space-md) 0;padding-bottom:var(--space-sm)}.section-title:before{display:none}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-size:13px}.form-group input[type=email],.form-group input[type=text],.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:14px;padding:var(--space-md);transition:all .2s ease}.form-group input[type=email]:hover,.form-group input[type=text]:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--text-tertiary)}.form-group input[type=email]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #ffd66633;outline:none}.form-group input.valid,.form-group select.valid{border-color:var(--success-color)}.form-group textarea{line-height:1.6}.form-group small,.input-hint{color:var(--text-tertiary);font-size:12px;margin-top:var(--space-xs)}.validation-message{align-items:center;display:flex;font-size:12px;font-weight:600;gap:var(--space-xs)}.validation-message.success{color:var(--success-color)}.validation-message.success:before{content:"✓";font-size:14px}.validation-message.error{color:var(--error-color)}.validation-message.error:before{content:"!";font-size:14px}.form-row{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.btn-ai-recommend{align-items:center;background:linear-gradient(135deg,var(--secondary-color) 0,var(--accent-color) 100%);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:14px;font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-md);transition:all .2s ease;width:100%}.btn-ai-recommend:hover:not(:disabled){box-shadow:0 4px 12px #ffd6664d;transform:translateY(-2px)}.btn-ai-recommend:disabled{cursor:not-allowed;opacity:.5;transform:none}.ai-recommendations{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--accent-color) 100%);border-radius:var(--radius-md);margin-top:var(--space-md);padding:var(--space-lg);position:relative}.ai-recommendations:before{background:var(--info-color);border-radius:var(--radius-sm);color:#fff;content:"AI 추천";font-size:11px;font-weight:700;left:var(--space-md);padding:var(--space-xs) var(--space-sm);position:absolute;top:-10px}.ai-recommendations h4{color:var(--text-primary);font-size:14px;font-weight:700;margin:var(--space-sm) 0 var(--space-md) 0}.ai-reasoning{background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;line-height:1.6;margin-bottom:var(--space-md);padding:var(--space-md)}.recommended-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.recommended-tag{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.recommended-tag:hover:not(:disabled){background:var(--secondary-color);border-color:var(--secondary-color);transform:translateY(-2px)}.recommended-tag:disabled{cursor:not-allowed;opacity:.4}.interest-input-container{display:flex;gap:var(--space-sm)}.interest-input-container input{flex:1 1}.btn-add{background:var(--secondary-color);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-primary);font-weight:600;padding:var(--space-md) var(--space-lg);transition:all .2s ease}.btn-add:hover:not(:disabled){background:var(--secondary-hover)}.btn-add:disabled{cursor:not-allowed;opacity:.4}.interest-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.interest-tag{align-items:center;animation:tagIn .2s ease;border-radius:20px;display:inline-flex;font-size:13px;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}@keyframes tagIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.interest-tag button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;transition:background-color .15s ease;width:20px}.interest-tag button:hover{background:#fff6}.optional-badge{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-tertiary);display:inline-block;font-size:11px;font-weight:600;margin-left:var(--space-sm);padding:2px var(--space-sm);vertical-align:middle}.section-hint{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;line-height:1.6;margin-bottom:var(--space-lg);margin-top:var(--space-sm);padding:var(--space-md)}.text-success{color:var(--success-color);font-weight:600}.text-warning{color:var(--warning-dark);font-weight:600}.style-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.chip{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-primary);font-size:13px;font-weight:600;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.chip:hover:not(:disabled){box-shadow:0 2px 8px #00000014;transform:translateY(-2px)}.chip.selected,.chip:hover:not(:disabled){border-color:var(--secondary-color);color:var(--text-primary)}.chip.selected{background:var(--secondary-color);box-shadow:0 2px 8px #ffd6664d}.chip:disabled{cursor:not-allowed;opacity:.4;transform:none}.values-input-container{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.values-input-container input{flex:1 1}.values-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.value-tag{animation:tagIn .2s ease;background:var(--info-color);border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.value-tag,.value-tag button{align-items:center;color:#fff}.value-tag button{background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;transition:background-color .15s ease;width:20px}.value-tag button:hover{background:#fff6}.sample-note.required{background:var(--warning-light);border-left:3px solid var(--warning-dark)}.sample-note.optional{background:var(--info-light);border-left:3px solid var(--info-color);color:var(--info-dark)}.style-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);transition:all .2s ease}.style-card:hover{border-color:var(--secondary-color);box-shadow:0 4px 12px #0000000a}.style-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;gap:var(--space-sm);margin:0 0 var(--space-md) 0}.step-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-2xl);padding-top:var(--space-lg)}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:14px;font-weight:600;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);transition:all .2s ease}.btn-primary{background:var(--secondary-color)}.btn-primary:hover:not(:disabled){background:var(--secondary-hover);box-shadow:0 4px 12px #ffd6664d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.4;transform:none}.btn-secondary{color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.btn-large{font-size:16px;padding:var(--space-lg) var(--space-2xl)}.completion-step{padding:var(--space-2xl);text-align:center}.completion-animation{margin-bottom:var(--space-lg);position:relative}.completion-icon{animation:bounceIn .5s ease;font-size:80px}.completion-summary{background:var(--bg-secondary);border-radius:var(--radius-md);margin:var(--space-xl) 0;padding:var(--space-xl);text-align:left}.completion-summary h3{color:var(--text-primary);font-size:15px;font-weight:700;margin:0 0 var(--space-lg) 0;text-align:center}.summary-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.summary-item{background:var(--bg-primary);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md)}.summary-item.full-width{grid-column:1/-1}.summary-label{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.summary-value{color:var(--text-primary);font-size:14px;font-weight:600}.sns-choice-container{display:flex;gap:var(--space-xl);justify-content:center;margin:var(--space-2xl) auto;max-width:800px;position:relative;z-index:1}.choice-button{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;flex:1 1;max-width:360px;padding:var(--space-2xl) var(--space-xl);text-align:center;transition:all .3s ease}.choice-button:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.yes-button:hover{background:linear-gradient(135deg,var(--bg-primary) 0,var(--success-light) 100%);border-color:var(--success-color)}.no-button:hover{background:linear-gradient(135deg,var(--bg-primary) 0,var(--info-light) 100%);border-color:var(--info-color)}.choice-icon{font-size:56px;margin-bottom:var(--space-lg)}.choice-title{color:var(--text-primary);font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:var(--space-md)}.choice-description{color:var(--text-secondary);font-size:14px;line-height:1.6}.platform-input-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-md);padding:var(--space-lg);transition:all .2s ease}.platform-input-group:focus-within{border-color:var(--secondary-color);box-shadow:0 0 0 3px #ffd6661a}.platform-input-group h3{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;gap:var(--space-sm);margin-bottom:var(--space-md)}.platform-url-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:14px;padding:var(--space-md);transition:all .2s ease;width:100%}.platform-url-input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #ffd66633;outline:none}.platform-input-group small{color:var(--text-tertiary);display:block;font-size:12px;margin-top:var(--space-sm)}.platform-note{align-items:flex-start;background:var(--info-light);border-radius:var(--radius-md);color:var(--info-dark);display:flex;font-size:13px;gap:var(--space-sm);line-height:1.5;margin-top:var(--space-lg);padding:var(--space-md)}.analysis-progress-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000000f;margin:var(--space-2xl) auto;max-width:480px;padding:var(--space-3xl) var(--space-2xl);position:relative;text-align:center;z-index:1}.spinner-large{animation:spin .8s linear infinite;border:3px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--secondary-color);height:60px;margin:0 auto var(--space-xl);width:60px}.progress-message{margin-top:var(--space-lg)}.progress-message p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:var(--space-sm) 0}.analysis-complete .completion-icon{font-size:72px;margin-bottom:var(--space-lg)}.analysis-complete h3{color:var(--success-color);font-size:22px;font-weight:700}.analysis-failed h3{color:var(--error-color);font-size:22px;font-weight:700}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--bg-primary);height:16px;width:16px}.loading-questions{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:var(--space-md);padding:var(--space-md)}.custom-questions,.loading-questions{background:var(--bg-secondary);border-radius:var(--radius-md)}.custom-questions{animation:fadeIn .3s ease;padding:var(--space-lg)}.custom-questions h3{color:var(--text-primary);font-size:14px;font-weight:700;margin:0 0 var(--space-lg) 0}.sample-note{background:var(--warning-light);border-radius:var(--radius-md);color:var(--warning-dark);font-size:13px;line-height:1.5;margin-bottom:var(--space-lg);margin-top:var(--space-xl);padding:var(--space-md)}.style-selector-container{display:flex;gap:var(--space-xl);margin-top:var(--space-md)}.style-options-grid{grid-gap:var(--space-sm);display:grid;flex:0 0 55%;gap:var(--space-sm);grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.style-option-button{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:14px;font-weight:600;justify-content:center;min-height:48px;padding:var(--space-md);transition:all .2s ease}.style-option-button:hover:not(:disabled){border-color:var(--secondary-color);box-shadow:0 4px 12px #00000014;color:var(--text-primary);transform:translateY(-2px)}.style-option-button.selected{background:var(--secondary-color);border-color:var(--secondary-color);box-shadow:0 2px 8px #ffd6664d;color:var(--text-primary)}.style-option-button.previewing:not(.selected){background:var(--info-light);border-color:var(--info-color);color:var(--text-primary)}.style-option-button:disabled{cursor:not-allowed;opacity:.4;transform:none}.style-option-button.style-long-text{font-size:11px;padding:var(--space-sm) var(--space-xs);white-space:nowrap}.style-preview-card{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex:1 1;justify-content:center;min-height:180px;padding:var(--space-lg);transition:all .3s ease}.preview-content{width:100%}.preview-header{border-bottom:2px solid var(--secondary-color);gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.preview-header h4{color:var(--text-primary);font-family:var(--font-display);font-size:18px;font-weight:700;margin:0}.preview-industry{background:var(--info-color);border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:4px var(--space-sm)}.preview-text{color:var(--text-secondary);font-size:14px;line-height:1.8;white-space:pre-wrap;word-break:keep-all}.preview-placeholder{color:var(--text-tertiary);text-align:center}.preview-placeholder p{font-size:14px;margin:0}@media (max-width:768px){.dynamic-onboarding{padding:var(--space-lg) var(--space-md)}.dynamic-onboarding:before{height:200px;width:200px}.dynamic-onboarding:after{height:150px;width:150px}.onboarding-header h1{font-size:28px}.onboarding-step{border-radius:var(--radius-md);padding:var(--space-lg)}.form-row{grid-template-columns:1fr}.step-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.summary-grid{grid-template-columns:1fr}.sns-choice-container{flex-direction:column;gap:var(--space-lg);padding:0}.choice-button{max-width:100%;padding:var(--space-xl) var(--space-lg)}.choice-icon{font-size:48px}.choice-title{font-size:20px}.step-number{font-size:13px;height:36px;width:36px}.style-selector-container{flex-direction:column;gap:var(--space-lg)}.style-options-grid{flex:1 1;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}.style-preview-card{min-height:200px}}.sample-item{margin-bottom:var(--space-md);position:relative}.sample-item label{color:var(--text-primary);display:block;font-size:12px;font-weight:600;margin-bottom:var(--space-sm)}.sample-item textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:14px;min-height:100px;padding:var(--space-md);resize:vertical;transition:all .2s ease;width:100%}.sample-item textarea:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #ffd66633;outline:none}.btn-remove-sample{background:var(--error-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:var(--space-xs) var(--space-sm);position:absolute;right:var(--space-sm);top:32px;transition:all .15s ease}.btn-remove-sample:hover{background:var(--error-dark)}.btn-add-sample{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-primary);font-size:14px;font-weight:600;margin-top:var(--space-sm);padding:var(--space-md);transition:all .2s ease;width:100%}.btn-add-sample:hover{background:var(--bg-secondary);border-color:var(--secondary-color);color:var(--text-primary)}.multiple-samples-container{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:var(--space-md)}.sample-preview{aspect-ratio:1;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;position:relative}.sample-preview img,.sample-preview.video-preview video{height:100%;object-fit:cover;width:100%}.btn-remove-sample-mini{align-items:center;background:var(--error-color);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:center;position:absolute;right:var(--space-xs);top:var(--space-xs);transition:all .15s ease;width:26px}.btn-remove-sample-mini:hover{background:var(--error-dark);transform:scale(1.1)}.btn-upload-sample{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-primary);font-size:14px;font-weight:600;padding:var(--space-md);transition:all .2s ease;width:100%}.btn-upload-sample:hover{background:var(--bg-secondary);border-color:var(--secondary-color);color:var(--text-primary)}.validation-warning{color:var(--error-color);display:block;font-size:12px;font-weight:600;margin-top:var(--space-sm)}.style-hint{color:var(--text-tertiary);font-size:13px;line-height:1.5;margin-bottom:var(--space-md)}.home-page{flex-direction:row;height:calc(100vh - 64px);overflow:hidden;width:100%}.chat-sidebar,.home-page{display:flex;position:relative}.chat-sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);flex-direction:column;transition:width .2s ease,transform .2s ease;width:260px;z-index:10}.chat-sidebar.closed{background:#0000;border-right:none;width:auto}.chat-sidebar.closed .sidebar-header{border-bottom:none;padding:var(--space-md)}.chat-sidebar.closed .sidebar-sessions{display:none}.sidebar-header{border-bottom:var(--border-medium) solid var(--primary-color);display:flex;gap:var(--space-sm);padding:var(--space-md)}.btn-new-chat-sidebar{background:var(--secondary-color);border:var(--border-medium) solid var(--secondary-color);border-radius:3px;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:var(--font-primary);font-size:13px;font-weight:700;padding:var(--space-sm) var(--space-md);text-transform:uppercase;transition:all .15s ease}.btn-new-chat-sidebar:hover{background:var(--secondary-hover);border-color:var(--secondary-hover)}.btn-toggle-sidebar{background:var(--bg-primary);border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:var(--space-sm);transition:all .15s ease}.sidebar-sessions{flex:1 1;overflow-y:auto;padding:var(--space-sm)}.sidebar-loading{display:flex;justify-content:center;padding:var(--space-xl)}.sidebar-empty{color:var(--text-tertiary);font-size:13px;letter-spacing:.05em;padding:var(--space-xl) var(--space-md);text-align:center;text-transform:uppercase}.sidebar-session-item{align-items:center;background:var(--bg-secondary);border-left:var(--border-thin) solid #0000;border:var(--border-thin) solid #0000;border-left-width:var(--border-thick);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all .15s ease}.sidebar-session-item:hover{background:var(--bg-tertiary);border-left-color:var(--accent-color)}.sidebar-session-item.active{background:var(--accent-color);border-left-color:var(--secondary-color)}.sidebar-session-item .session-info{flex:1 1;min-width:0}.sidebar-session-item .session-title{color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-session-item .session-time{color:var(--text-tertiary);font-size:11px;text-transform:uppercase}.session-delete-btn{background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;font-size:12px;margin-left:var(--space-xs);opacity:0;padding:var(--space-xs);transition:all .15s ease}.sidebar-session-item:hover .session-delete-btn{opacity:1}.session-delete-btn:hover{background:#e74c3c1a;color:#e74c3c;color:var(--error-color,#e74c3c)}.chat-main{flex:1 1;margin:0 auto;max-width:1000px;padding:var(--space-lg);width:100%}.chat-main,.loading-history{display:flex;flex-direction:column}.loading-history{align-items:center;color:var(--text-secondary);flex:1 1;gap:var(--space-md);justify-content:center}.spinner{height:40px;width:40px}.home-welcome{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--space-2xl);justify-content:center}.welcome-header{text-align:center}.welcome-avatar{align-items:center;display:flex;height:auto;justify-content:center;margin:0 auto var(--space-md);width:180px}.avatar-logo{height:100%;object-fit:contain;width:100%}.welcome-subtitle{color:var(--text-tertiary);font-size:16px;margin:0}.guide-prompts{max-width:600px;text-align:center;width:100%}.guide-prompts-label{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-md);text-transform:uppercase}.guide-prompts-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(3,1fr)}.guide-prompt-btn{align-items:center;background:var(--bg-secondary);border:var(--border-medium) solid var(--border-color);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-primary);gap:var(--space-xs);padding:var(--space-lg) var(--space-md);transition:all .15s ease}.guide-prompt-btn:hover{background:var(--accent-color);border-color:var(--secondary-color);transform:translateY(-2px)}.guide-icon{font-size:24px}.guide-text{color:var(--text-primary);font-size:13px;font-weight:600;text-align:center}@media (max-width:768px){.guide-prompts-grid{grid-template-columns:repeat(2,1fr)}.guide-prompt-btn{padding:var(--space-md) var(--space-sm)}.guide-icon{font-size:20px}.guide-text{font-size:12px}}@media (max-width:480px){.guide-prompts-grid{grid-template-columns:1fr 1fr}}.chat-messages{flex:1 1;overflow-y:auto;padding:var(--space-lg) 0}.chat-messages,.message{margin-bottom:var(--space-lg)}.message{display:flex;gap:var(--space-md)}.message-avatar{align-items:center;border:var(--border-medium) solid var(--primary-color);display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.message.user .message-avatar{background:var(--accent-color);color:var(--primary-color)}.message.ai .message-avatar{background:var(--secondary-color);color:var(--text-primary)}.ai-logo-icon{height:100%;object-fit:contain;padding:4px;width:100%}.message-content{flex:1 1;padding-top:var(--space-sm)}.message-text{word-wrap:break-word;color:var(--text-primary);font-size:15px;line-height:1.6}.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6{color:var(--text-primary);font-family:var(--font-display);font-weight:700;margin:var(--space-md) 0 var(--space-sm) 0;text-transform:uppercase}.message-text h1{font-size:1.6em}.message-text h2{font-size:1.4em}.message-text h3{font-size:1.2em}.message-text h4{font-size:1.1em}.message-text p{margin:var(--space-xs) 0}.message-text ol,.message-text ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.message-text li{margin:var(--space-xs) 0}.message-text code{background:var(--accent-color);color:var(--text-primary);font-family:var(--font-mono);font-size:.9em;padding:2px 6px}.message-text code,.message-text pre{border:var(--border-thin) solid var(--border-color)}.message-text pre{background:var(--bg-secondary);margin:var(--space-md) 0;overflow-x:auto;padding:var(--space-md)}.message-text pre code{background:none;border:none;color:var(--text-primary);font-size:.9em;padding:0}.message-text blockquote{border-left:var(--border-heavy) solid var(--secondary-color);color:var(--text-secondary);margin:var(--space-md) 0;padding-left:var(--space-md)}.message-text a{border-bottom:var(--border-thin) solid var(--info-color);color:var(--info-color);text-decoration:none;transition:border-color .15s ease}.message-text a:hover{border-bottom-color:var(--secondary-color);color:var(--secondary-color)}.message-text strong{color:var(--text-primary);font-weight:700}.message-text em{font-style:italic}.message-text hr{border:none;border-top:var(--border-medium) solid var(--border-color);margin:var(--space-lg) 0}.message-text table{border-collapse:collapse;margin:var(--space-md) 0;width:100%}.message-text td,.message-text th{border:var(--border-thin) solid var(--border-color);padding:var(--space-sm) var(--space-md);text-align:left}.message-text th{background:var(--secondary-color);color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.message-text img{border:var(--border-medium) solid var(--border-color);height:auto;margin:var(--space-md) 0;max-width:100%}.typing-indicator{display:flex;gap:var(--space-xs);padding:var(--space-md) 0}.typing-indicator span{animation:typingPulse 1.4s ease-in-out infinite;background:var(--secondary-color);height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingPulse{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.chat-input-container{background:#0000;bottom:0;padding:var(--space-md) var(--space-lg);position:-webkit-sticky;position:sticky}.chat-input-form{width:100%}.input-wrapper{align-items:flex-end;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;display:flex;gap:var(--space-sm);min-height:56px;padding:var(--space-md) var(--space-lg);transition:box-shadow .15s ease}.input-wrapper:focus-within{box-shadow:inset 0 0 0 1px var(--primary-color)}.chat-textarea{-ms-overflow-style:none;background:none;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-primary);font-size:15px;line-height:1.5;max-height:200px;overflow-x:hidden;overflow-y:hidden;padding:var(--space-xs) 0;resize:none;scrollbar-width:none}.chat-textarea::-webkit-scrollbar{display:none}.chat-textarea:focus{outline:none;overflow-y:auto}.chat-textarea::placeholder{color:var(--text-tertiary)}.btn-send{align-items:center;background:var(--secondary-color);border:none;border-radius:0;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:36px;justify-content:center;padding:0 var(--space-md);transition:all .15s ease;width:auto}.btn-send:hover:not(:disabled){background:var(--secondary-hover);transform:scale(1.05)}.btn-send:disabled{cursor:not-allowed;opacity:.3}.input-hint{color:var(--text-tertiary);font-size:11px;margin:var(--space-xs) 0 0 0;text-align:center}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:var(--bg-secondary)}.chat-messages::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.content-tools-bar{align-items:center;background:var(--bg-secondary);border:var(--border-medium) solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md)}.tools-label{color:var(--text-primary);font-size:11px;font-weight:700;letter-spacing:.1em;margin-right:var(--space-sm);text-transform:uppercase}.tool-btn{align-items:center;background:var(--bg-primary);border:var(--border-medium) solid var(--border-color);cursor:pointer;display:flex;font-family:var(--font-primary);gap:var(--space-xs);padding:var(--space-xs) var(--space-md);transition:all .15s ease}.tool-btn:hover{background:var(--secondary-color);border-color:var(--secondary-color);color:var(--text-primary)}.tool-label{font-size:12px;font-weight:600;text-transform:uppercase}.follow-up-prompts{background:var(--bg-secondary);border:var(--border-medium) solid var(--border-color);border-left:var(--border-heavy) solid var(--accent-color);display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md)}.follow-up-label{color:var(--text-primary);flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.follow-up-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--space-xs);width:100%}.follow-up-btn{background:var(--bg-primary);border:var(--border-medium) solid var(--border-color);color:var(--text-primary);cursor:pointer;flex:1 1;font-family:var(--font-primary);font-size:12px;min-width:0;overflow:hidden;padding:var(--space-sm) var(--space-md);text-align:center;text-overflow:ellipsis;transition:all .15s ease;white-space:nowrap}.follow-up-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:var(--primary-color)}@media (max-width:768px){.home-page{padding:var(--space-md)}.chat-sidebar{width:200px}.welcome-title{font-size:28px}.welcome-subtitle{font-size:14px}.message{gap:var(--space-sm)}.message-avatar{font-size:16px;height:32px;width:32px}.content-tools-bar,.input-wrapper{padding:var(--space-sm)}.content-tools-bar{gap:var(--space-xs)}.tools-label{margin-bottom:var(--space-xs);width:100%}.tool-btn{font-size:11px;padding:var(--space-xs) var(--space-sm)}.follow-up-prompts{padding:var(--space-sm)}.follow-up-buttons{flex-direction:column;gap:var(--space-xs)}.follow-up-btn{font-size:11px;padding:var(--space-xs) var(--space-sm);white-space:normal}}.dashboard{animation:fadeIn var(--transition-normal) ease-out;margin:0 auto;max-width:1280px;padding:var(--space-2xl) var(--space-xl)}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-2xl)}.dashboard-header .header-left h2{color:var(--text-primary);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-xs) 0}.dashboard-header .header-subtitle{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.dashboard-left,.dashboard-main{display:flex;gap:var(--space-lg)}.dashboard-left{flex:1 1;flex-direction:column;min-width:0}.action-buttons{display:flex;gap:var(--space-md)}.action-btn{align-items:flex-start;background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg);transition:all var(--transition-normal)}.action-btn:hover{background:var(--gradient-secondary);border-color:var(--secondary-color);box-shadow:var(--shadow-lavender);transform:translateY(-2px)}.action-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.action-desc{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.4}.dashboard-charts{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.reach-dashboard{background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.reach-dashboard:first-child{background:linear-gradient(135deg,#f8f8ff,#fff)}.reach-dashboard:nth-child(2){background:linear-gradient(135deg,#fff8f8,#fff)}.reach-dashboard:nth-child(3){background:linear-gradient(135deg,#f8fff8,#fff)}.reach-dashboard-header{margin-bottom:var(--space-md)}.reach-title-section{align-items:baseline;display:flex;gap:var(--space-sm);margin-bottom:4px}.reach-title-section h3{color:var(--text-secondary);font-size:var(--text-base);font-weight:600;margin:0}.reach-total-value{color:var(--text-primary);font-size:var(--text-xl);font-weight:700}.reach-subtitle{color:var(--text-tertiary);font-size:var(--text-xs)}.reach-bars-container{display:flex;flex-direction:column;gap:var(--space-sm)}.reach-bar-row{display:flex;flex-direction:column;gap:4px}.reach-bar-info{align-items:center;display:flex;gap:var(--space-xs)}.reach-bar-icon{align-items:center;display:flex;font-size:14px}.reach-bar-name{color:var(--text-tertiary);flex:1 1;font-size:var(--text-xs)}.reach-bar-count{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600}.reach-bar-track{background:var(--bg-tertiary);border-radius:var(--radius-full);height:6px;overflow:hidden}.reach-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .4s ease-out}.dashboard .sns-platform-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.dashboard .sns-platform-card{align-items:center;background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;height:60px;justify-content:center;transition:all var(--transition-normal);width:60px}.dashboard .sns-platform-card.connected{background:var(--gradient-secondary);border-color:var(--secondary-color)}.dashboard .sns-platform-card:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-lavender);transform:translateY(-3px)}.dashboard .sns-platform-card.disconnected{background:var(--bg-secondary);opacity:.5}.dashboard .sns-platform-card.disconnected:hover{background:var(--bg-primary);opacity:1}.dashboard .platform-icon-wrapper{position:relative}.dashboard .platform-icon{font-size:22px}.dashboard .connected-badge,.dashboard .platform-icon{align-items:center;display:flex;justify-content:center}.dashboard .connected-badge{background:#22c55e;border:2px solid var(--bg-primary);border-radius:var(--radius-full);bottom:-4px;box-shadow:var(--shadow-sm);color:#fff;font-size:9px;height:16px;position:absolute;right:-4px;width:16px}@media (max-width:1024px){.dashboard-main{flex-direction:column}.dashboard .sns-platform-grid{flex-direction:row;justify-content:center}.dashboard-charts{grid-template-columns:1fr}}@media (max-width:768px){.dashboard{padding:var(--space-lg) var(--space-md)}.dashboard-header .header-left h2{font-size:var(--text-2xl)}.action-buttons{flex-direction:column;gap:var(--space-sm)}.action-btn{padding:var(--space-md)}}@media (max-width:480px){.dashboard .sns-platform-card{height:40px;width:40px}.dashboard .platform-icon{font-size:18px}}.content-list-page{animation:fadeIn var(--transition-normal) ease-out;margin:0 auto;max-width:1280px;padding:var(--space-2xl) var(--space-xl)}.list-header{align-items:flex-start;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-2xl)}.content-tabs,.list-header{display:flex;flex-wrap:wrap}.content-tabs{border-bottom:var(--border-thin) solid var(--border-color);gap:var(--space-sm);padding-bottom:var(--space-md)}.content-tabs,.search-container{margin-bottom:var(--space-xl)}.search-input{background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);color:var(--text-primary);font-size:var(--text-sm);max-width:400px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast);width:100%}.search-input:hover{border-color:var(--border-hover)}.search-input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #d8bfd833;outline:none}.search-input::placeholder{color:var(--text-muted)}.content-table-container{background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);overflow:hidden}.content-table{border-collapse:collapse;width:100%}.content-table thead{background:var(--bg-secondary);border-bottom:var(--border-thin) solid var(--border-color)}.content-table th{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:var(--space-md) var(--space-lg);text-align:left;text-transform:uppercase}.content-table td{border-bottom:var(--border-thin) solid var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-lg)}.content-table tbody tr{transition:all var(--transition-fast)}.content-table tbody tr:hover{background:var(--bg-secondary)}.content-table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-xs);font-weight:600;padding:var(--space-xs) var(--space-md);white-space:nowrap}.status-draft{background:var(--bg-tertiary);color:var(--text-tertiary)}.status-scheduled{background:var(--accent-color);color:var(--info-dark)}.status-published{background:var(--success-light);color:var(--success-dark)}.status-failed{background:var(--error-light);color:var(--error-dark)}.action-buttons-cell{display:flex;gap:var(--space-xs)}.action-btn-small{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.action-btn-small:hover{background:var(--accent-color);color:var(--text-primary);transform:scale(1.05)}.action-btn-small.action-btn-delete:hover{background:var(--error-light);color:var(--error-dark)}.action-btn-small.action-btn-cancel:hover{background:var(--warning-light);color:var(--warning-dark)}.platform-cell{align-items:center;display:flex;gap:var(--space-sm)}.platform-icon{font-size:var(--text-xl)}.platform-name{font-weight:500}.content-title-cell{max-width:300px}.content-title-cell strong{color:var(--text-primary);display:block;font-weight:600;margin-bottom:var(--space-xs)}.content-preview{color:var(--text-tertiary);display:block;font-size:var(--text-xs);line-height:1.5}.content-preview-only{color:var(--text-secondary)}.date-cell{display:flex;flex-direction:column;gap:2px}.date-label{color:var(--text-tertiary);font-size:var(--text-xs)}.date-value{color:var(--text-secondary);font-size:var(--text-sm)}.loading-state{gap:var(--space-lg);padding:var(--space-4xl) var(--space-xl)}.loading-state .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:var(--radius-full);border-top-color:var(--secondary-color);height:40px;width:40px}.loading-state p{color:var(--text-tertiary);font-size:var(--text-sm)}.empty-state{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--space-4xl) var(--space-xl)}.empty-state h3{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-sm) 0}.empty-state p{font-size:var(--text-sm);margin:0 0 var(--space-xl) 0}.pagination{align-items:center;display:flex;gap:var(--space-md);justify-content:center}.pagination-btn{background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--accent-color);border-color:var(--secondary-color);color:var(--text-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:var(--space-sm)}.page-number{background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:500;height:40px;transition:all var(--transition-fast);width:40px}.page-number:hover{background:var(--accent-color)}.page-number.active,.page-number:hover{border-color:var(--secondary-color);color:var(--text-primary)}.page-number.active{background:var(--secondary-color);box-shadow:var(--shadow-sm)}@media (max-width:768px){.content-list-page{padding:var(--space-lg)}.list-header{align-items:stretch;flex-direction:column}.header-left h2{font-size:var(--text-2xl)}.content-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-md)}.tab-btn{flex-shrink:0}.content-table-container{border-radius:var(--radius-sm);overflow-x:auto}.content-table{min-width:700px}.search-input{max-width:100%}}.templates-page{animation:fadeIn var(--transition-normal) ease-out;margin:0 auto;max-width:1280px;padding:var(--space-2xl) var(--space-xl)}.templates-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-2xl)}.btn-primary{background:var(--gradient-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:var(--text-sm);font-weight:600;padding:var(--space-md) var(--space-xl);transition:all var(--transition-normal);white-space:nowrap}.btn-primary:hover{box-shadow:var(--shadow-lavender);transform:translateY(-2px)}.header-actions{align-items:center;display:flex;gap:var(--space-md)}.templates-tabs{border-bottom:var(--border-thin) solid var(--border-color);flex-wrap:wrap;margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.tab-btn,.templates-tabs{display:flex;gap:var(--space-sm)}.tab-btn{align-items:center;background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.tab-btn:hover{background:var(--bg-secondary)}.tab-btn.active,.tab-btn:hover{border-color:var(--secondary-color);color:var(--text-primary)}.tab-btn.active{background:var(--secondary-color);box-shadow:var(--shadow-sm)}.tab-count{background:#ffffff4d;border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:600;padding:2px var(--space-sm)}.tab-btn:not(.active) .tab-count{background:var(--bg-tertiary);color:var(--text-tertiary)}.tab-add-btn{border-style:dashed;color:var(--text-tertiary);font-size:var(--text-lg);font-weight:600;min-width:40px;padding:var(--space-sm) var(--space-md)}.tab-add-btn:hover{background:var(--accent-color);border-color:var(--secondary-color);color:var(--secondary-color)}.tab-content-header{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg)}.tab-content-info{align-items:center;display:flex;gap:var(--space-sm)}.tab-content-icon{font-size:var(--text-xl)}.tab-content-label{color:var(--text-primary);font-size:var(--text-lg);font-weight:600}.tab-content-count{color:var(--text-tertiary);font-size:var(--text-sm);margin-left:var(--space-sm)}.tab-content-actions{display:flex;gap:var(--space-sm)}.btn-tab-action{align-items:center;background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.btn-tab-action:hover{background:var(--accent-color);border-color:var(--secondary-color);color:var(--text-primary)}.btn-tab-action.delete:hover{background:var(--error-light);border-color:var(--error-color);color:var(--error-dark)}.templates-loading{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-4xl)}.templates-loading .templates-spinner{animation:templates-spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--secondary-color);height:40px;margin-bottom:var(--space-lg);width:40px}@keyframes templates-spin{to{transform:rotate(1turn)}}.templates-empty{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--space-4xl) var(--space-xl);text-align:center}.templates-empty .empty-icon{font-size:64px;margin-bottom:var(--space-lg)}.templates-empty h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-sm) 0}.templates-empty p{color:var(--text-tertiary);font-size:var(--text-sm);margin:0 0 var(--space-xl) 0}.templates-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.template-card{background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:var(--space-xl);transition:all var(--transition-normal)}.template-card:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.template-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.template-icon{font-size:40px}.template-type-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;padding:var(--space-xs) var(--space-md);text-transform:uppercase}.type-promotion .template-type-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff}.type-event .template-type-badge{background:linear-gradient(135deg,#feca57,#f39c12);color:#333}.type-menu .template-type-badge{background:linear-gradient(135deg,#48dbfb,#0abde3);color:#fff}.type-info .template-type-badge{background:linear-gradient(135deg,#5f27cd,#341f97);color:#fff}.type-how_to .template-type-badge{background:linear-gradient(135deg,#00d2d3,#01a3a4);color:#fff}.template-category{color:var(--info-color);font-size:var(--text-sm);font-weight:500;margin:0 0 var(--space-sm) 0}.template-description{color:var(--text-tertiary);font-size:var(--text-sm);line-height:1.6;margin:0 0 var(--space-md) 0}.template-prompt-preview{background:var(--bg-secondary);border-radius:var(--radius-md);flex:1 1;margin-bottom:var(--space-lg);padding:var(--space-md)}.template-prompt-preview code{color:var(--text-secondary);display:block;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;white-space:pre-wrap;word-break:break-word}.template-footer{align-items:center;border-top:var(--border-thin) solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-md);padding-top:var(--space-md)}.template-uses{color:var(--text-tertiary);font-size:var(--text-xs)}.template-actions{display:flex;gap:var(--space-xs)}.btn-action{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.btn-action:hover{background:var(--accent-color);color:var(--text-primary);transform:scale(1.05)}.btn-action.delete:hover{background:var(--error-light);color:var(--error-dark)}.btn-use-template{background:var(--secondary-color);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:var(--space-md);transition:all var(--transition-fast);width:100%}.btn-use-template:hover{background:var(--secondary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.modal-overlay{padding:var(--space-xl)}.modal-content{max-width:560px}.modal-content.modal-sm{max-width:420px}.modal-header h3{font-size:var(--text-xl)}.modal-close{color:var(--text-secondary)}.modal-footer{background:var(--bg-secondary);border-radius:0 0 var(--radius-md) var(--radius-md);padding:var(--space-lg) var(--space-xl)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary)}.form-group textarea{font-family:var(--font-mono);min-height:120px}.form-hint{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:var(--space-xs)}.type-selector{display:flex;gap:var(--space-sm)}.type-selector.purpose-selector{flex-wrap:wrap}.purpose-selector .type-btn{flex:0 1 calc(33.333% - var(--space-sm));min-width:100px}.type-btn{background:var(--bg-primary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--text-sm);font-weight:500;padding:var(--space-md);transition:all var(--transition-fast)}.type-btn.active,.type-btn:hover{border-color:var(--secondary-color);color:var(--text-primary)}.type-btn.active{background:var(--secondary-color)}.icon-selector{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.icon-btn{background:var(--bg-primary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xl);height:48px;transition:all var(--transition-fast);width:48px}.icon-btn:hover{transform:scale(1.05)}.icon-btn.active,.icon-btn:hover{border-color:var(--secondary-color)}.icon-btn.active{background:var(--accent-color)}.btn-secondary{border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--secondary-color)}@media (max-width:768px){.templates-page{padding:var(--space-lg)}.templates-header{align-items:stretch;flex-direction:column}.header-actions{flex-direction:column;gap:var(--space-sm)}.header-actions .btn-primary,.header-actions .btn-secondary{justify-content:center;width:100%}.header-left h2{font-size:var(--text-2xl)}.templates-tabs{flex-wrap:wrap}.tab-content-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.tab-content-actions{width:100%}.btn-tab-action{flex:1 1;justify-content:center}.templates-grid{grid-template-columns:1fr}.type-selector{flex-direction:column}.modal-content{border-radius:var(--radius-md);margin:var(--space-sm);max-height:95vh}}.settings-page{animation:fadeIn var(--transition-normal) ease-out;margin:0 auto;max-width:1280px;padding:var(--space-2xl) var(--space-xl)}.settings-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-2xl)}.header-left h2{color:var(--text-primary);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-xs) 0}.header-subtitle{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.settings-section{background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);padding:var(--space-xl);transition:box-shadow var(--transition-normal)}.settings-section:hover{box-shadow:var(--shadow-md)}.section-header{border-bottom:var(--border-thin) solid var(--border-color)}.settings-section h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.section-count{background:var(--bg-secondary);border-radius:var(--radius-full);color:var(--text-tertiary);font-size:var(--text-xs);padding:var(--space-xs) var(--space-md)}.section-description{color:var(--text-tertiary);font-size:var(--text-sm);margin:0 0 var(--space-xl) 0}.platform-list{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.platform-item{align-items:center;background:var(--bg-secondary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);display:flex;gap:var(--space-lg);justify-content:space-between;padding:var(--space-xl);text-decoration:none;transition:all var(--transition-fast)}.platform-item:not(.disabled):hover{border-color:var(--secondary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.platform-item.disabled{cursor:not-allowed;opacity:.5}.platform-item.connected{background:var(--success-light);border-color:var(--success-color);border-left:4px solid var(--success-color)}.platform-item.connected .platform-status{color:var(--success-dark)}.platform-info{flex:1 1}.platform-name{color:var(--text-primary);display:block;font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-xs)}.platform-status{color:var(--text-tertiary);font-size:var(--text-sm)}.btn-connect{background:var(--secondary-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast);white-space:nowrap}.btn-connect:hover:not(:disabled){background:var(--secondary-hover);transform:translateY(-1px)}.btn-connect:disabled{background:var(--text-tertiary);cursor:not-allowed;opacity:.4}.account-actions{flex-direction:column;gap:var(--space-md)}.account-link-card{align-items:center;background:var(--bg-secondary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--space-xl);text-decoration:none;transition:all var(--transition-fast)}.account-link-card:hover{background:var(--bg-tertiary);border-color:var(--secondary-color);transform:translateX(4px)}.logout-button{align-items:center;background:#0000;border:var(--border-thin) solid var(--error-color);border-radius:var(--radius-sm);color:var(--error-color);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:600;justify-content:center;padding:var(--space-md) var(--space-xl);transition:all var(--transition-fast)}.logout-button:hover{background:var(--error-color);color:#fff}.account-link-content{flex:1 1}.account-link-title{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-xs)}.account-link-description{color:var(--text-tertiary);font-size:var(--text-sm)}.account-link-arrow{color:var(--text-tertiary);font-size:var(--text-xl);transition:all var(--transition-fast)}.account-link-card:hover .account-link-arrow{color:var(--secondary-color);transform:translateX(4px)}.btn-edit{background:var(--secondary-color);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.btn-edit:hover{background:var(--secondary-hover);transform:translateY(-1px)}.profile-info-grid{grid-gap:var(--space-lg);gap:var(--space-lg)}.info-card{border-radius:var(--radius-sm)}.info-card.full-width{grid-column:1/-1}.info-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-sm)}.info-value{font-size:var(--text-base);font-weight:500}.info-value.description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.info-value.business-type{color:var(--info-color);font-weight:600}.interests-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.interest-tag{background:var(--info-color);border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:var(--text-xs);font-weight:600;padding:var(--space-xs) var(--space-md)}.preferences-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.preference-card{background:var(--bg-secondary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-lg)}.preference-card h4{border-bottom:var(--border-thin) solid var(--border-color);color:var(--text-primary);font-size:var(--text-sm);font-weight:600;margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm)}.preference-item{margin-bottom:var(--space-md)}.preference-item:last-child{margin-bottom:0}.preference-label{color:var(--text-tertiary);display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-xs);text-transform:uppercase}.preference-value{color:var(--text-primary);font-size:var(--text-sm);font-weight:500}.tone-badge{background:var(--secondary-color);border-radius:var(--radius-sm);color:var(--text-primary);display:inline-block;font-size:var(--text-xs);font-weight:600;padding:var(--space-xs) var(--space-md)}.text-sample{background:var(--bg-primary);border-left:3px solid var(--info-color);border-radius:var(--radius-sm);font-style:italic;padding:var(--space-md)}.preference-description,.text-sample{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.preference-description{margin:0}.style-sample-image{border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-md);max-height:200px;object-fit:cover;width:100%}.onboarding-prompt{background:var(--gradient-primary);border-radius:var(--radius-md);text-align:center}.onboarding-prompt .prompt-content h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-sm) 0}.onboarding-prompt .prompt-content p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-lg) 0}.onboarding-button{background:var(--bg-primary);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:var(--space-sm) var(--space-xl);transition:all var(--transition-fast)}.onboarding-button:hover{background:var(--bg-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.modal-overlay{align-items:center;animation:fadeIn var(--transition-fast) ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp var(--transition-normal) ease-out;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:var(--border-thin) solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-xl)}.modal-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:var(--text-2xl);height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.modal-close:hover{background:var(--accent-color);color:var(--text-primary)}.modal-body,.modal-footer{padding:var(--space-xl)}.modal-footer{border-top:var(--border-thin) solid var(--border-color);display:flex;gap:var(--space-md);justify-content:flex-end}.form-group{margin-bottom:var(--space-xl)}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-md);transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #d8bfd833}.interest-input-row{display:flex;gap:var(--space-sm)}.interest-input-row input{flex:1 1}.btn-add-interest{background:var(--info-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast);white-space:nowrap}.btn-add-interest:hover{opacity:.9;transform:translateY(-1px)}.edit-interests-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.edit-interest-tag{align-items:center;background:var(--info-color);border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:var(--space-xs);padding:var(--space-xs) var(--space-md)}.edit-interest-tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:var(--text-sm);opacity:.7;padding:0;transition:opacity var(--transition-fast)}.edit-interest-tag button:hover{opacity:1}.btn-cancel{background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-sm) var(--space-lg)}.btn-cancel:hover{background:var(--bg-tertiary)}.btn-save{background:var(--secondary-color);border:none;border-radius:var(--radius-md);color:var(--text-primary);padding:var(--space-sm) var(--space-lg)}.btn-save:hover:not(:disabled){background:var(--secondary-hover);transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.settings-page{padding:var(--space-lg)}.header-left h2{font-size:var(--text-2xl)}.settings-section{border-radius:var(--radius-sm);padding:var(--space-lg)}.platform-list{grid-template-columns:1fr}.platform-item{flex-wrap:wrap}.btn-connect{text-align:center;width:100%}}.mypage-container{margin:0 auto;max-width:1200px;padding:var(--space-xl)}.mypage-header{border-bottom:var(--border-thick) solid var(--primary-color);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);text-align:center}.mypage-header h1{color:var(--text-primary);font-family:var(--font-display);font-size:36px;font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-sm);text-transform:uppercase}.mypage-header .subtitle{color:var(--text-secondary);font-size:14px}.profile-section{background:var(--bg-primary);border:var(--border-medium) solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl);transition:border-color .15s ease}.profile-section:hover{border-color:var(--primary-color)}.section-header{border-bottom:var(--border-medium) solid var(--border-color);padding-bottom:var(--space-md)}.section-header h2{font-family:var(--font-display);font-size:18px;margin:0}.provider-badge,.section-header h2{color:var(--text-primary);font-weight:700;text-transform:uppercase}.provider-badge{background:var(--secondary-color);border-radius:var(--radius-sm);display:inline-block;font-size:12px;letter-spacing:.05em;padding:var(--space-sm) var(--space-md)}.profile-info-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-card{background:var(--bg-secondary);border:var(--border-thin) solid var(--border-color);border-left:var(--border-heavy) solid var(--secondary-color);border-radius:var(--radius-md);padding:var(--space-lg);transition:all .15s ease}.info-card:nth-child(2){border-left-color:var(--accent-color)}.info-card:nth-child(3){border-left-color:var(--info-color)}.info-card:hover{background:var(--bg-tertiary)}.info-label{color:var(--text-tertiary);font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:var(--space-xs);text-transform:uppercase}.info-value{color:var(--text-primary);font-size:16px;font-weight:600;word-break:break-word}.profile-image-card{align-items:center;display:flex;flex-direction:column;text-align:center}.profile-image{border:var(--border-heavy) solid var(--primary-color);border-radius:50%;height:100px;margin-top:var(--space-sm);object-fit:cover;width:100px}.loading-spinner{flex-direction:column;gap:var(--space-md);min-height:400px}.spinner{border:var(--border-heavy) solid var(--bg-tertiary);height:50px;width:50px}.loading-spinner p{color:var(--text-secondary);font-size:14px;letter-spacing:.05em;text-transform:uppercase}.error-message{flex-direction:column;gap:var(--space-md);justify-content:center;min-height:400px}.error-icon{font-size:48px}.error-message p{color:var(--error-color);font-size:14px}.retry-button{background:var(--secondary-color);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:700;padding:var(--space-sm) var(--space-lg);transition:all .15s ease}.retry-button:hover{background:var(--secondary-hover)}.empty-state{min-height:400px}.empty-state p{color:var(--text-tertiary);font-size:14px;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.mypage-container{padding:var(--space-md)}.mypage-header h1{font-size:28px}.profile-section{padding:var(--space-lg)}.section-header{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.profile-info-grid{grid-template-columns:1fr}}.content-hub{align-items:center;background:linear-gradient(135deg,#fdfbfb,#f5f0ff 50%,#ebedee);display:flex;justify-content:center;margin:calc(var(--space-lg)*-1);min-height:100vh;padding:var(--space-xl)}.hub-container{align-items:center;display:grid;grid-template-columns:1fr 1fr;max-width:1100px;position:relative;width:100%;z-index:1}.hub-input-section{max-width:480px}.hub-title{color:var(--text-primary);font-family:var(--font-display);font-size:42px;font-weight:800;letter-spacing:-.5px;line-height:1.25;margin:0 0 var(--space-md) 0}.title-highlight{color:var(--primary-color)}.hub-subtitle{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 0 var(--space-xl) 0}.input-box{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:16px;margin-bottom:var(--space-lg);padding:var(--space-md);transition:all .2s ease}.input-box:focus-within{border-color:#d8bfd8;box-shadow:0 0 0 4px #d8bfd84d}.hub-textarea{background:#0000;border:none;color:var(--text-primary);font-family:inherit;font-size:15px;line-height:1.5;outline:none;resize:none;width:100%}.hub-textarea::placeholder{color:var(--text-tertiary)}.generate-btn{align-items:center;background:var(--primary-color);border:none;border-radius:14px;box-shadow:0 4px 20px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:var(--space-sm);justify-content:center;margin-top:var(--space-sm);overflow:hidden;padding:18px var(--space-xl);position:relative;transition:all .3s ease;width:100%}.generate-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.generate-btn:hover:before{left:100%}.generate-btn:hover{background:var(--text-primary);box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.generate-btn:hover .btn-arrow{transform:translateX(4px)}.quick-options{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.quick-chip{background:var(--bg-secondary);border:1px solid var(--border-color);padding:6px 14px;transition:all .15s ease}.other-options{border-top:1px solid #8b5cf61a;margin-top:var(--space-lg);padding-top:var(--space-lg)}.option-btn{border:1px solid #8b5cf626}.hub-preview-section{align-items:center;display:flex;flex-direction:column}.preview-slider{height:450px;overflow:hidden;position:relative;width:380px}.preview-slide{height:100%;left:0;opacity:0;position:absolute;top:0;transform:translateX(100%);transition:all .5s ease;width:100%}.preview-slide.active{opacity:1;transform:translateX(0)}.preview-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #d8bfd866;border-radius:20px;box-shadow:0 8px 32px #8b5cf61a,inset 0 0 0 1px #ffffff80;display:flex;flex-direction:column;height:100%;padding:var(--space-lg);transition:all .4s ease;width:100%}.slide-indicators{display:flex;gap:8px;justify-content:center;margin-top:var(--space-lg)}.slide-dot{background:#d8bfd8;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .3s ease;width:8px}.slide-dot.active{background:var(--primary-color);box-shadow:0 0 8px #00000026;transform:scale(1.3)}.slide-dot:hover{background:#c9a9c9}.preview-card-header{margin-bottom:var(--space-md)}.preview-badge{background:#e6e6fa;border:1px solid #d8bfd8;border-radius:8px;color:var(--text-primary);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.preview-badge.badge-blog,.preview-badge.badge-image,.preview-badge.badge-instagram,.preview-badge.badge-threads,.preview-badge.badge-video,.preview-badge.badge-x{background:#e6e6fa;border-color:#d8bfd8;color:var(--text-primary)}.preview-card-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.preview-title{font-size:15px;font-weight:600;margin:0 0 var(--space-sm) 0}.preview-content{color:var(--text-secondary);flex:1 1;font-size:13px;line-height:1.6;margin:0;overflow:hidden;white-space:pre-line}.preview-markdown{white-space:normal}.preview-markdown p{margin:0 0 8px}.preview-markdown p:last-child{margin-bottom:0}.preview-markdown strong{color:var(--text-primary);font-weight:600}.preview-markdown em{font-style:italic}.preview-markdown h1,.preview-markdown h2,.preview-markdown h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 6px}.preview-markdown ol,.preview-markdown ul{margin:0 0 8px;padding-left:16px}.preview-markdown li{margin-bottom:2px}.preview-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-md)}.preview-tag{background:#8b5cf61a;border:1px solid #8b5cf626;border-radius:6px;color:#7c3aed;font-size:11px;padding:4px 10px}.content-hub .preview-image-placeholder{align-items:center;background:#e6e6fa;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:var(--space-sm);justify-content:center}.image-icon{font-size:32px}.preview-image-placeholder span{color:var(--text-tertiary);font-size:12px}.content-hub .preview-image-actual{border-radius:8px;flex:1 1;overflow:hidden}.content-hub .preview-image-actual img{height:100%;object-fit:cover;width:100%}.content-hub .preview-video-placeholder{align-items:center;background:#d8bfd8;border-radius:8px;display:flex;flex:1 1;flex-direction:column;justify-content:center;position:relative}.video-play-btn{align-items:center;background:var(--primary-color);border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:18px;height:48px;justify-content:center;padding-left:4px;width:48px}.video-progress{background:#ffffff80;border-radius:2px;bottom:12px;height:4px;left:12px;position:absolute;right:12px}.video-progress-bar{background:var(--primary-color);border-radius:2px;height:100%;width:35%}.video-duration{bottom:20px;color:var(--text-primary);font-size:11px;right:12px}.preview-caption{color:var(--text-tertiary);font-size:13px;margin-top:var(--space-lg);opacity:.8;text-align:center}@media (max-width:1024px){.hub-container{grid-template-columns:1fr;max-width:500px}.hub-input-section{max-width:100%;order:1}.hub-preview-section{margin-top:var(--space-xl);order:2}.hub-title{font-size:34px}.hub-subtitle,.hub-title{text-align:center}.preview-slider{height:400px;width:340px}}@media (max-width:768px){.content-hub{align-items:flex-start;padding:var(--space-lg);padding-top:var(--space-2xl)}.hub-title{font-size:28px}.hub-subtitle{font-size:14px}.hub-preview-section{display:none}.generate-btn{font-size:16px;padding:16px var(--space-lg)}}.credit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.credit-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.credit-modal-close{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:24px;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s}.credit-modal-close:hover{background:#f5f5f5;color:#333}.credit-modal-header{border-bottom:1px solid #eee;padding:32px 32px 24px;text-align:center}.credit-modal-header.success{border-bottom:none;padding-bottom:16px}.credit-modal-icon{color:#ff8b5a;font-size:48px;margin-bottom:16px}.credit-modal-header h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 8px}.credit-modal-header p{color:#666;font-size:14px;margin:0}.credit-packages{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:24px}.credit-packages-loading{color:#666;grid-column:1/-1;padding:40px;text-align:center}.credit-package-card{background:#fff;border:2px solid #e5e5e5;border-radius:16px;cursor:pointer;padding:20px 16px;position:relative;text-align:center;transition:all .2s}.credit-package-card:hover{border-color:#ff8b5a;box-shadow:0 4px 12px #ff8b5a26;transform:translateY(-2px)}.credit-package-card.selected{background:linear-gradient(135deg,#fff5f2,#fff);border-color:#ff8b5a}.credit-package-card.popular{border-color:#ff8b5a}.package-badge{background:linear-gradient(135deg,#ff8b5a,#ff6b3d);border-radius:12px;color:#fff;font-size:11px;font-weight:600;left:50%;padding:4px 12px;position:absolute;top:-10px;transform:translateX(-50%)}.package-name{color:#1a1a1a;font-size:16px;font-weight:700;margin-bottom:12px}.package-credits{margin-bottom:8px}.credits-amount{color:#ff8b5a;font-size:28px;font-weight:800}.credits-label{color:#666;font-size:12px;margin-left:4px}.package-bonus{align-items:center;background:#fff5f2;border-radius:12px;color:#ff8b5a;display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin-bottom:8px;padding:4px 10px}.package-total{color:#666;font-size:13px;margin-bottom:12px}.package-total strong{color:#1a1a1a}.package-price{color:#1a1a1a;font-size:18px;font-weight:700}.package-unit-price{color:#999;font-size:11px;margin-top:4px}.package-selected-check{align-items:center;background:#ff8b5a;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.credit-confirm-details{padding:24px 32px}.confirm-row{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.confirm-label{color:#666;font-size:14px}.confirm-value{color:#1a1a1a;font-size:14px;font-weight:600}.confirm-row.bonus .confirm-value{color:#ff8b5a}.confirm-row.total{padding-top:16px}.confirm-row.total .confirm-label,.confirm-row.total .confirm-value{font-size:16px;font-weight:700}.confirm-divider{border-top:1px dashed #ddd;margin:8px 0}.confirm-row.price{padding-top:16px}.confirm-row.price .confirm-label{color:#1a1a1a;font-size:16px}.confirm-row.price .confirm-value{color:#ff8b5a;font-size:24px;font-weight:800}.credit-notice{padding:0 32px 24px}.credit-notice p{color:#999;font-size:12px;margin:0;text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.success-icon svg{color:#fff;font-size:32px}.credit-success-message{padding:24px 32px;text-align:center}.credit-success-message p{color:#666;margin:0}.credit-modal-footer{display:flex;gap:12px;padding:16px 32px 32px}.btn-back{background:#fff;border:2px solid #e5e5e5;border-radius:12px;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.btn-back:hover{border-color:#ccc;color:#333}.btn-charge{background:linear-gradient(135deg,#ff8b5a,#ff6b3d);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:2 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.btn-charge:hover:not(:disabled){box-shadow:0 4px 12px #ff8b5a4d;transform:translateY(-1px)}.btn-charge:disabled{background:#ccc;cursor:not-allowed}@media (max-width:480px){.credit-modal{margin:16px;width:95%}.credit-packages{grid-template-columns:1fr;padding:16px}.credit-modal-header{padding:24px 20px 20px}.credit-confirm-details,.credit-modal-footer,.credit-notice{padding-left:20px;padding-right:20px}}.content-creator{animation:fadeIn .4s ease;background:linear-gradient(135deg,#fdfbfb,#f5f0ff 50%,#ebedee);margin:calc(var(--space-lg)*-1);min-height:100vh;padding:var(--space-2xl) var(--space-xl)}.creator-container{margin:0 auto;max-width:1000px}.content-creator .page-header{margin-bottom:var(--space-2xl);text-align:center}.content-creator .page-header h2{color:var(--text-primary);font-family:var(--font-display);font-size:36px;font-weight:800;letter-spacing:-.5px;margin:0 0 var(--space-sm) 0}.content-creator .page-description{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0}.creator-grid{grid-gap:var(--space-2xl);align-items:start;display:grid;gap:var(--space-2xl);grid-template-columns:1.2fr minmax(0,1fr)}.creator-left{display:flex;flex-direction:column;gap:var(--space-xl);min-width:0}.creator-right{max-width:100%;min-width:0;position:-webkit-sticky;position:sticky;top:var(--space-xl)}.creator-options-placeholder{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:2px dashed #d8bfd880;border-radius:24px;display:flex;flex-direction:column;justify-content:center;min-height:320px;padding:var(--space-xl);text-align:center}.creator-options-placeholder .placeholder-icon{font-size:48px;margin-bottom:var(--space-md);opacity:.6}.creator-options-placeholder p{color:var(--text-tertiary);font-size:14px;line-height:1.6;margin:0}.creator-options-panel{animation:fadeIn .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #d8bfd866;border-radius:24px;box-shadow:0 8px 32px #8b5cf614;max-width:100%;overflow:hidden;padding:var(--space-xl)}.options-title{border-bottom:1px solid #d8bfd84d;color:var(--text-primary);font-family:var(--font-display);font-size:18px;font-weight:700;margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-md)}.creator-label{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:var(--space-sm)}.creator-type-section{margin-bottom:var(--space-lg)}.creator-type-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(4,1fr)}.creator-type-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #d8bfd84d;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;flex-direction:column;padding:var(--space-md) var(--space-sm);position:relative;text-align:center;transition:all .25s ease}.creator-type-card:hover{background:#fffffff2;border-color:#d8bfd8;box-shadow:0 6px 20px #8b5cf61a;transform:translateY(-2px)}.creator-type-card.selected{background:#e6e6fa;border-color:var(--primary-color);box-shadow:0 4px 16px #8b5cf626}.type-icon{font-size:24px;margin-bottom:var(--space-xs)}.type-label{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.type-desc{color:var(--text-tertiary);font-size:11px}.creator-type-card.selected .type-desc{color:var(--text-secondary)}.creator-type-card.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.new-badge,.recommended-badge{border-radius:10px;font-size:10px;font-weight:700;padding:2px 8px;position:absolute;right:-8px;top:-8px}.recommended-badge{background:var(--accent-color);color:var(--text-secondary)}.new-badge{background:#4caf50;color:#fff}.creator-input-box{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:2px solid #d8bfd84d;border-radius:20px;box-shadow:0 4px 20px #0000000a;margin-bottom:var(--space-md);padding:var(--space-lg);transition:all .25s ease}.creator-input-box:focus-within{background:#fffffff2;border-color:#d8bfd8;box-shadow:0 0 0 4px #d8bfd833,0 8px 30px #8b5cf614}.creator-textarea{background:#0000;border:none;color:var(--text-primary);font-family:inherit;font-size:16px;line-height:1.7;min-height:100px;outline:none;resize:none;width:100%}.creator-textarea::placeholder{color:var(--text-tertiary)}.creator-textarea:disabled{cursor:not-allowed;opacity:.6}.creator-generate-btn{align-items:center;background:var(--primary-color);border:none;border-radius:14px;box-shadow:0 4px 20px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md);overflow:hidden;padding:18px var(--space-xl);position:relative;transition:all .3s ease;width:100%}.creator-generate-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.creator-generate-btn:hover:not(:disabled):before{left:100%}.creator-generate-btn:hover:not(:disabled){background:var(--text-primary);box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.creator-generate-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-arrow{font-size:18px;transition:transform .2s ease}.creator-generate-btn:hover:not(:disabled) .btn-arrow{transform:translateX(4px)}.credit-cost-badge{background:#ffffff40;border-radius:12px;font-size:12px;font-weight:600;margin-left:8px;padding:4px 10px}.creator-quick-options{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.quick-label{color:var(--text-tertiary);font-size:13px}.quick-chip{background:#ffffffb3;border:1px solid #d8bfd84d;border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.quick-chip:hover{background:#e6e6fa;border-color:#d8bfd8;color:var(--text-primary);transform:translateY(-1px)}.quick-chip:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.creator-option-section{margin-bottom:var(--space-lg);max-width:100%;overflow:visible}.creator-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.creator-chip{background:#ffffffb3;border:1px solid #d8bfd84d;border-radius:24px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:10px 18px;transition:all .2s ease}.creator-chip:hover{background:#ffffffe6;border-color:#d8bfd8;color:var(--text-primary);transform:translateY(-1px)}.creator-chip.selected{background:#e6e6fa;border-color:var(--primary-color);color:var(--text-primary);font-weight:600}.creator-chip:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.template-category-tabs{border-bottom:1px solid #d8bfd84d;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.category-tab{align-items:center;background:#fff9;border:1px solid #d8bfd84d;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.category-tab:hover{background:#ffffffe6;border-color:#d8bfd899}.category-tab.active{background:linear-gradient(135deg,#e6e6fa,#f5f0ff);border-color:var(--primary-color);box-shadow:0 2px 8px #66339926;color:var(--primary-color);font-weight:600}.category-tab:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.category-icon{font-size:14px}.category-name{font-weight:inherit}.creator-template-grid{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:var(--space-sm);max-width:100%;min-height:60px;overflow-x:auto;overflow-y:visible;padding:4px 4px 14px;scrollbar-color:#d8bfd899 #d8bfd833;scrollbar-width:thin}.creator-template-grid::-webkit-scrollbar{display:block;height:8px}.creator-template-grid::-webkit-scrollbar-track{background:#d8bfd833;border-radius:4px}.creator-template-grid::-webkit-scrollbar-thumb{background:#d8bfd899;border-radius:4px}.creator-template-grid::-webkit-scrollbar-thumb:hover{background:#d8bfd8e6}.creator-template-card{align-items:center;background:#fffc;border:2px solid #d8bfd84d;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;flex:0 0 auto;flex-direction:row;gap:10px;padding:12px 18px;transition:all .2s ease;white-space:nowrap}.creator-template-card:hover{background:#fffffff2;border-color:#d8bfd8;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.creator-template-card.selected{background:#e6e6fa;border-color:var(--primary-color);box-shadow:0 4px 16px #66339926}.creator-template-card:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.template-color-preview{border:2px solid #fffc;border-radius:50%;box-shadow:0 2px 6px #00000026;flex-shrink:0;height:24px;width:24px}.template-color-preview.auto-gradient{animation:rotate-gradient 3s linear infinite;background:conic-gradient(from 0deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff,#5f27cd,#ff6b6b)}@keyframes rotate-gradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.creator-template-card.auto-select{border-style:dashed}.category-tab.no-template-tab{border-color:#6464644d;border-style:dashed}.category-tab.no-template-tab.active{background:rgba(var(--primary-rgb),.1);border-color:var(--primary);border-style:solid}.template-auto-info{align-items:center;background:linear-gradient(135deg,#e6e6fa4d,#fff0f54d);border:1px dashed #8a2be24d;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;margin-top:var(--space-lg);padding:var(--space-xl);text-align:center}.template-auto-info .auto-info-icon{animation:pulse-glow 2s ease-in-out infinite;font-size:32px;margin-bottom:var(--space-sm)}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.template-auto-info p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.template-name{color:var(--text-secondary);font-size:13px;font-weight:500;line-height:1}.creator-template-card.selected .template-name{color:var(--text-primary);font-weight:600}.template-preview-section{border-top:1px dashed #d8bfd866;margin-top:var(--space-lg);padding-top:var(--space-lg)}.template-preview-card{aspect-ratio:1/1;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026;margin:0 auto;max-width:280px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.preview-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;transition:background-color .3s ease}.preview-content-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border-radius:16px;max-width:85%;text-align:center;transition:all .3s ease}.preview-title{margin:0 0 8px;text-shadow:0 2px 8px #0003;transition:all .3s ease}.preview-subtitle{margin:0;text-shadow:0 1px 4px #00000026;transition:all .3s ease}.preview-vignette{background:radial-gradient(ellipse at center,#0000 40%,#0006 100%);inset:0;pointer-events:none;position:absolute}.template-description-text{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:var(--space-md) 0 0 0;text-align:center}.preview-nav-btn{align-items:center;background:#ffffffe6;border:1px solid #d8bfd866;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.preview-nav-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.05)}.preview-nav-btn svg{height:18px;width:18px}.template-preview-slider{align-items:center;display:flex;gap:var(--space-sm);margin:0 auto;max-width:340px}.template-preview-slider .preview-slides-container{border-radius:var(--radius-lg);flex:1 1;max-width:220px;min-width:220px;overflow:hidden;width:220px}.template-preview-slider .preview-slides{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1)}.template-preview-slider .preview-slide{align-items:center;box-sizing:border-box;display:flex;flex:0 0 100%;flex-direction:column;opacity:1!important;position:static!important;transform:none!important;transition:none!important;width:100%}.template-preview-slider .preview-slide .template-preview-card{height:200px;margin:0 auto;transition:height .3s ease;width:200px}.template-preview-slider .preview-slide .template-preview-image{align-items:center;background:#f5f5f5;display:flex;height:200px;justify-content:center;overflow:hidden;width:200px}.template-preview-slider .preview-slide .template-preview-image .preview-img{border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000026;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.template-preview-slider .preview-slide .template-preview-image .preview-img:hover{transform:scale(1.02)}.template-preview-slider .preview-slide .preview-placeholder{align-items:center;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;font-size:12px;height:100%;justify-content:center;width:100%}.template-preview-section .preview-indicators{display:flex;gap:8px;justify-content:center;margin-top:var(--space-md)}.template-preview-section .preview-indicators .indicator{background:#d8bfd880;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .2s ease;width:8px}.template-preview-section .preview-indicators .indicator:hover{background:#d8bfd8cc}.template-preview-section .preview-indicators .indicator.active{background:var(--primary);border-radius:4px;width:20px}.template-preview-slider .slide-label{color:var(--text-secondary);display:block;font-size:12px;font-weight:500;margin-top:var(--space-sm);text-align:center}.preview-content-card.content-page{text-align:left}.preview-content-title{border-opacity:.3;border-bottom:1px solid;margin:0 0 10px;padding-bottom:8px;text-shadow:0 2px 6px #0003}.preview-bullet-list{list-style-type:disc;margin:0;padding-left:16px;text-shadow:0 1px 3px #00000026}.preview-bullet-list li{margin-bottom:4px}.preview-bullet-list li:last-child{margin-bottom:0}.creator-duration-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(3,1fr)}.creator-duration-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:2px solid #d8bfd84d;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;flex-direction:column;padding:var(--space-md);text-align:center;transition:all .25s ease}.creator-duration-card:hover{background:#fffffff2;border-color:#d8bfd8;box-shadow:0 6px 20px #8b5cf61a;transform:translateY(-2px)}.creator-duration-card.selected{background:#e6e6fa;border-color:var(--primary-color);box-shadow:0 4px 16px #8b5cf626}.duration-label{color:var(--text-primary);font-size:14px;font-weight:600}.duration-time{color:var(--primary-color);font-size:20px;font-weight:700;margin:var(--space-xs) 0}.creator-duration-card.selected .duration-time{color:var(--text-primary)}.creator-duration-card.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.duration-info{color:var(--text-tertiary);font-size:11px}.creator-upload-area{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:2px dashed #d8bfd880;border-radius:16px;overflow:hidden;transition:all .25s ease}.creator-upload-area:hover{background:#fffc;border-color:#d8bfd8}.upload-label{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center;padding:var(--space-xl)}.upload-label.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.creator-upload-area.disabled{opacity:.5}.file-input{display:none}.upload-icon{font-size:36px;opacity:.7}.upload-hint{font-size:12px}.uploaded-preview{background:#e6e6fa4d;display:flex;justify-content:center;padding:var(--space-md);position:relative}.uploaded-preview img{border-radius:12px;box-shadow:0 4px 16px #0000001a;max-height:200px;max-width:100%;object-fit:contain}.btn-remove{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:var(--space-md);top:var(--space-md);transition:all .2s ease;width:28px}.btn-remove:hover{background:#dc3545;transform:scale(1.1)}.creator-other-options{border-top:1px solid #d8bfd84d;padding-top:var(--space-lg)}.option-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #d8bfd84d;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);transition:all .25s ease}.option-btn:hover{background:#8b5cf614;border-color:#8b5cf64d;box-shadow:0 4px 12px #8b5cf61a;color:#7c3aed;transform:translateY(-2px)}.option-icon{font-size:18px}.creator-result{animation:fadeIn .4s ease;margin:0 auto;max-width:1200px}.result-header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--space-2xl);text-align:left}.result-title{color:var(--text-primary);font-family:var(--font-display);font-size:36px;font-weight:800;letter-spacing:-.5px;margin:0 0 var(--space-sm) 0}.result-subtitle{color:var(--text-secondary);font-size:16px;margin:0}.creator-result-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #d8bfd866;border-radius:20px;box-shadow:0 8px 32px #8b5cf614;overflow:hidden;transition:all .3s ease}.creator-result-card:hover{box-shadow:0 12px 40px #8b5cf61f}.creator-result-card-header{align-items:center;background:#e6e6fa80;border-bottom:1px solid #d8bfd84d;display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.creator-result-card-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:var(--space-sm);margin:0}.header-score{background:#e6e6fa;border-radius:8px;color:var(--primary-color);font-size:13px;font-weight:600;padding:4px 10px}.creator-result-card-content{padding:var(--space-lg)}.creator-blog-title{border-bottom:1px solid #d8bfd84d;color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.creator-text-result{background:#faf8ffcc;border:1px solid #d8bfd833;border-radius:12px;color:var(--text-primary);font-size:14px;line-height:1.8;max-height:400px;overflow-y:auto;padding:var(--space-md);white-space:pre-wrap}.creator-text-result.sns-content{font-size:14px;line-height:1.7}.creator-text-result.markdown-content{white-space:normal}.creator-text-result.markdown-content p{margin:0 0 .75rem}.creator-text-result.markdown-content p:last-child{margin-bottom:0}.creator-text-result.markdown-content strong{color:var(--text-primary);font-weight:600}.creator-text-result.markdown-content em{font-style:italic}.creator-text-result.markdown-content h1,.creator-text-result.markdown-content h2,.creator-text-result.markdown-content h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.creator-text-result.markdown-content ol,.creator-text-result.markdown-content ul{margin:0 0 .75rem;padding-left:1.25rem}.creator-text-result.markdown-content li{margin-bottom:.25rem}.creator-result-tags{border-top:1px solid #d8bfd84d;display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-md);padding-top:var(--space-md)}.creator-tag-item{background:#e6e6fa99;border:1px solid #d8bfd84d;border-radius:20px;color:var(--text-secondary);font-size:12px;padding:6px 12px;transition:all .2s ease}.creator-tag-item:hover{background:#e6e6fa;border-color:#d8bfd8}.creator-tag-item.hashtag{background:#8b5cf61a;border-color:#8b5cf633;color:#7c3aed}.creator-quality-scores{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #d8bfd866;border-radius:20px;box-shadow:0 8px 32px #8b5cf614;display:flex;gap:var(--space-xl);justify-content:center;margin-bottom:var(--space-lg);padding:var(--space-xl)}.quality-score-item{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm)}.score-circle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:3px solid #d8bfd880;border-radius:50%;box-shadow:0 4px 16px #0000000d;display:flex;height:80px;justify-content:center;transition:all .3s ease;width:80px}.score-circle:hover{box-shadow:0 6px 20px #8b5cf626;transform:scale(1.05)}.score-circle.blog{background:#e6e6fa80;border-color:#d8bfd8}.score-circle.sns{background:#dda0dd4d;border-color:plum}.score-number{color:var(--text-primary);font-size:26px;font-weight:700}.score-label{color:var(--text-secondary);font-size:13px;font-weight:500}.creator-all-tags{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #d8bfd866;border-radius:20px;box-shadow:0 8px 32px #8b5cf614;display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-lg)}.tags-header{align-items:center;display:flex;justify-content:space-between}.tags-label{color:var(--text-primary);font-size:14px;font-weight:600}.btn-copy-tags{height:32px;width:32px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.creator-result-grid{grid-gap:var(--space-lg);align-items:start;display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--space-lg)}.result-column{display:flex;flex-direction:column;gap:var(--space-md)}.result-column.blog-column .creator-result-card{display:flex;flex-direction:column;overflow:hidden}.result-column.blog-column .creator-result-card-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.result-column.blog-column .creator-text-result{flex:1 1;max-height:none;min-height:0;overflow-y:auto}.creator-images-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.creator-image-item{aspect-ratio:1;border-radius:16px;box-shadow:0 4px 16px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.creator-image-item:hover{box-shadow:0 12px 32px #8b5cf633;transform:scale(1.03) translateY(-4px)}.creator-image-item img{height:100%;object-fit:cover;width:100%}.btn-download-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:20px;bottom:var(--space-sm);box-shadow:0 2px 8px #0000001a;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:600;left:50%;opacity:0;padding:8px 16px;position:absolute;transform:translateX(-50%);transition:all .2s ease}.creator-image-item:hover .btn-download-overlay{opacity:1}.btn-download-overlay:hover{background:#fff;transform:translateX(-50%) scale(1.05)}.creator-result-actions{display:flex;gap:var(--space-md);justify-content:center;padding:var(--space-lg) 0}.btn-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #d8bfd84d;border-radius:12px;height:40px;transition:all .2s ease;width:40px}.btn-icon:hover{background:#e6e6fa;border-color:#d8bfd8;box-shadow:0 4px 12px #8b5cf61a;color:var(--primary-color);transform:translateY(-2px)}.btn-download{background:#e6e6fa;border:1px solid #d8bfd866;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .2s ease}.btn-download:hover{background:#d8bfd8;box-shadow:0 4px 12px #8b5cf626;transform:translateY(-2px)}.btn-reset{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #d8bfd866;border-radius:14px;color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .25s ease}.btn-reset:hover{background:#e6e6fa;border-color:#d8bfd8;box-shadow:0 4px 16px #8b5cf61a;transform:translateY(-2px)}.btn-edit-publish{align-items:center;background:var(--primary-color);border:none;border-radius:14px;box-shadow:0 4px 16px #8b5cf633;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:var(--space-sm);overflow:hidden;padding:14px 28px;position:relative;transition:all .25s ease}.btn-edit-publish:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-edit-publish:hover:before{left:100%}.btn-edit-publish:hover{background:var(--text-primary);box-shadow:0 8px 24px #0003;transform:translateY(-3px)}.btn-edit-publish svg{height:16px;width:16px}.btn-publish{align-items:center;background:var(--primary-color);border-radius:14px;box-shadow:0 4px 16px #0000001a;display:inline-flex;font-size:15px;gap:var(--space-sm);overflow:hidden;padding:14px 28px;position:relative;transition:all .25s ease}.btn-publish:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-publish:hover:before{left:100%}.btn-publish:hover{background:var(--text-primary);box-shadow:0 8px 24px #0003;transform:translateY(-3px)}.btn-publish svg{height:16px;width:16px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:18px;width:18px}.image-popup-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;cursor:pointer}.image-popup-content{cursor:default}.image-popup-content img{border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;object-fit:contain}.image-popup-close{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;top:-50px;transition:all .2s ease;width:40px}.image-popup-close:hover{background:#fff3;transform:scale(1.1)}@media (max-width:1024px){.creator-grid{grid-template-columns:1fr}.creator-right{position:static}.creator-result-grid{grid-template-columns:1fr}}@media (max-width:768px){.content-creator{padding:var(--space-md)}.creator-title{font-size:28px}.creator-type-grid{grid-template-columns:repeat(2,1fr)}.creator-duration-grid{grid-template-columns:1fr}.creator-quality-scores{flex-direction:column;gap:var(--space-md)}.creator-result-actions{align-items:stretch;flex-direction:column}.btn-publish,.btn-reset{justify-content:center;width:100%}}@media (max-width:480px){.creator-chips{gap:6px}.creator-chip{font-size:12px;padding:6px 12px}.creator-images-grid{grid-template-columns:repeat(2,1fr)}}.cardnews-preview-container{animation:fadeIn .3s ease;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-xl)}.preview-header{border-bottom:1px solid var(--border-light);justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-lg)}.preview-header,.preview-info{align-items:center;display:flex}.preview-info{gap:var(--space-md)}.preview-badge{background:var(--gradient-accent);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 14px}.preview-count{color:var(--text-secondary);font-size:14px}.preview-actions{display:flex;gap:var(--space-sm)}.preview-cancel-btn{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.preview-cancel-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--secondary-color);color:var(--text-primary)}.preview-confirm-btn{align-items:center;background:var(--gradient-accent);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s ease}.preview-confirm-btn:hover:not(:disabled){box-shadow:var(--shadow-lavender);transform:translateY(-1px)}.preview-cancel-btn:disabled,.preview-confirm-btn:disabled{cursor:not-allowed;opacity:.6}.preview-pages{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.preview-page-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.preview-page-card:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-md)}.preview-page-card.editing{border-color:var(--point-color);box-shadow:var(--shadow-lavender)}.page-card-header{align-items:center;background:#fff;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-md)}.page-header-left{gap:var(--space-sm)}.drag-handle,.page-header-left{align-items:center;display:flex}.drag-handle{border-radius:var(--radius-xs);color:var(--text-tertiary);cursor:grab;height:24px;justify-content:center;transition:all .2s ease;width:24px}.drag-handle:hover{background:var(--accent-light);color:var(--point-color)}.drag-handle:active{cursor:grabbing}.preview-page-label{background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.preview-page-card:first-child .preview-page-label{background:var(--secondary-color);color:var(--text-primary)}.preview-page-card.dragging{background:#fff!important;border-color:var(--point-color)!important;box-shadow:var(--shadow-xl)!important}.page-card-actions{align-items:center;display:flex;gap:6px}.page-edit-btn{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s ease}.page-edit-btn:hover{background:var(--accent-light);border-color:var(--point-color);color:var(--point-color)}.page-delete-btn{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.page-delete-btn:hover{background:var(--error-light);border-color:var(--error-color);color:var(--error-color)}.add-page-card{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-tertiary);cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:var(--space-sm);justify-content:center;min-height:120px;transition:all .2s ease}.add-page-card:hover{background:var(--accent-light);border-color:var(--point-color);color:var(--point-color)}.add-page-card svg{font-size:24px}.page-preview-content{align-items:flex-start;display:flex;gap:var(--space-lg);padding:var(--space-md)}.preview-image-container{border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex:0 0 auto;overflow:hidden;width:200px}.preview-card-image{display:block;height:auto;object-fit:cover;width:100%}.preview-text-content{flex:1 1;min-width:0}.preview-title{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.4;margin:0 0 var(--space-xs) 0}.preview-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0 0 var(--space-sm) 0}.preview-content-list{list-style:none;margin:0;padding:0}.preview-content-list li{border-bottom:1px dashed var(--border-light);color:var(--text-secondary);font-size:13px;line-height:1.5;padding:4px 0}.preview-content-list li:last-child{border-bottom:none}.page-preview-content:not(:has(.preview-image-container)){display:block}@media (max-width:600px){.page-preview-content{flex-direction:column}.preview-image-container{margin:0 auto;max-width:300px;width:100%}}.page-edit-form{padding:var(--space-md)}.edit-field{margin-bottom:var(--space-md)}.edit-field:last-child{margin-bottom:0}.edit-field label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.edit-field input,.edit-field textarea{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:10px 12px;resize:vertical;transition:all .2s ease;width:100%}.edit-field input:focus,.edit-field textarea:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #d8bfd833;outline:none}.preview-footer{border-top:1px solid var(--border-light);padding-top:var(--space-lg)}.preview-tip{color:var(--text-muted);font-size:13px;margin:0;text-align:center}@media (max-width:768px){.preview-header{flex-direction:column;gap:var(--space-md)}.preview-actions{justify-content:stretch;width:100%}.preview-cancel-btn,.preview-confirm-btn{flex:1 1;justify-content:center}.preview-pages{grid-template-columns:1fr}}.content-history{animation:fadeIn .3s ease;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:calc(100vh - 60px);padding:var(--space-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.content-history>.btn-back{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;gap:var(--space-xs);margin-bottom:var(--space-md);padding:var(--space-xs) 0;transition:color .15s ease}.content-history>.btn-back:hover{color:var(--primary-color)}.history-header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--space-xl)}.history-header h2{color:var(--text-primary);font-family:var(--font-display);font-size:32px;font-weight:700;margin:0 0 var(--space-xs) 0}.history-subtitle{color:var(--text-secondary);font-size:15px;margin:0}.history-filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.filter-tab{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease}.filter-tab.active,.filter-tab:hover{border-color:var(--secondary-color);color:var(--text-primary)}.filter-tab.active{background:var(--secondary-color)}.history-content{padding:1rem 0}.history-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:300px 1fr;min-height:500px}.history-list{display:flex;flex-direction:column;gap:.5rem;max-height:700px;overflow-y:auto;padding-right:.5rem}.history-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:.875rem 1rem;transition:all .15s ease}.history-item.selected,.history-item:hover{border-color:var(--secondary-color)}.history-item.selected{background:var(--secondary-color)}.history-item-header{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;margin-bottom:.4rem}.history-item-header h4{color:var(--text-primary);flex:1 1;font-size:.875rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-date{color:var(--text-tertiary);font-size:.7rem;white-space:nowrap}.history-item-info{display:flex;gap:.35rem;margin-bottom:.4rem}.info-badge{border-radius:2px;font-size:.65rem;font-weight:500;padding:.15rem .5rem}.info-badge.type{background:var(--accent-color);color:var(--text-secondary)}.info-badge.style{background:var(--secondary-color);color:var(--text-primary)}.history-item-meta{display:flex;gap:.4rem;margin-top:.5rem}.platform-badge{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.65rem;font-weight:500;padding:.15rem .4rem}.history-detail{display:flex;flex-direction:column;gap:1rem}.history-detail .result-card{margin-bottom:0}.history-detail-header{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem}.history-detail-title-row{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.history-detail-actions{display:flex;gap:.5rem}.history-detail-header h3{color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.history-detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.history-detail-meta .history-date{margin-left:auto}.history-detail-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.history-tab{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease}.history-tab.active,.history-tab:hover{border-color:var(--secondary-color);color:var(--text-primary)}.history-tab.active{background:var(--secondary-color)}.history-detail-content{flex:1 1;overflow-y:auto}.history-detail-content .result-card{margin-bottom:0}.result-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.result-card-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.875rem 1.25rem}.result-card-header h3{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0}.result-card-actions{display:flex;gap:.5rem}.result-card-content{padding:1.25rem}.blog-title{border-bottom:1px solid var(--border-color);font-size:1.1rem;font-weight:700;padding-bottom:.75rem}.blog-title,.text-result{color:var(--text-primary);margin-bottom:1rem}.text-result{font-size:.9rem;line-height:1.7;white-space:pre-wrap}.text-result.sns-content{font-size:.875rem;line-height:1.6}.text-result.markdown-content{white-space:normal}.text-result.markdown-content p{margin:0 0 .75rem}.text-result.markdown-content p:last-child{margin-bottom:0}.text-result.markdown-content strong{color:var(--text-primary);font-weight:600}.text-result.markdown-content em{font-style:italic}.text-result.markdown-content h1,.text-result.markdown-content h2,.text-result.markdown-content h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.text-result.markdown-content ol,.text-result.markdown-content ul{margin:0 0 .75rem;padding-left:1.25rem}.text-result.markdown-content li{margin-bottom:.25rem}.result-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag-item{background:var(--accent-color);border-radius:2px;color:var(--text-secondary);font-size:.75rem;padding:.25rem .6rem}.tag-item.hashtag{background:var(--secondary-color);color:var(--text-primary)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem}.empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.6}.empty-state h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .4rem}.empty-state p{color:var(--text-secondary);font-size:.9rem;margin:0 0 1.25rem}.empty-detail{align-items:center;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:3rem 1.5rem;text-align:center}.empty-detail .empty-icon{font-size:2rem}.empty-detail p{color:var(--text-secondary);font-size:.85rem;margin:0}.loading-state{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1.5rem}.loading-state p{color:var(--text-secondary);font-size:.9rem;margin:0}.btn-primary{border-radius:6px;font-size:.875rem;padding:.6rem 1.25rem}.btn-primary:hover{filter:brightness(1.1)}.btn-icon{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.btn-icon:hover{background:var(--bg-primary);border-color:var(--secondary-color);color:var(--text-primary)}.btn-icon svg{height:16px;width:16px}.btn-icon-edit{border-color:var(--primary-color);color:var(--primary-color)}.btn-icon-edit:hover{background:var(--primary-color);color:#fff}.btn-icon-delete{border-color:#dc3545;color:#dc3545}.btn-icon-delete:hover{background:#dc3545;color:#fff}.btn-icon-download{border-color:var(--primary-color);color:var(--primary-color)}.btn-icon-download:hover{background:var(--primary-color);color:#fff}.video-player-container{aspect-ratio:9/16;background:#000;border-radius:8px;margin:0 auto 1.5rem;max-width:400px;overflow:hidden;width:100%}.generated-video-player{display:block;height:100%;object-fit:contain;width:100%}.video-info{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.video-info p{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0}.video-info strong{color:var(--text-primary);font-weight:600;margin-right:.5rem}.platform-badge.cardnews{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.cardnews-info{display:flex;gap:.5rem;margin-bottom:1rem}.cardnews-info .info-badge{background:var(--secondary-color);color:var(--text-primary);font-size:.75rem;padding:.25rem .6rem}.cardnews-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cardnews-grid .image-item{aspect-ratio:1/1.25}.image-label{background:#000000b3;border-radius:4px;color:#fff;font-size:.7rem;left:.5rem;padding:.25rem .5rem;position:absolute;top:.5rem}.images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-item{aspect-ratio:1;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease}.image-item:hover{transform:scale(1.02)}.image-item img{height:100%;object-fit:cover;width:100%}.btn-download-single{background:#000000b3;border:none;border-radius:4px;bottom:.5rem;color:#fff;cursor:pointer;font-size:.7rem;left:50%;opacity:0;padding:.35rem .75rem;position:absolute;transform:translateX(-50%);transition:opacity .2s ease}.image-item:hover .btn-download-single{opacity:1}.image-popup-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.image-popup-content{max-height:90vh;max-width:90vw;position:relative}.image-popup-content img{border-radius:8px;max-height:85vh;max-width:100%}.image-popup-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;padding:.5rem;position:absolute;right:0;top:-40px}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:32px;width:32px}@media (max-width:900px){.history-layout{grid-template-columns:1fr}.history-list{max-height:250px}}@media (max-width:480px){.content-history{padding:var(--space-md)}.history-header h2{font-size:26px}}.content-editor{animation:fadeIn var(--transition-normal) ease-out;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:calc(100vh - 60px);padding:var(--space-2xl) var(--space-xl)}.content-editor>.btn-back{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);gap:var(--space-xs);margin-bottom:var(--space-lg);padding:var(--space-xs) 0;transition:all var(--transition-fast)}.content-editor>.btn-back:hover{color:var(--text-primary)}.editor-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-2xl)}.editor-header-info h2{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-xs) 0}.editor-subtitle{color:var(--text-secondary);font-size:var(--text-base);margin:0}.btn-save{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-fast)}.btn-save.unsaved{background:var(--secondary-color);border:var(--border-thin) solid var(--secondary-color);box-shadow:var(--shadow-lavender);color:var(--text-primary)}.btn-save.unsaved:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-save.saved{background:var(--success-light);border:var(--border-thin) solid var(--success-color);color:var(--success-dark)}.btn-save:disabled{cursor:default;opacity:.8}.editor-layout{display:flex;flex-direction:column;gap:var(--space-xl)}.platform-tabs-horizontal{border-bottom:var(--border-thin) solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.platform-tab-h{align-items:center;background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.platform-tab-h:hover{background:var(--bg-secondary);border-color:var(--secondary-color);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.platform-tab-h.active{background:var(--secondary-light);border-color:var(--secondary-color);box-shadow:var(--shadow-lavender)}.platform-tab-h.published{background:var(--success-light);border-color:var(--success-color)}.platform-tab-h.published .platform-tab-name{color:var(--success-dark)}.platform-tab-icon{font-size:var(--text-lg)}.platform-tab-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.published-icon{color:var(--success-color);font-size:var(--text-base)}.editor-images-section{border-top:var(--border-thin) solid var(--border-color);margin-top:var(--space-xl);padding-top:var(--space-xl)}.editor-images-section h4{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;margin:0 0 var(--space-md) 0}.editor-images-grid-h{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.editor-image-item-h{aspect-ratio:1;border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.editor-image-item-h:hover{border-color:var(--secondary-color);transform:scale(1.02)}.editor-image-item-h img{height:100%;object-fit:cover;width:100%}.editor-main{background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--space-2xl)}.editor-section{margin-bottom:var(--space-2xl)}.editor-section:last-of-type{margin-bottom:var(--space-xl)}.editor-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.editor-section-header label{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.editor-section-actions{align-items:center;display:flex;gap:var(--space-md)}.char-count{font-size:var(--text-xs)}.char-count.over{color:var(--error-color);font-weight:600}.btn-done,.btn-edit{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);transition:all var(--transition-fast)}.btn-edit{background:#0000;border:var(--border-thin) solid var(--border-color);color:var(--text-secondary)}.btn-edit:hover{background:var(--accent-color);border-color:var(--secondary-color);color:var(--text-primary)}.btn-done{background:var(--secondary-color);border:var(--border-thin) solid var(--secondary-color);color:var(--text-primary)}.btn-done:hover{background:var(--secondary-hover)}.editor-title-input{background:var(--bg-secondary);border:var(--border-thick) solid var(--secondary-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-lg);font-weight:600;outline:none;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast);width:100%}.editor-title-input:focus{border-color:var(--info-color);box-shadow:0 0 0 4px #9890c726}.editor-title-preview{border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:600;padding:var(--space-md) var(--space-lg)}.editor-content-textarea,.editor-title-preview{background:var(--bg-secondary);color:var(--text-primary)}.editor-content-textarea{border:var(--border-thick) solid var(--secondary-color);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-sm);line-height:1.8;min-height:300px;outline:none;padding:var(--space-lg);resize:vertical;transition:all var(--transition-fast);width:100%}.editor-content-textarea:focus{border-color:var(--info-color);box-shadow:0 0 0 4px #9890c726}.editor-content-preview{background:var(--bg-secondary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);line-height:1.8;max-height:400px;overflow-y:auto;padding:var(--space-xl)}.editor-content-preview .plain-text{white-space:pre-wrap}.editor-content-preview p{margin:0 0 .75rem}.editor-content-preview p:last-child{margin-bottom:0}.editor-content-preview h2,.editor-content-preview h3{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:1rem 0 .5rem}.editor-content-preview ol,.editor-content-preview ul{margin:0 0 .75rem;padding-left:1.25rem}.editor-content-preview li{margin-bottom:.25rem}.editor-content-preview strong{color:var(--text-primary);font-weight:600}.editor-tags-input{background:var(--bg-secondary);border:var(--border-thick) solid var(--secondary-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);outline:none;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast);width:100%}.editor-tags-input:focus{border-color:var(--info-color);box-shadow:0 0 0 4px #9890c726}.editor-tags-preview{background:var(--bg-secondary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-sm);min-height:48px;padding:var(--space-md) var(--space-lg)}.editor-tag{background:var(--accent-color);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-full);color:var(--info-dark);font-size:var(--text-sm);padding:var(--space-xs) var(--space-md)}.editor-actions{border-top:var(--border-thin) solid var(--border-color);display:flex;gap:var(--space-md);padding-top:var(--space-xl)}.btn-copy{align-items:center;background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);transition:all var(--transition-fast)}.btn-copy:hover{background:var(--accent-color);border-color:var(--secondary-color);transform:translateY(-2px)}.btn-publish-platform{align-items:center;background:var(--secondary-color);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lavender);color:var(--text-primary);cursor:pointer;display:inline-flex;flex:1 1;font-size:var(--text-sm);font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-xl);transition:all var(--transition-normal)}.btn-publish-platform:hover:not(:disabled){background:var(--secondary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-publish-platform:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-publish-platform.published{background:var(--success-color);box-shadow:0 4px 16px #22c55e33}.publish-result-message{border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;margin-top:var(--space-md);padding:var(--space-md);text-align:center}.publish-result-message.success{background:var(--success-light);border:var(--border-thin) solid var(--success-color);color:var(--success-dark)}.publish-result-message.error{background:var(--error-light);border:var(--border-thin) solid var(--error-color);color:var(--error-dark)}.btn-schedule{align-items:center;background:var(--bg-primary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);transition:all var(--transition-fast)}.btn-schedule:hover:not(:disabled){background:var(--accent-color);border-color:var(--secondary-color);transform:translateY(-2px)}.btn-schedule:disabled{cursor:not-allowed;opacity:.5}.schedule-modal-overlay{align-items:center;animation:fadeIn var(--transition-fast) ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.schedule-modal{animation:slideUp var(--transition-normal) ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:420px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.schedule-modal-header{align-items:center;border-bottom:var(--border-thin) solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-xl)}.schedule-modal-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.btn-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.btn-close:hover{background:var(--accent-color);color:var(--text-primary)}.schedule-modal-body{padding:var(--space-xl)}.schedule-modal-desc{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-xl) 0;text-align:center}.schedule-modal-desc strong{color:var(--text-primary)}.schedule-inputs{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.schedule-input-group{flex:1 1}.schedule-input-group label{color:var(--text-secondary);display:block;font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-xs)}.schedule-input-group input{background:var(--bg-secondary);border:var(--border-thick) solid var(--secondary-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);outline:none;padding:var(--space-md);transition:all var(--transition-fast);width:100%}.schedule-input-group input:focus{border-color:var(--info-color);box-shadow:0 0 0 4px #9890c726}.schedule-preview{background:var(--accent-color);border-radius:var(--radius-md);color:var(--info-color);font-size:var(--text-sm);font-weight:500;margin:0;padding:var(--space-md);text-align:center}.schedule-modal-footer{border-top:var(--border-thin) solid var(--border-color);display:flex;gap:var(--space-md);padding:var(--space-xl)}.btn-cancel{background:#0000;border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--text-sm);font-weight:600;padding:var(--space-md);transition:all var(--transition-fast)}.btn-cancel:hover{background:var(--bg-secondary)}.btn-confirm{background:var(--secondary-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-lavender);color:var(--text-primary);cursor:pointer;flex:1 1;font-size:var(--text-sm);font-weight:600;padding:var(--space-md);transition:all var(--transition-fast)}.btn-confirm:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-confirm:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.content-editor{padding:var(--space-lg)}.editor-header-info h2{font-size:var(--text-2xl)}.editor-main{border-radius:var(--radius-xl);padding:var(--space-xl)}.editor-actions{flex-direction:column}.btn-copy,.btn-schedule{justify-content:center}.platform-tabs-horizontal{gap:var(--space-xs)}.platform-tab-h{font-size:var(--text-sm);padding:var(--space-xs) var(--space-md)}}@media (max-width:480px){.platform-tabs-horizontal{flex-direction:column}.platform-tab-h{justify-content:center}.editor-images-grid-h{grid-template-columns:repeat(2,1fr)}}.editor-images-section h4{align-items:center;display:flex;gap:var(--space-sm)}.required-badge{background:var(--error-light);border-radius:var(--radius-full);color:var(--error-color);font-size:var(--text-xs);font-weight:600;padding:2px 8px}.uploaded-images-section{margin-top:var(--space-md)}.uploaded-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;margin:0 0 var(--space-sm) 0}.editor-image-item-h.uploaded{position:relative}.btn-remove-image{align-items:center;background:#000000b3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;padding:0;position:absolute;right:4px;top:4px;transition:all var(--transition-fast);width:24px}.editor-image-item-h.uploaded:hover .btn-remove-image{opacity:1}.btn-remove-image:hover{background:var(--error-color)}.image-upload-zone{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-xl);margin-top:var(--space-md);transition:all var(--transition-fast)}.image-upload-zone.required{background:#f59e0b0d;border-color:var(--warning-color)}.image-upload-zone:hover{background:var(--accent-color);border-color:var(--secondary-color)}.upload-label{cursor:pointer;display:block;padding:var(--space-2xl);text-align:center}.upload-empty{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm)}.upload-icon{color:var(--text-tertiary);font-size:48px}.upload-title{color:var(--text-primary);font-size:var(--text-base);font-weight:600}.upload-desc{color:var(--text-secondary);font-size:var(--text-sm)}.upload-hint{color:var(--text-tertiary);font-size:var(--text-xs)}.uploading-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-md)}.upload-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--secondary-color);height:40px;width:40px}.uploading-state span{color:var(--text-secondary);font-size:var(--text-sm)}.upload-more{align-items:center;color:var(--secondary-color);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-sm)}.image-required-warning{background:var(--warning-light);border:var(--border-thin) solid var(--warning-color);border-radius:var(--radius-md);color:var(--warning-dark);font-size:var(--text-sm);margin-top:var(--space-md);padding:var(--space-md);text-align:center}.editor-cardnews-only{padding:var(--space-xl)}.editor-cardnews-only h3{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-lg) 0}.editor-images-grid-h.cardnews-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.editor-image-item-h.cardnews-item{aspect-ratio:auto;border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all var(--transition-fast)}.editor-image-item-h.cardnews-item:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.editor-image-item-h.cardnews-item img{display:block;height:auto;width:100%}.cardnews-page-label{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;font-size:var(--text-sm);font-weight:500;left:0;padding:var(--space-lg) var(--space-sm) var(--space-sm);position:absolute;right:0;text-align:center}@media (max-width:768px){.editor-images-grid-h.cardnews-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}}.cardnews-header{align-items:center;border-bottom:var(--border-thin) solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.btn-publish-cardnews{align-items:center;background:var(--secondary-color);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lavender);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-fast)}.btn-publish-cardnews:hover{background:var(--secondary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cardnews-publish-modal{max-width:520px}.publish-platform-selector{margin-bottom:var(--space-xl)}.publish-platform-selector>label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-sm)}.platform-options{display:flex;gap:var(--space-sm)}.platform-option{align-items:center;background:var(--bg-secondary);border:var(--border-medium) solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);transition:all var(--transition-fast)}.platform-option:hover{background:var(--accent-light);border-color:var(--secondary-color)}.platform-option.active{background:var(--secondary-light);border-color:var(--secondary-color);box-shadow:var(--shadow-lavender)}.platform-option .platform-icon{font-size:var(--text-xl)}.platform-option span:last-child{color:var(--text-primary);font-size:var(--text-xs);font-weight:500}.publish-caption-section{margin-bottom:var(--space-xl)}.publish-caption-section>label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-sm)}.publish-caption-input{background:var(--bg-secondary);border:var(--border-medium) solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);line-height:1.6;outline:none;padding:var(--space-md);resize:vertical;transition:all var(--transition-fast);width:100%}.publish-caption-input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #d8bfd833}.publish-caption-input::placeholder{color:var(--text-muted)}.publish-images-preview{margin-bottom:var(--space-md)}.publish-images-preview>label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-sm)}.publish-images-scroll{display:flex;gap:var(--space-sm);overflow-x:auto;padding:var(--space-sm) 0;scrollbar-width:thin}.publish-image-thumb{border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);flex-shrink:0;height:64px;overflow:hidden;position:relative;width:64px}.publish-image-thumb img{height:100%;object-fit:cover;width:100%}.publish-image-thumb span{background:#000000b3;border-radius:var(--radius-xs);bottom:2px;color:#fff;font-size:10px;padding:1px 4px;position:absolute;right:2px}@media (max-width:480px){.cardnews-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.btn-publish-cardnews{justify-content:center;width:100%}.platform-options{flex-direction:column}.platform-option{flex-direction:row;justify-content:center}}.facebook-page,.instagram-page,.sns-page,.threads-page,.tiktok-page,.wordpress-page,.x-page,.youtube-page{margin:0 auto;max-width:1200px;padding:24px}.sns-header{margin-bottom:var(--space-xl)}.sns-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:var(--space-sm)}.sns-header p{color:var(--text-tertiary);font-size:14px}.error-message{align-items:center;background:var(--error-light);border:1px solid var(--error-color);color:var(--error-dark);display:flex;font-weight:500;justify-content:space-between;margin-bottom:var(--space-lg);padding:var(--space-md)}.error-message button{background:#0000;border:none;color:var(--error-dark);cursor:pointer;font-weight:600}.loading-spinner{color:var(--text-tertiary);font-size:14px;height:400px}.connect-section,.loading-spinner{align-items:center;display:flex;justify-content:center}.connect-section{min-height:500px}.connect-card{background:var(--bg-primary);border:1px solid var(--border-color);max-width:500px;padding:var(--space-2xl)}.connect-icon{font-size:64px;margin-bottom:var(--space-lg)}.connect-icon svg{height:64px;width:64px}.connect-card h3{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:var(--space-md)}.connect-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:var(--space-lg)}.feature-list{margin-bottom:var(--space-xl);padding-left:var(--space-lg);text-align:left}.feature-list li{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:var(--space-sm)}.requirement-notice{background:var(--bg-secondary);margin-bottom:var(--space-lg);padding:var(--space-md);text-align:left}.requirement-notice strong{color:var(--text-primary);display:block;margin-bottom:var(--space-sm)}.requirement-notice ul{margin:0;padding-left:var(--space-lg)}.requirement-notice li{color:var(--text-secondary);font-size:13px}.btn-connect{align-items:center;border:none;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-xl);transition:filter .2s;width:100%}.btn-connect:hover{filter:brightness(.9)}.btn-connect svg{height:20px;width:20px}.account-info-card{background:var(--bg-primary);border:1px solid var(--border-color);margin-bottom:var(--space-lg);padding:var(--space-lg)}.account-header{align-items:flex-start;display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.account-thumbnail{border-radius:50%;height:72px;object-fit:cover;width:72px}.account-details{flex:1 1}.account-details h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:var(--space-xs)}.account-category,.account-name,.account-url{color:var(--info-color);font-size:13px;text-decoration:none}.account-url:hover{text-decoration:underline}.account-bio{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-top:var(--space-sm)}.account-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.btn-secondary{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:var(--space-sm) var(--space-md);transition:all .15s ease}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-danger{background:var(--bg-primary);border:1px solid var(--error-color);color:var(--error-color);cursor:pointer;font-size:13px;font-weight:500;padding:var(--space-sm) var(--space-md);transition:all .15s ease}.btn-danger:hover{background:var(--error-color);color:#fff}.btn-primary{background:var(--primary-color);border:none;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:var(--space-sm) var(--space-md);transition:all .15s ease}.btn-primary:hover:not(:disabled){filter:brightness(.9)}.account-stats-bar{border-top:1px solid var(--border-color);display:flex;gap:var(--space-2xl);justify-content:center;padding-top:var(--space-lg)}.stat-item{text-align:center}.stat-value{color:var(--text-primary);display:block;font-size:24px;margin-bottom:var(--space-xs)}.stat-label{color:var(--text-tertiary);font-size:12px}.sns-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.tab-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:13px;font-weight:500;padding:var(--space-sm) var(--space-md);position:relative;transition:color .15s ease}.tab-btn.active,.tab-btn:hover{color:var(--primary-color)}.tab-btn.active:after{background:var(--primary-color);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.section-header h3{color:var(--text-primary);font-size:16px;font-weight:600}.empty-state{color:var(--text-tertiary);padding:var(--space-2xl);text-align:center}.empty-state p{margin-bottom:var(--space-md)}.selector-section{align-items:center;display:flex;justify-content:center;min-height:400px}.selector-card{background:var(--bg-primary);border:1px solid var(--border-color);max-width:600px;padding:var(--space-xl);width:100%}.selector-card h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:var(--space-sm)}.selector-card>p{color:var(--text-secondary);font-size:14px;margin-bottom:var(--space-lg)}.no-items{color:var(--text-tertiary);padding:var(--space-xl);text-align:center}.no-items p{margin-bottom:var(--space-sm)}.item-list{flex-direction:column;margin-bottom:var(--space-lg)}.item-list,.item-list>div{display:flex;gap:var(--space-md)}.item-list>div{align-items:center;background:var(--bg-secondary);cursor:pointer;padding:var(--space-md);transition:all .15s ease}.item-list>div:hover{background:var(--bg-tertiary)}.item-list img{border-radius:50%;height:56px;object-fit:cover;width:56px}.item-list h4{color:var(--text-primary);font-size:15px;font-weight:600}.item-list h4,.item-list p{margin-bottom:var(--space-xs)}.item-list p{color:var(--text-secondary);font-size:13px}.item-list .stats{color:var(--text-tertiary);font-size:12px}.item-list .stats span{margin-right:var(--space-md)}.post-list{gap:var(--space-md)}.post-card{background:var(--bg-primary);border:1px solid var(--border-color);padding:var(--space-md);transition:border-color .15s ease}.post-card:hover{border-color:var(--primary-color)}.post-content{margin-bottom:var(--space-md)}.post-caption,.post-message,.post-text{color:var(--text-primary);font-size:14px;line-height:1.6;margin-bottom:var(--space-sm);white-space:pre-wrap}.post-media{border-radius:4px;margin-top:var(--space-md);overflow:hidden}.post-media img,.post-media video{background:var(--bg-secondary);max-height:400px;object-fit:contain;width:100%}.post-stats{display:flex;font-size:13px;gap:var(--space-md);margin-bottom:var(--space-sm)}.post-date,.post-stats{color:var(--text-tertiary)}.post-date{font-size:12px}.post-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:var(--space-sm)}.post-link,.view-on-threads{color:var(--info-color);font-size:13px;text-decoration:none}.post-link:hover,.view-on-threads:hover{text-decoration:underline}.post-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.post-grid .post-card{overflow:hidden}.post-image{aspect-ratio:1;background:var(--bg-tertiary);position:relative}.post-image img{height:100%;object-fit:cover;width:100%}.media-type-badge{font-weight:500;padding:2px var(--space-sm)}.compose-section{max-width:600px}.compose-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:var(--space-lg)}.compose-form{gap:var(--space-md)}.form-group{margin-bottom:var(--space-md)}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:var(--space-sm)}.form-group input[type=file],.form-group input[type=text],.form-group input[type=url],.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-size:14px;padding:var(--space-sm) var(--space-md);transition:border-color .15s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.form-group textarea{min-height:100px;resize:vertical}.char-count{color:var(--text-tertiary);font-size:12px;margin-top:var(--space-xs);text-align:right}.char-count .warning{color:var(--error-color)}.media-preview{margin-bottom:var(--space-md);position:relative}.media-preview img,.media-preview video{border:1px solid var(--border-color);max-height:300px;max-width:100%}.remove-media{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;position:absolute;right:var(--space-sm);top:var(--space-sm);width:28px}.compose-actions{align-items:center;gap:var(--space-md);justify-content:space-between}.media-upload-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all .15s ease}.media-upload-btn:hover{background:var(--bg-tertiary)}.btn-post{background:var(--primary-color);border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:var(--space-sm) var(--space-xl);transition:filter .15s ease}.btn-post:hover:not(:disabled){filter:brightness(.9)}.btn-post:disabled{cursor:not-allowed;opacity:.5}.insights-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:var(--space-lg)}.insights-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.insight-card{background:var(--bg-secondary);padding:var(--space-md);text-align:center}.insight-label{color:var(--text-tertiary);display:block;font-size:12px;margin-bottom:var(--space-sm)}.insight-value{color:var(--text-primary);display:block;font-size:20px;font-weight:700}.permission-notice{border:1px solid var(--border-color)}.permission-notice p{margin-bottom:var(--space-sm)}.permission-notice ul{margin-bottom:var(--space-md)}.permission-notice li{font-family:monospace}@media (max-width:768px){.facebook-page,.instagram-page,.sns-page,.threads-page,.tiktok-page,.wordpress-page,.x-page,.youtube-page{padding:16px}.connect-card{padding:var(--space-lg)}.account-header{align-items:center;flex-direction:column;text-align:center}.account-actions{justify-content:center}.account-stats-bar{gap:var(--space-lg)}.post-grid{grid-template-columns:1fr}.insights-grid{grid-template-columns:repeat(2,1fr)}.compose-actions{align-items:stretch;flex-direction:column}}.youtube-page .tab-btn.active,.youtube-page .tab-btn:hover{color:red}.youtube-page .tab-btn.active:after{background:red}.youtube-page .form-group input:focus,.youtube-page .form-group select:focus,.youtube-page .form-group textarea:focus,.youtube-page .video-card:hover{border-color:red}.btn-connect-youtube{align-items:center;background:red;border:none;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-xl);transition:background .2s;width:100%}.btn-connect-youtube:hover{background:#c00}.btn-connect-youtube svg{height:20px;width:20px}.video-grid{grid-gap:var(--space-lg);gap:var(--space-lg)}.video-card{background:var(--bg-secondary);border:1px solid var(--border-color);transition:all .15s ease}.video-thumbnail{aspect-ratio:16/9;background:var(--bg-tertiary)}.video-duration{bottom:var(--space-sm);padding:2px var(--space-sm);right:var(--space-sm)}.privacy-badge{font-size:11px;font-weight:600;left:var(--space-sm);padding:2px var(--space-sm);position:absolute;top:var(--space-sm)}.privacy-badge.private{background:var(--error-color);color:#fff}.privacy-badge.unlisted{background:var(--warning-color);color:var(--primary-color)}.video-info{padding:var(--space-md)}.video-title{color:var(--text-primary);line-height:1.4}.video-stats,.video-title{margin-bottom:var(--space-sm)}.video-stats{gap:var(--space-md)}.video-date,.video-stats{color:var(--text-tertiary)}.analytics-header{margin-bottom:var(--space-lg)}.analytics-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:var(--space-xs)}.analytics-header p{color:var(--text-tertiary);font-size:13px}.analytics-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:var(--space-xl)}.analytics-card{background:var(--bg-secondary);padding:var(--space-md);text-align:center}.analytics-card.positive{background:var(--success-light)}.analytics-card.negative{background:var(--error-light)}.analytics-label{color:var(--text-tertiary);display:block;font-size:12px;margin-bottom:var(--space-sm)}.analytics-value{color:var(--text-primary);display:block;font-size:20px;font-weight:700}.analytics-card.positive .analytics-value{color:var(--success-dark)}.analytics-card.negative .analytics-value{color:var(--error-dark)}.top-videos-section{border-top:1px solid var(--border-color);margin-top:var(--space-xl);padding-top:var(--space-lg)}.top-videos-section h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:var(--space-md)}.top-videos-list{display:flex;flex-direction:column;gap:var(--space-sm)}.top-video-item{align-items:center;background:var(--bg-secondary);display:flex;gap:var(--space-md);padding:var(--space-sm) var(--space-md)}.top-video-item .rank{align-items:center;background:var(--primary-color);color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.top-video-item .title{color:var(--text-primary);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-video-item .views{color:var(--text-tertiary);font-size:12px}.upload-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:var(--space-lg)}.upload-form{max-width:600px}.file-name{color:var(--text-tertiary);font-size:12px;margin-top:var(--space-sm)}.upload-progress{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.progress-bar{background:var(--bg-tertiary);flex:1 1;height:8px;overflow:hidden}.progress-fill{background:red;height:100%;transition:width .3s}.btn-upload{background:red;padding:var(--space-sm) var(--space-xl);transition:background .15s ease}.btn-upload:hover:not(:disabled){background:#c00}@media (max-width:768px){.video-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}}.facebook-page .tab-btn.active,.facebook-page .tab-btn:hover{color:#1877f2}.facebook-page .tab-btn.active:after{background:#1877f2}.facebook-page .form-group input:focus,.facebook-page .form-group textarea:focus,.facebook-page .page-item:hover,.facebook-page .post-card:hover{border-color:#1877f2}.btn-connect-facebook{align-items:center;background:#1877f2;border:none;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-xl);transition:background .2s;width:100%}.btn-connect-facebook:hover{background:#166fe5}.btn-connect-facebook svg{height:20px;width:20px}.page-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md);transition:all .15s ease}.page-item:hover{background:var(--bg-primary)}.page-picture{border-radius:50%;height:48px;object-fit:cover;width:48px}.page-info{flex:1 1}.page-info h4{color:var(--text-primary);font-size:14px;font-weight:600}.page-info h4,.page-info>p{margin-bottom:var(--space-xs)}.page-info>p{color:var(--text-tertiary);font-size:12px}.page-stats{color:var(--text-secondary);display:flex;font-size:12px;gap:var(--space-md)}.account-category{background:var(--bg-secondary);color:var(--text-tertiary);display:inline-block;font-size:12px;padding:var(--space-xs) var(--space-sm)}.facebook-page .post-card{display:flex;gap:var(--space-md)}.facebook-page .post-image{background:var(--bg-tertiary);flex-shrink:0;height:90px;overflow:hidden;width:120px}.facebook-page .post-image img{height:100%;object-fit:cover;width:100%}.facebook-page .post-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:var(--space-sm);overflow:hidden}.facebook-page .post-link{align-self:center;background:#1877f2;color:#fff;flex-shrink:0;font-size:13px;font-weight:500;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:background .15s ease}.facebook-page .post-link:hover{background:#166fe5}.permission-notice{background:var(--bg-secondary);padding:var(--space-lg);text-align:center}.permission-notice p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:var(--space-md)}.permission-notice ul{display:inline-block;margin-bottom:var(--space-lg);padding-left:var(--space-lg);text-align:left}.permission-notice li{color:var(--text-tertiary);font-size:13px;margin-bottom:var(--space-sm)}.facebook-page .btn-post{background:#1877f2}.facebook-page .btn-post:hover:not(:disabled){background:#166fe5}@media (max-width:768px){.facebook-page .post-card{flex-direction:column}.facebook-page .post-image{height:180px;width:100%}.facebook-page .post-link{align-self:flex-start}}.instagram-page .tab-btn.active,.instagram-page .tab-btn:hover{color:#e4405f}.instagram-page .tab-btn.active:after{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.instagram-page .account-item:hover,.instagram-page .post-card:hover{border-color:#e4405f}.btn-connect-instagram{align-items:center;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border:none;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-xl);transition:opacity .2s;width:100%}.btn-connect-instagram:hover{opacity:.9}.btn-connect-instagram svg{height:20px;width:20px}.account-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md);transition:all .15s ease}.account-item:hover{background:var(--bg-primary)}.account-picture{border-radius:50%;height:56px;object-fit:cover;width:56px}.account-info h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:var(--space-xs)}.account-info>p{color:var(--text-secondary);font-size:13px;margin-bottom:var(--space-sm)}.account-stats{display:flex;gap:var(--space-md)}.account-stats,.linked-page{color:var(--text-tertiary);font-size:12px}.linked-page{margin-top:var(--space-xs)}.account-name{color:var(--text-tertiary);display:block;font-size:14px;margin-bottom:var(--space-sm)}.instagram-page .post-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.instagram-page .post-card{overflow:hidden}.instagram-page .post-image{aspect-ratio:1;background:var(--bg-tertiary);overflow:hidden;position:relative}.instagram-page .post-image img{height:100%;object-fit:cover;width:100%}.media-type-badge{background:#000000b3;color:#fff;font-size:11px;padding:var(--space-xs) var(--space-sm);position:absolute;right:var(--space-sm);top:var(--space-sm)}.instagram-page .post-caption{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:var(--space-sm);overflow:hidden}.instagram-page .post-link{background:var(--bg-secondary);color:#e4405f;display:block;font-size:13px;font-weight:500;padding:var(--space-sm);text-align:center;text-decoration:none;transition:all .15s ease}.instagram-page .post-link:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}@media (max-width:768px){.instagram-page .post-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.x-page .tab-btn.active,.x-page .tab-btn:hover{color:#000}.x-page .tab-btn.active:after{background:#000}.x-page .compose-form input:focus,.x-page .compose-form textarea:focus,.x-page .post-card:hover{border-color:#000}.btn-connect-x{align-items:center;background:#000;border:none;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-xl);transition:background .2s;width:100%}.btn-connect-x:hover{background:#1a1a1a}.btn-connect-x svg{height:20px;width:20px}.x-page .media-upload-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-size:13px;padding:var(--space-sm) var(--space-md);transition:all .15s ease}.x-page .media-upload-btn:hover{background:var(--bg-tertiary)}.x-page .btn-post{background:#000}.x-page .btn-post:hover:not(:disabled){background:#1a1a1a}@media (max-width:768px){.x-page .compose-actions{align-items:stretch;flex-direction:column}.x-page .btn-post,.x-page .media-upload-btn{text-align:center;width:100%}}.threads-page .tab-btn.active,.threads-page .tab-btn:hover{color:#000}.threads-page .tab-btn.active:after{background:#000}.threads-page .compose-form input:focus,.threads-page .compose-form textarea:focus,.threads-page .post-card:hover{border-color:#000}.btn-connect-threads{align-items:center;background:#000;border:none;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-xl);transition:background .2s;width:100%}.btn-connect-threads:hover{background:#1a1a1a}.btn-connect-threads svg{height:20px;width:20px}.threads-page .view-on-threads{color:var(--info-color);font-size:12px;text-decoration:none}.threads-page .view-on-threads:hover{text-decoration:underline}.threads-page .btn-post{background:#000}.threads-page .btn-post:hover:not(:disabled){background:#1a1a1a}.btn-connect-tiktok{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:background .2s}.btn-connect-tiktok:hover{background:#333}.video-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.video-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.video-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.video-thumbnail{aspect-ratio:9/16;background:#000;overflow:hidden;position:relative}.video-thumbnail img{height:100%;object-fit:cover;width:100%}.video-placeholder{align-items:center;background:linear-gradient(135deg,#25f4ee,#fe2c55);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.video-duration{background:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:12px;font-weight:500;padding:2px 6px;position:absolute;right:8px}.video-info{padding:16px}.video-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;margin:0 0 8px}.video-description,.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.video-description{font-size:13px;margin:0 0 12px}.video-description,.video-stats{color:#6b7280;color:var(--text-secondary,#6b7280)}.video-stats{display:flex;flex-wrap:wrap;font-size:12px;gap:12px;margin-bottom:12px}.video-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding-top:12px}.video-date{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:12px}.view-on-tiktok{color:#fe2c55;font-size:12px;font-weight:500;text-decoration:none}.view-on-tiktok:hover{text-decoration:underline}.upload-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:24px}.upload-section h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:18px;margin:0 0 8px}.upload-notice{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0 0 20px;padding:12px}.upload-form{display:flex;flex-direction:column;gap:16px}.upload-form .form-group{display:flex;flex-direction:column;gap:8px}.upload-form label{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:500}.upload-form input,.upload-form textarea{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s}.upload-form input:focus,.upload-form textarea:focus{border-color:#fe2c55;outline:none}.upload-actions{display:flex;justify-content:flex-end;padding-top:8px}.btn-upload{background:linear-gradient(135deg,#25f4ee,#fe2c55);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:opacity .2s}.btn-upload:hover:not(:disabled){opacity:.9}.btn-upload:disabled{cursor:not-allowed;opacity:.5}.tab-navigation.tiktok .tab-btn.active{border-bottom-color:#fe2c55;color:#fe2c55}@media (max-width:768px){.video-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.video-info{padding:12px}.video-stats{font-size:11px;gap:8px}}.connect-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;margin:0 auto;max-width:600px;padding:40px;text-align:center}.connect-icon.wordpress{color:#21759b;margin-bottom:24px}.connect-card h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:24px;font-weight:700;margin:0 0 12px}.connect-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:16px;margin:0 0 24px}.connect-features{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:12px;margin-bottom:24px;padding:20px;text-align:left}.connect-features h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;margin:0 0 12px}.connect-features ul{margin:0;padding-left:20px}.connect-features li{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin-bottom:8px}.connect-features li:last-child{margin-bottom:0}.connect-form{text-align:left}.connect-form .form-group{margin-bottom:16px}.connect-form label{color:#1f2937;color:var(--text-primary,#1f2937);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.connect-form input{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;width:100%}.connect-form input:focus{border-color:#21759b;outline:none}.form-help{color:#9ca3af;color:var(--text-muted,#9ca3af);display:block;font-size:12px;margin-top:6px}.btn-connect-wordpress{align-items:center;background:#21759b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px 24px;transition:background .2s;width:100%}.btn-connect-wordpress:hover:not(:disabled){background:#1a5f7a}.btn-connect-wordpress:disabled{cursor:not-allowed;opacity:.6}.post-list{display:flex;flex-direction:column;gap:16px}.post-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:20px;transition:box-shadow .2s}.post-card:hover{box-shadow:0 4px 12px #00000014}.post-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.post-status{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px}.post-status.status-publish{background:#dcfce7;color:#166534}.post-status.status-draft{background:#fef3c7;color:#92400e}.post-status.status-pending{background:#dbeafe;color:#1e40af}.post-status.status-private{background:#f3f4f6;color:#374151}.post-status.status-future{background:#ede9fe;color:#5b21b6}.post-categories{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px}.post-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:18px;font-weight:600;margin:0 0 8px}.post-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--text-secondary,#6b7280);display:-webkit-box;font-size:14px;margin:0 0 12px;overflow:hidden}.post-meta{color:#9ca3af;color:var(--text-muted,#9ca3af);display:flex;font-size:13px;gap:16px;margin-bottom:16px}.post-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:8px;padding-top:16px}.btn-view{background:#21759b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;text-decoration:none}.btn-view:hover{background:#1a5f7a}.btn-delete{background:#0000;border:1px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .2s}.btn-delete:hover{background:#fef2f2}.compose-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:24px}.compose-section h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:18px;margin:0 0 20px}.compose-form{display:flex;flex-direction:column;gap:16px}.compose-form .form-group{display:flex;flex-direction:column;gap:8px}.compose-form label{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:500}.compose-form input,.compose-form select,.compose-form textarea{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s}.compose-form input:focus,.compose-form select:focus,.compose-form textarea:focus{border-color:#21759b;outline:none}.compose-form textarea{font-family:monospace;min-height:200px;resize:vertical}.category-list{display:flex;flex-wrap:wrap;gap:12px}.category-checkbox{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:14px;gap:6px}.category-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.compose-actions{display:flex;justify-content:flex-end;padding-top:8px}.btn-publish{background:#21759b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.btn-publish:hover:not(:disabled){background:#1a5f7a}.btn-publish:disabled{cursor:not-allowed;opacity:.5}.tab-navigation.wordpress .tab-btn.active{border-bottom-color:#21759b;color:#21759b}.stats-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:24px}.stats-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.stats-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:18px;margin:0}.stats-period-selector{display:flex;gap:8px}.period-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:20px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.period-btn:hover{border-color:#21759b;color:#21759b}.period-btn.active{background:#21759b;border-color:#21759b;color:#fff}.stats-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center}.stat-icon{font-size:24px}.stat-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:28px;font-weight:700}.stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px}.stats-source{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:12px;margin-bottom:24px}.top-posts-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:24px;padding-top:24px}.top-posts-section h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;margin:0 0 16px}.top-posts-list{display:flex;flex-direction:column;gap:12px}.top-post-item{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:8px;display:flex;gap:12px;padding:12px}.top-post-rank{color:#21759b;font-size:14px;font-weight:700;min-width:32px}.top-post-info{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:space-between}.top-post-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-post-views{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;white-space:nowrap}.stats-unavailable{padding:40px 20px;text-align:center}.stats-unavailable h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:20px;margin:0 0 12px}.stats-unavailable>p{color:#6b7280;color:var(--text-secondary,#6b7280);margin-bottom:24px}.stats-help{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:12px;margin:0 auto;max-width:500px;padding:20px;text-align:left}.stats-help h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;margin:0 0 12px}.stats-help ul{margin:0;padding-left:20px}.stats-help li{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin-bottom:12px}.stats-help li:last-child{margin-bottom:0}.stats-help strong{color:#1f2937;color:var(--text-primary,#1f2937)}.stats-help small{color:#9ca3af;color:var(--text-muted,#9ca3af);display:block;margin-top:4px}.stats-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.stats-loading .spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border:3px solid var(--border-color,#e5e7eb);border-radius:50%;border-top:3px solid #21759b;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.stats-loading p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.stats-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:16px;padding:16px}.stats-error p{color:#dc2626;font-size:14px;margin:0}@media (max-width:768px){.connect-card{padding:24px}.post-card{padding:16px}.post-meta{flex-wrap:wrap;gap:8px}.category-list{gap:8px}.stats-header{align-items:flex-start;flex-direction:column}.stats-period-selector{overflow-x:auto;width:100%}.stats-summary{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:22px}.top-post-info{align-items:flex-start;flex-direction:column;gap:4px}}.legal-page{background:#f8fafc;min-height:100vh;padding:40px 24px}.legal-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 auto;max-width:900px;padding:40px}.legal-content h1{color:#1e293b;font-size:28px;margin-bottom:8px}.legal-content h2{color:#334155;font-size:18px;margin-bottom:12px;margin-top:24px}.legal-content p{color:#475569;line-height:1.7;margin:8px 0}.legal-content ol,.legal-content ul{color:#475569;margin:8px 0;padding-left:24px}.legal-content li{line-height:1.6;margin:6px 0}.legal-content a{color:#3b82f6;text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-content .meta{color:#64748b;font-size:14px;margin-bottom:20px}.legal-content .btn{background:#3b82f6;border-radius:8px;color:#fff;display:inline-block;font-weight:500;margin-top:16px;padding:12px 20px;text-decoration:none;transition:background .2s}.legal-content .btn:hover{background:#2563eb;text-decoration:none}.legal-content code{background:#f1f5f9;border-radius:4px;font-family:SF Mono,Consolas,monospace;font-size:14px;padding:2px 8px}.legal-content pre{background:#f1f5f9;border-radius:8px;overflow-x:auto;padding:16px}.legal-content footer{border-top:1px solid #e2e8f0;color:#94a3b8;font-size:13px;margin-top:40px;padding-top:16px}.credit-history-page{margin:0 auto;max-width:800px;padding:24px}.page-header{margin-bottom:24px}.page-header h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 8px}.page-description{color:#666;font-size:14px;margin:0}.credit-balance-card{align-items:center;background:linear-gradient(135deg,#ff8b5a,#ff6b3d);border-radius:20px;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:32px}.balance-label{font-size:14px;margin-bottom:8px;opacity:.9}.balance-amount{align-items:center;display:flex;gap:12px}.balance-icon{font-size:32px;opacity:.9}.balance-number{font-size:40px;font-weight:800}.balance-unit{font-size:18px;margin-left:-4px;opacity:.9}.btn-charge-credits{align-items:center;background:#fff3;border:2px solid #fff6;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 24px;transition:all .2s}.btn-charge-credits:hover{background:#ffffff4d;border-color:#fff9}.credit-cost-info{background:#f8f9fa;border-radius:16px;margin-bottom:24px;padding:24px}.credit-cost-info h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 16px}.cost-items{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cost-item{align-items:center;background:#fff;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.cost-name{color:#666;font-size:13px}.cost-value{color:#ff8b5a;font-size:14px;font-weight:600}.transactions-section{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:24px}.transactions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.transactions-header h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.filter-buttons{display:flex;gap:8px}.filter-btn{background:#f5f5f5;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-btn:hover{background:#eee}.filter-btn.active{background:#ff8b5a;color:#fff}.transactions-empty,.transactions-loading{color:#999;padding:48px 24px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.transactions-empty p{margin:0}.transactions-list{display:flex;flex-direction:column;gap:8px}.transaction-item{align-items:center;border-radius:12px;display:flex;gap:16px;padding:16px;transition:background .2s}.transaction-item:hover{background:#f9f9f9}.transaction-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.transaction-icon.charge{background:#e8f5e9;color:#4caf50}.transaction-icon.use{background:#ffebee;color:#f44336}.transaction-icon.bonus{background:#fff3e0;color:#ff9800}.transaction-icon.refund{background:#e3f2fd;color:#2196f3}.transaction-info{flex:1 1;min-width:0}.transaction-description{color:#1a1a1a;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-date{color:#999;font-size:12px}.transaction-amount-wrapper{flex-shrink:0;text-align:right}.transaction-amount{font-size:16px;font-weight:700;margin-bottom:2px}.transaction-amount.positive{color:#4caf50}.transaction-amount.negative{color:#f44336}.transaction-balance{color:#999;font-size:12px}@media (max-width:640px){.credit-history-page{padding:16px}.credit-balance-card{flex-direction:column;gap:20px;padding:24px;text-align:center}.balance-amount{justify-content:center}.balance-number{font-size:32px}.btn-charge-credits{justify-content:center;width:100%}.transactions-header{align-items:flex-start;flex-direction:column;gap:16px}.filter-buttons{overflow-x:auto;padding-bottom:4px;width:100%}.filter-btn{flex-shrink:0}.transaction-item{flex-wrap:wrap}.transaction-info{flex-basis:calc(100% - 60px);flex-grow:1;flex-shrink:1;order:1}.transaction-icon{order:0}.transaction-amount-wrapper{margin-top:8px;order:2;padding-left:60px;text-align:left;width:100%}}
/*# sourceMappingURL=main.05240d9f.css.map*/