.toast{display:flex;align-items:center;justify-content:space-between;min-width:320px;max-width:500px;padding:16px 20px;margin-bottom:12px;background:#808080e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 20px #0000001f,0 2px 8px #00000014;animation:toastSlideIn .3s ease-out;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:none}.toast:hover{transform:translate(-4px);box-shadow:0 6px 24px #00000026,0 3px 10px #0000001a}.toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast-icon-circle{width:24px;height:24px;border-radius:50%;background:#beef05;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon{width:14px;height:14px;color:#000;flex-shrink:0}.toast-message{font-size:14px;line-height:1.5;color:#fff;font-weight:400}.toast-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.toast-action-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;padding:4px 8px;color:#fff;font-size:14px;font-weight:400;transition:opacity .2s ease;flex-shrink:0}.toast-action-btn:hover{opacity:.8}.toast-action-btn svg{width:16px;height:16px;flex-shrink:0}.toast-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:color .2s ease;flex-shrink:0}.toast-close svg{width:16px;height:16px}.toast-close:hover{color:#fff}.toast-success .toast-icon-circle{background:#beef05}.toast-success .toast-icon{color:#000}.toast-error .toast-icon-circle{background:#ef4444}.toast-error .toast-icon{color:#fff}.toast-warning .toast-icon-circle{background:#f59e0b}.toast-warning .toast-icon{color:#fff}.toast-info .toast-icon-circle{background:#3b82f6}.toast-info .toast-icon{color:#fff}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-container{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.toast-container>*{pointer-events:auto}@media(max-width:640px){.toast{min-width:280px;max-width:calc(100vw - 32px)}.toast-container{right:16px;top:16px;left:16px;align-items:stretch}}.header{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:20px 0 0;box-sizing:border-box}.header .container{box-sizing:border-box;height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffff4d;border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 24px #959da533;border-radius:12px;padding:10px 10px 10px 20px;overflow:visible;position:relative}.nav-brand{flex-shrink:0;display:flex;align-items:center}.logo-link{text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px}.logo-avatar{display:block;width:36px;height:36px;border-radius:50%;flex-shrink:0;aspect-ratio:1 / 1}.logo-wordmark{display:block;width:111px;height:30px;flex-shrink:0;aspect-ratio:37 / 10;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.nav-menu{flex:1;display:flex;justify-content:center;min-width:0;overflow:visible}.nav-menu ul{display:flex;gap:10px;list-style:none;margin:0;padding:0}.nav-menu li{margin:0;display:flex;align-items:center}.nav-menu a{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;position:relative;color:#4e4e4e;font-weight:500;font-size:16px;line-height:24px;text-decoration:none;transition:color .15s ease;white-space:nowrap;display:inline-flex;align-items:center;padding:8px 16px}.nav-menu a:hover{color:#111}.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content}.header .btn{box-sizing:border-box!important;display:inline-flex!important;align-items:center;justify-content:center;height:40px!important;min-height:40px!important;padding:0 16px!important;border:0!important;border-radius:8px!important;outline:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px!important;font-weight:700!important;line-height:20px!important;text-decoration:none;box-shadow:none!important;transition:background .15s ease,color .15s ease,transform .12s ease;-webkit-tap-highlight-color:transparent;cursor:pointer;width:auto!important}.header .btn.btn-outline{background:#f6f6f6!important;color:#242424!important}.header .btn.btn-outline:hover{background:#ececec!important;transform:translateY(-1px)}.header .btn.btn-primary{background:#adff2f!important;color:#242424!important}.header .btn.btn-primary:hover{background:#9ce628!important;transform:translateY(-1px)}.header .user-menu{position:relative!important;display:inline-flex!important;flex-shrink:0;width:auto!important;bottom:auto!important;left:auto!important;right:auto!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;box-shadow:none!important}.header .user-info-btn{display:inline-flex!important;align-items:center;gap:10px;padding:6px 14px;border-radius:9999px;background:#fff;border:1.5px solid #e5e7eb;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f;white-space:nowrap}.header .user-info-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 14px #0000001a;transform:translateY(-1px)}.header .user-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex-shrink:0}.header .user-name{font-weight:600;color:#111;font-size:14px;white-space:nowrap;flex-shrink:0;max-width:150px;overflow:hidden;text-overflow:ellipsis}.header .dropdown-arrow{transition:transform .2s ease;color:#6b7280;flex-shrink:0}.header .user-dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:240px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 32px #0000001f;padding:8px;z-index:1000;animation:slideDown .2s ease}.header .dropdown-header{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:4px}.header .dropdown-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.header .dropdown-user-info{flex:1;overflow:hidden}.header .dropdown-name{font-size:15px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header .dropdown-email{font-size:13px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.header .dropdown-divider{height:1px;background:#e5e7eb;margin:6px 0}.header .dropdown-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;cursor:pointer;padding:10px 12px;text-align:left;font-size:14px;color:#374151;text-decoration:none;border-radius:10px;transition:all .2s ease;font-weight:500}.header .dropdown-icon{font-size:18px;width:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header .dropdown-item:hover{background:#f3f4f6;color:#111}.header .logout-item{color:#ef4444;margin-top:2px}.header .logout-item:hover{background:#fef2f2;color:#dc2626}@media(max-width:1024px){.nav-menu ul{gap:28px}}@media(max-width:768px){.nav-menu{display:none}.header .container{padding:8px 12px}}.header>.container{width:100%;max-width:1440px;margin-left:auto;margin-right:auto;box-sizing:border-box}@media(max-width:1439px){.header>.container{margin-left:16px;margin-right:16px;width:calc(100% - 32px)}}.nav-item,.nav-item--has-submenu{position:relative}.nav-link--trigger{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;border:0;background:none;cursor:pointer;padding:8px 16px;margin:0;font-size:16px;line-height:24px;display:inline-flex;align-items:center;gap:4px;color:#4e4e4e;font-weight:500;text-decoration:none;transition:color .15s ease;white-space:nowrap}.nav-link--trigger:hover{color:#111}.nav-caret{display:inline-flex;align-items:center;justify-content:center;width:10px;height:6.0625px;aspect-ratio:10 / 6.0625;transition:transform .15s ease}.nav-caret svg{display:block;width:10px;height:6.0625px;aspect-ratio:10 / 6.0625}.nav-caret--open{transform:rotate(180deg)}.nav-menu .nav-item--has-caret .nav-link{gap:4px}.nav-submenu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-6px);min-width:220px;padding:8px;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.06);box-shadow:0 16px 36px #1018281f;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease;z-index:120}.nav-submenu--open{opacity:1;visibility:visible;transform:translate(-50%)}.nav-submenu-item{display:block;padding:8px 10px;border-radius:8px;font-size:14px;color:#4b5563;text-decoration:none;white-space:nowrap}.nav-submenu-item:hover{background:#f7f7f8;color:#111}.header{background:transparent}.header .container{background:#ffffff4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 24px #959da533}:root{--ft-bg: #242424;--ft-text: #eaeaea;--ft-accent: #adff2f}.ft{background:var(--ft-bg);color:var(--ft-text)}.ft .container{max-width:1440px;width:100%;margin:0 auto;padding:120px 0;box-sizing:border-box}@media(max-width:1439px){.ft .container{padding:120px 16px}}.ft-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:120px 40px;margin-bottom:120px}.ft-brand{display:flex;flex-direction:column;gap:34px;width:285px;flex-shrink:0}.ft-logo{display:inline-flex;align-items:center;color:var(--ft-accent);text-decoration:none;width:220px;height:59px}.ft-logo svg{display:block;width:220px;height:59px}.ft-social{display:flex;gap:8px;list-style:none;margin:0;padding:0}.ft-social li{margin:0}.ft-social a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;opacity:.9;transition:opacity .15s ease,transform .15s ease}.ft-social a:hover{opacity:1;transform:translateY(-1px)}.ft-social img{display:block;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.ft-links{display:flex;gap:60px;flex-shrink:0}.ft-col{display:flex;flex-direction:column;gap:10px}.ft-col h4{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:16px;line-height:24px;color:#f6f6f6;margin:0;padding:0 10px 10px;white-space:nowrap}.ft-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ft-col li{margin:0}.ft-col a{display:inline-flex;align-items:center;height:40px;padding:10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#eaeaea;text-decoration:none;white-space:nowrap;transition:color .15s ease}.ft-col a:hover{color:#fff}.ft-sub{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:6px}.ft-sub-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:#f6f6f6;margin:0}.ft-sub-form{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d2d2d2;border-radius:8px}.ft-sub-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#737373;flex-shrink:0}.ft-sub-icon svg{display:block}.ft-sub-form input{flex:1 1 0;min-width:0;background:transparent;border:0;outline:none;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#fafafa}.ft-sub-form input::-moz-placeholder{color:#737373}.ft-sub-form input::placeholder{color:#737373}.ft-bottom{display:flex;align-items:center;justify-content:space-between;height:36px;color:#d2d2d2}.ft-legal{display:flex;align-items:center;gap:10px;list-style:none;margin:0;padding:0}.ft-legal li{margin:0;display:inline-flex;align-items:center}.ft-legal li+li:before{content:"|";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;color:#d2d2d2;margin-right:10px}.ft-legal a{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#d2d2d2;text-decoration:none;white-space:nowrap}.ft-legal a:hover{color:#fff}.ft-copy{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#d2d2d2;text-align:right;margin:0;white-space:nowrap}@media(max-width:992px){.ft .container{padding:80px 16px}.ft-top{gap:60px 40px;margin-bottom:60px}.ft-brand,.ft-sub{width:100%}}@media(max-width:640px){.ft-links{flex-wrap:wrap;gap:32px}.ft-bottom{flex-direction:column;gap:12px;height:auto;align-items:flex-start}.ft-copy{text-align:left}}.dashboard{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-hover: #f0f1f3;--text-primary: #1a1a1a;--text-secondary: #6b7280;--border-color: rgba(0, 0, 0, .1);--card-bg: #ffffff;--shadow: rgba(0, 0, 0, .08)}.dashboard.dark-theme{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-hover: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-color: rgba(255, 255, 255, .08);--card-bg: rgba(255, 255, 255, .03);--shadow: rgba(0, 0, 0, .3)}.dashboard{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;position:relative;width:100%;overflow-x:hidden;transition:background .3s ease,color .3s ease}.dashboard-sidebar{width:260px;background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;flex-shrink:0;transition:background .3s ease,border-color .3s ease}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border-color)}.logo{height:40px;width:auto;margin:0;cursor:pointer;display:block}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:2px}.nav-item.active{background:#d4fc7926;color:var(--text-primary);font-weight:600}.nav-divider{height:1px;background:var(--border-color);margin:16px 0}.nav-section-title{padding:12px 12px 8px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sidebar-footer{padding:16px 12px;border-top:1px solid var(--border-color)}.user-profile-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease}.user-profile-btn:hover{background:var(--bg-hover);border-color:var(--border-color)}.user-info{flex:1;text-align:left;overflow:hidden}.user-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.dropdown-arrow{width:16px;height:16px;flex-shrink:0;color:var(--text-secondary);transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-menu{position:absolute;bottom:100%;left:16px;right:16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow);padding:8px;margin-bottom:8px}.user-menu button{display:block;width:100%;padding:8px 12px;background:none;border:none;border-radius:4px;text-align:left;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background .2s}.user-menu button:hover{background:var(--bg-hover)}.dashboard-main{position:absolute;left:260px;right:0;min-height:100vh;background:var(--bg-primary);padding:32px 40px;transition:background .3s ease}@media(max-width:1024px){.dashboard-main{padding:24px 32px}}@media(max-width:768px){.dashboard-sidebar{width:70px}.sidebar-header{padding:20px 12px}.logo{font-size:20px}.nav-text,.nav-section-title,.user-info{display:none}.nav-item{justify-content:center;padding-left:8px;padding-right:8px}.dashboard-main{left:70px;padding:24px}}@media(max-width:480px){.dashboard-main{padding:16px}}.pricing-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;animation:pricing-modal-fade-in .2s ease;overflow:hidden}@keyframes pricing-modal-fade-in{0%{opacity:0}to{opacity:1}}.pricing-modal-container{position:relative;background:#fff;border-radius:16px;padding:36px 32px 28px;width:98vw;height:98vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 24px 80px #0000002e;animation:pricing-modal-slide-up .25s ease}@keyframes pricing-modal-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.pricing-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s,color .15s}.pricing-modal-close:hover{background:#e5e7eb;color:#111}.pricing-modal-header{text-align:center;margin-bottom:20px}.pricing-modal-title{font-size:24px;font-weight:700;color:#111;margin:0 0 4px}.pricing-modal-subtitle{font-size:14px;color:#6b7280;margin:0 0 16px}.pricing-modal-toggle{display:flex;flex-direction:column;align-items:center;gap:8px}.pricing-modal-save{font-size:12px;font-weight:700;color:#111}.pricing-modal-switch{position:relative;display:inline-flex;align-items:center;padding:4px;border:1px solid #e5e7eb;border-radius:999px;background:linear-gradient(#fff,#f7f7f7);box-shadow:0 1px #0000000a inset,0 4px 12px #0000000f}.pricing-modal-switch:before{content:"";position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:999px;background:#b7ff4a;box-shadow:0 0 0 2px #b7ff4a59 inset;transition:transform .25s ease;will-change:transform}.pricing-modal-switch.annually:before{transform:translate(100%)}.pricing-modal-pill{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:8px 22px;border-radius:999px;font-weight:700;font-size:13px;color:#111;cursor:pointer}.pricing-modal-pill:focus-visible{outline:2px solid rgba(0,0,0,.3);outline-offset:2px}.pricing-modal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}@media(min-width:1001px){.pricing-modal-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;align-items:stretch}.pricing-modal-card{height:100%}.pricing-modal-card[data-id=free],.pricing-modal-card[data-id=standard],.pricing-modal-card[data-id=pro]{grid-row:1 / span 2}.pricing-modal-card[data-id=topup]{grid-column:4;grid-row:1}.pricing-modal-card[data-id=talk]{grid-column:4;grid-row:2}}@media(max-width:1000px){.pricing-modal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pricing-modal-grid{grid-template-columns:1fr}.pricing-modal-container{padding:24px 16px 20px}}.pricing-modal-card{background:#fff;border:1px solid #ececec;border-radius:14px;padding:16px;box-shadow:0 6px 20px #1414140d;display:grid;grid-template-rows:auto auto auto 1fr;gap:8px}.pricing-modal-card.accent{border-color:#c0f18a;box-shadow:0 10px 30px #98ec7729,0 6px 20px #1414140d}.pricing-modal-card-head{display:grid;align-content:start;gap:4px}.pricing-modal-plan{font-size:15px;font-weight:700;margin:0;color:#111}.pricing-modal-blurb{font-size:12px;margin:0;color:#6b7280}.pricing-modal-price-wrap{display:grid;align-content:end;gap:2px}.pricing-modal-price-row{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:nowrap}.pricing-modal-price{font-weight:700;font-size:26px;color:#111;line-height:1}.pricing-modal-price.free{font-size:24px}.pricing-modal-price.contact{font-size:20px}.pricing-modal-per{color:#6b7280;font-size:12px;line-height:1.2;white-space:nowrap}.pricing-modal-cta{align-self:start}.pricing-modal-btn{width:100%;height:38px;border-radius:999px;padding:0 14px;font-weight:700;font-size:13px;background:#111;color:#fff;border:1px solid rgba(0,0,0,.85);box-shadow:0 4px 14px #0000001f;cursor:pointer;transition:background .2s,transform .15s}.pricing-modal-btn:hover{background:#000;transform:translateY(-1px)}.pricing-modal-features{align-self:start;display:flex;flex-direction:column;gap:6px;min-height:0;margin-top:2px}.pricing-modal-feat-title{margin-top:4px;font-weight:700;font-size:12px;color:#111}.pricing-modal-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pricing-modal-feat{display:grid;grid-template-columns:16px 1fr;gap:6px;align-items:start;font-size:12px;color:#6b7280}.pricing-modal-dot{width:16px;height:16px;display:inline-grid;place-items:center;border-radius:50%;background:#eaffd9;color:#4b8c11;font-size:8px;line-height:1;border:1px solid #d8f1b8}.pricing-modal-card.is-current{border:2px solid #c8ff00;position:relative}.pricing-modal-current-badge{position:absolute;top:-1px;right:-1px;background:#c8ff00;color:#1a1a1a;font-size:11px;font-weight:700;padding:4px 12px;border-radius:0 8px;text-transform:uppercase;letter-spacing:.5px}.pricing-modal-btn.current-plan-btn{background:#1a1a1a;color:#fff;cursor:pointer;border:2px solid #1a1a1a}.pricing-modal-btn.current-plan-btn:hover{background:#333}.pricing-modal-btn.lower-plan-btn{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border:1px solid #e5e7eb}.pricing-modal-btn.upgrade-btn{background:#c8ff00;color:#1a1a1a;font-weight:600;border:none}.pricing-modal-btn.upgrade-btn:hover{background:#b8ef00}.pricing-modal-disclaimer{text-align:center;color:#6b7280;font-size:11px;margin-top:12px;margin-bottom:0}.help-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10002;animation:fadeIn .2s ease}.help-modal{position:relative;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;padding:32px;animation:slideUp .3s ease}.help-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease;padding:0}.help-modal-close:hover{background:#f3f4f6;color:#111827}.help-modal-close:disabled{opacity:.5;cursor:not-allowed}.help-modal-close svg{width:20px;height:20px}.help-modal-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 24px;padding-right:40px}.help-modal-form{display:flex;flex-direction:column;gap:20px}.help-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.help-modal-field{display:flex;flex-direction:column;gap:8px}.help-modal-field-full{grid-column:1 / -1}.help-modal-label{font-size:14px;font-weight:500;color:#374151}.help-modal-required{color:#ef4444;margin-left:4px}.help-modal-input,.help-modal-textarea{width:100%;padding:12px 16px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;color:#111827;background:#fff;transition:all .2s ease;box-sizing:border-box}.help-modal-input:focus,.help-modal-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.help-modal-input:disabled,.help-modal-textarea:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.help-modal-input.error,.help-modal-textarea.error{border-color:#ef4444}.help-modal-input.error:focus,.help-modal-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.help-modal-textarea{resize:vertical;min-height:100px}.help-modal-error{font-size:12px;color:#ef4444;margin-top:-4px}.help-modal-error-submit{margin-top:0;text-align:center}.help-modal-actions{display:flex;gap:12px;margin-top:8px}.help-modal-btn{flex:1;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;justify-content:center}.help-modal-btn:disabled{opacity:.6;cursor:not-allowed}.help-modal-btn-submit{background:#6b7280;color:#fff}.help-modal-btn-submit:hover:not(:disabled){background:#4b5563;transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.help-modal-btn-submit:active:not(:disabled){transform:translateY(0)}.help-modal-btn-cancel{background:#fff;color:#374151;border:1.5px solid #e5e7eb}.help-modal-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.help-modal-btn-cancel:active:not(:disabled){transform:scale(.98)}.help-modal-spinner{display:flex;align-items:center;gap:8px}.help-modal-spinner .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}.help-modal-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:16px}.help-modal-success svg{color:#10b981;stroke-width:3}.help-modal-success p{font-size:16px;font-weight:500;color:#111827;margin:0}.dark-theme .help-modal{background:#1f2937}.dark-theme .help-modal-title{color:#f3f4f6}.dark-theme .help-modal-label{color:#d1d5db}.dark-theme .help-modal-input,.dark-theme .help-modal-textarea{background:#111827;border-color:#374151;color:#f3f4f6}.dark-theme .help-modal-input:focus,.dark-theme .help-modal-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.dark-theme .help-modal-input:disabled,.dark-theme .help-modal-textarea:disabled{background:#0a0a0a;opacity:.5}.dark-theme .help-modal-close{color:#9ca3af}.dark-theme .help-modal-close:hover{background:#374151;color:#f3f4f6}.dark-theme .help-modal-btn-cancel{background:#374151;color:#e5e7eb;border-color:#4b5563}.dark-theme .help-modal-btn-cancel:hover:not(:disabled){background:#4b5563;border-color:#6b7280}.dark-theme .help-modal-success p{color:#f3f4f6}@media(max-width:640px){.help-modal{padding:24px;max-width:95%}.help-modal-row{grid-template-columns:1fr}.help-modal-title{font-size:20px;margin-bottom:20px}}.dashboard-sidebar{--sidebar-bg: #ffffff;--sidebar-border: #e5e5e5;--sidebar-hover: #f5f5f5;--sidebar-text: #1a1a1a;--sidebar-text-secondary: #6b7280;--sidebar-active-bg: #f5f5f5}.dashboard-sidebar.dark-theme{--sidebar-bg: #0a0a0a;--sidebar-border: #2a2a2a;--sidebar-hover: #1a1a1a;--sidebar-text: #ffffff;--sidebar-text-secondary: #a0a0a0;--sidebar-active-bg: #1a1a1a;background:#0a0a0a!important}.dashboard-sidebar.dark-theme .nav-item.active{background:#1a1a1a}.dashboard-sidebar.dark-theme .sidebar-footer{border-top-color:#2a2a2a}.dashboard-sidebar{width:260px;background:var(--sidebar-bg);border-right:none;border-radius:16px;display:flex;flex-direction:column;position:fixed;left:10px;top:10px;bottom:10px;height:auto;z-index:0!important;flex-shrink:0;transition:width .3s ease,background .3s ease,border-color .3s ease}.dashboard-sidebar.create-design-sidebar-variant.create-design-sidebar-variant{border:1px solid rgba(255,255,255,.7);background:#ffffffb3!important;box-shadow:0 8px 24px #959da533;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dashboard-sidebar.create-design-sidebar-variant .nav-section-title{height:auto;display:block;padding:0;margin-top:38px;color:#999;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0;text-transform:none}.dashboard-sidebar.create-design-sidebar-variant .sidebar-footer{border-top:none;padding:0 8px 12px}.dashboard-sidebar.create-design-sidebar-variant .chat-item-wrapper:hover .chat-more-btn,.dashboard-sidebar.create-design-sidebar-variant .chat-item-wrapper.menu-open .chat-more-btn{opacity:1}.dashboard-sidebar .sidebar-header{padding:0 0 24px;overflow:visible}.dashboard-sidebar .sidebar-logo-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.dashboard-sidebar.collapsed .sidebar-logo-row{justify-content:center}.dashboard-sidebar .logo-icon{width:32px;height:32px;color:var(--sidebar-text);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;overflow:visible;line-height:0;margin:8px 0 0 8px;margin-bottom:0!important}.dashboard-sidebar .logo-icon svg,.dashboard-sidebar .logo-icon img{width:32px;height:32px;display:block;flex-shrink:0;overflow:visible;margin:0;padding:0;-o-object-fit:contain;object-fit:contain;color:inherit}.dashboard-sidebar .sidebar-collapse-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--sidebar-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;margin:12px 12px 0 auto;padding:0}.dashboard-sidebar .sidebar-collapse-btn svg{width:18px;height:18px}.dashboard-sidebar .sidebar-collapse-btn:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.dashboard-sidebar.collapsed .logo-icon{display:none}.dashboard-sidebar.collapsed .sidebar-collapse-btn{margin:12px auto 0}.dashboard-sidebar .sidebar-nav{padding:0 18px;flex:1;display:flex;flex-direction:column;min-height:0;overflow:visible}.dashboard-sidebar .sidebar-nav::-webkit-scrollbar{width:4px}.dashboard-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.dashboard-sidebar.dark-theme .sidebar-nav::-webkit-scrollbar-thumb{background:#fff3}.dashboard-sidebar .chats-section{flex:1;display:flex;flex-direction:column;padding:0 2px;min-height:0;overflow:hidden}.dashboard-sidebar .chats-section .nav-section-title{flex-shrink:0;padding:0}.dashboard-sidebar .chats-list{flex:1;overflow-y:auto;padding-bottom:12px}.dashboard-sidebar .chats-list-inline{flex:1;min-height:0;overflow-y:auto;padding:0 2px 12px}.dashboard-sidebar .chats-list::-webkit-scrollbar,.dashboard-sidebar .chats-list-inline::-webkit-scrollbar{width:4px}.dashboard-sidebar .chats-list::-webkit-scrollbar-thumb,.dashboard-sidebar .chats-list-inline::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.dashboard-sidebar.dark-theme .chats-list::-webkit-scrollbar-thumb,.dashboard-sidebar.dark-theme .chats-list-inline::-webkit-scrollbar-thumb{background:#fff3}.dashboard-sidebar .nav-item{width:100%;display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:none;border-bottom:1px solid transparent;color:var(--sidebar-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:18px;letter-spacing:0%;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:0;text-align:left;height:36px;box-sizing:border-box;flex-shrink:0}.dashboard-sidebar .nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text);border-radius:20px}.dashboard-sidebar .nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-text);border-radius:100px;border-bottom:1px solid transparent}.dashboard-sidebar .nav-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:inherit}.dashboard-sidebar .nav-icon svg{color:inherit}.dashboard-sidebar .nav-text{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;line-height:18px}.dashboard-sidebar .nav-divider{height:1px;background:var(--sidebar-border);margin:12px 0}.dashboard-sidebar .nav-section-title{padding:0;margin-top:38px;font-size:12px;font-weight:400;line-height:16px;color:#999;text-transform:none;letter-spacing:0;flex-shrink:0}.dashboard-sidebar .nav-section-title+.nav-item{margin-top:10px}.dashboard-sidebar .nav-section-title+.chats-list-inline{margin-top:20px}.dashboard-sidebar .chat-item{position:relative;padding-left:10px}.dashboard-sidebar .chat-item.active{background:var(--sidebar-active-bg)}.dashboard-sidebar .chat-active-dot{display:none}.dashboard-sidebar .chat-item .nav-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-sidebar .chat-item.loading,.dashboard-sidebar .chat-item.empty{cursor:default;opacity:.6}.dashboard-sidebar .chat-item.empty:hover{background:transparent}.dashboard-sidebar .chat-item .text-muted{color:var(--sidebar-text-secondary);font-style:italic}.dashboard-sidebar .chat-item-wrapper{position:relative;display:flex;align-items:center}.dashboard-sidebar .chat-item-wrapper .chat-item{flex:1;min-width:0;padding-right:28px}.dashboard-sidebar .chat-more-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--sidebar-text-secondary);cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease;padding:0;flex-shrink:0}.dashboard-sidebar .chat-item-wrapper:hover .chat-more-btn,.dashboard-sidebar .chat-item-wrapper.menu-open .chat-more-btn{opacity:1}.dashboard-sidebar .chat-more-btn:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.dashboard-sidebar .chat-context-menu{position:absolute;top:100%;right:0;z-index:100;min-width:140px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:4px;animation:chatMenuFadeIn .12s ease}.dashboard-sidebar.dark-theme .chat-context-menu{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 4px 12px #0006}@keyframes chatMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dashboard-sidebar .chat-context-menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:7px 10px;background:transparent;border:none;border-radius:6px;color:var(--sidebar-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;cursor:pointer;transition:background .15s ease;text-align:left}.dashboard-sidebar .chat-context-menu-item:hover{background:var(--sidebar-hover)}.dashboard-sidebar .chat-context-menu-item.delete:hover{background:#fee2e2;color:#dc2626}.dashboard-sidebar.dark-theme .chat-context-menu-item.delete:hover{background:#dc262626;color:#f87171}.dashboard-sidebar .chat-rename-row{width:100%;padding:2px 0}.dashboard-sidebar .chat-rename-input{width:100%;padding:5px 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;line-height:18px;color:var(--sidebar-text);background:var(--sidebar-hover);border:1.5px solid #667eea;border-radius:8px;outline:none;box-sizing:border-box}.dashboard-sidebar.dark-theme .chat-rename-input{background:#1a1a1a;border-color:#667eea;color:#fff}.dashboard-sidebar .invite-friends-card{margin:12px;padding:0;background:transparent;border-radius:12px;position:relative;overflow:hidden;cursor:pointer;border:none}.dashboard-sidebar .invite-friends-card img{width:100%;height:auto;display:block;border-radius:12px;border:none}.dashboard-sidebar .sidebar-footer{padding:0 8px 12px;border-top:none}.dashboard-sidebar .user-profile-btn{width:100%;display:flex;align-items:center;gap:10px;padding:6px 8px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.dashboard-sidebar.collapsed .user-profile-btn{justify-content:center;padding:6px}.dashboard-sidebar .user-profile-btn:hover{background:var(--sidebar-hover)}.dashboard-sidebar .user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.dashboard-sidebar .user-avatar .user-avatar-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.dashboard-sidebar .user-name{font-family:Inter,Helvetica Neue,Arial,sans-serif!important;font-size:14px!important;font-weight:600!important;font-style:normal!important;line-height:18px!important;letter-spacing:0%!important;color:var(--sidebar-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-sidebar .user-credit-tag{display:none;align-items:center;gap:3px;margin-left:auto;padding:2px 7px;background:var(--sidebar-hover);border-radius:10px;font-size:11px;font-weight:600;color:var(--sidebar-text);white-space:nowrap;flex-shrink:0}.dashboard-sidebar .user-credit-tag svg{color:#fbbf24}.dashboard-sidebar.collapsed .user-credit-tag{display:none}.sidebar-user-menu{position:fixed!important;bottom:auto!important;right:auto!important;width:260px!important;min-width:260px!important;max-width:260px!important;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(229,229,229,.8);border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:12px;animation:slideUpFade .2s ease;z-index:10000;transform-origin:bottom right;overflow:visible!important}.dark-theme~.sidebar-user-menu,.dashboard-sidebar.dark-theme~.sidebar-user-menu,.sidebar-user-menu.dark-theme{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 8px 24px #00000080}.sidebar-user-menu.dark-theme{background:#1a1a1afa}.sidebar-user-menu .user-menu-profile{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(229,229,229,.8)}.dark-theme~.sidebar-user-menu .user-menu-profile,.dashboard-sidebar.dark-theme~.sidebar-user-menu .user-menu-profile,.sidebar-user-menu.dark-theme .user-menu-profile{border-bottom-color:#2a2a2a}.sidebar-user-menu .user-menu-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.sidebar-user-menu .user-menu-avatar .user-menu-avatar-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.sidebar-user-menu .user-menu-info{flex:1}.sidebar-user-menu .user-menu-name{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:2px;line-height:1.2}.dark-theme~.sidebar-user-menu .user-menu-name,.dashboard-sidebar.dark-theme~.sidebar-user-menu .user-menu-name,.sidebar-user-menu.dark-theme .user-menu-name{color:#fff}.sidebar-user-menu .user-menu-plan{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;color:#6b7280;line-height:1.2}.dark-theme~.sidebar-user-menu .user-menu-plan,.dashboard-sidebar.dark-theme~.sidebar-user-menu .user-menu-plan,.sidebar-user-menu.dark-theme .user-menu-plan{color:#a0a0a0}.sidebar-user-menu .user-menu-account{padding:10px 0;margin-bottom:12px;border-bottom:1px solid rgba(229,229,229,.8);overflow:visible}.dark-theme~.sidebar-user-menu .user-menu-account,.dashboard-sidebar.dark-theme~.sidebar-user-menu .user-menu-account,.sidebar-user-menu.dark-theme .user-menu-account{border-bottom-color:#2a2a2a}.sidebar-user-menu .account-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;color:#1a1a1a;overflow:visible}.dark-theme~.sidebar-user-menu .account-item,.dashboard-sidebar.dark-theme~.sidebar-user-menu .account-item,.sidebar-user-menu.dark-theme .account-item{color:#fff}.sidebar-user-menu .account-item>span:first-child{display:flex;align-items:center;white-space:nowrap;position:relative}.sidebar-user-menu .account-item .info-icon{width:14px;height:14px;margin-left:6px;color:#6b7280;cursor:help;position:relative}.dark-theme~.sidebar-user-menu .account-item .info-icon,.dashboard-sidebar.dark-theme~.sidebar-user-menu .account-item .info-icon,.sidebar-user-menu.dark-theme .account-item .info-icon{color:#a0a0a0}.sidebar-user-menu .account-item .designs-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #00000026;z-index:10001;min-width:300px;max-width:350px;white-space:normal;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;color:#1a1a1a;line-height:1.6;pointer-events:none}.sidebar-user-menu .account-item .designs-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ffffff}.sidebar-user-menu .account-item .designs-tooltip ul{margin:0;padding:0 0 0 20px;list-style:disc}.sidebar-user-menu .account-item .designs-tooltip li{margin:4px 0;padding:0}.dark-theme~.sidebar-user-menu .account-item .designs-tooltip,.dashboard-sidebar.dark-theme~.sidebar-user-menu .account-item .designs-tooltip,.sidebar-user-menu.dark-theme .account-item .designs-tooltip{background:#1a1a1a;color:#fff;box-shadow:0 4px 12px #00000080}.dark-theme~.sidebar-user-menu .account-item .designs-tooltip:after,.dashboard-sidebar.dark-theme~.sidebar-user-menu .account-item .designs-tooltip:after,.sidebar-user-menu.dark-theme .account-item .designs-tooltip:after{border-top-color:#1a1a1a}.sidebar-user-menu .account-value{font-weight:500;color:#1a1a1a}.dark-theme~.sidebar-user-menu .account-value,.dashboard-sidebar.dark-theme~.sidebar-user-menu .account-value,.sidebar-user-menu.dark-theme .account-value{color:#fff}.sidebar-user-menu .upgrade-plan-btn{width:100%;padding:10px 12px;background:#111827;border:none;border-radius:8px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;margin-bottom:12px;text-align:center}.sidebar-user-menu .upgrade-plan-btn:hover{background:#374151;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.dark-theme~.sidebar-user-menu .upgrade-plan-btn,.dashboard-sidebar.dark-theme~.sidebar-user-menu .upgrade-plan-btn,.sidebar-user-menu.dark-theme .upgrade-plan-btn{background:#f3f4f6;color:#111827}.dark-theme~.sidebar-user-menu .upgrade-plan-btn:hover,.dashboard-sidebar.dark-theme~.sidebar-user-menu .upgrade-plan-btn:hover,.sidebar-user-menu.dark-theme .upgrade-plan-btn:hover{background:#e5e7eb;box-shadow:0 4px 12px #0000004d}.sidebar-user-menu .menu-item{width:100%;display:flex;align-items:center;gap:0;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:#1a1a1a;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;text-align:left;justify-content:flex-start}.dark-theme~.sidebar-user-menu .menu-item{color:#fff}.sidebar-user-menu .menu-item:hover{background:#f5f5f599}.dark-theme~.sidebar-user-menu .menu-item:hover{background:#2a2a2a}.sidebar-user-menu .menu-item.logout-item:hover{background:#f44;color:#fff}.sidebar-user-menu .menu-divider{height:1px;background:#e5e5e5cc;margin:8px 0}.dark-theme~.sidebar-user-menu .menu-divider{background:#2a2a2a}.sidebar-user-menu .credit-display{background:#ccff001a;color:#8b8b00;font-weight:500;cursor:default;pointer-events:none}.dark-theme~.sidebar-user-menu .credit-display{color:#f3f4f6}.sidebar-user-menu .credit-display svg{color:#8b8b00}.dark-theme~.sidebar-user-menu .credit-display svg{color:#f3f4f6}.mobile-sidebar-trigger-bar,.mobile-sidebar-backdrop{display:none}.dashboard-sidebar.drawer-enabled{width:min(280px,calc(100vw - 56px));max-width:calc(100vw - 56px);height:auto;max-height:calc(100dvh - 20px);top:10px;left:10px;bottom:10px;border-right:1px solid var(--sidebar-border);border-radius:0 20px 20px 0;box-shadow:0 18px 40px #11182729;transform:translate(calc(-100% - 24px));transition:transform .28s ease,background .3s ease,border-color .3s ease;z-index:1500!important}.dashboard-sidebar.drawer-enabled.editor-drawer{z-index:3400!important;width:260px!important;max-width:260px!important;border-radius:16px!important}.dashboard-sidebar.drawer-enabled.editor-drawer .sidebar-header{padding:0 0 24px}.dashboard-sidebar.drawer-enabled.editor-drawer .sidebar-nav{padding:0 18px}.dashboard-sidebar.drawer-enabled.editor-drawer .nav-item,.dashboard-sidebar.drawer-enabled.editor-drawer.collapsed .nav-item{padding:6px 10px}.dashboard-sidebar.drawer-enabled.editor-drawer .chat-item-wrapper .chat-item{padding-right:28px}.dashboard-sidebar.drawer-enabled.editor-drawer .sidebar-footer{padding:0 8px 12px}.dashboard-sidebar.drawer-enabled.editor-drawer .user-profile-btn{padding:6px 8px}.dashboard-sidebar.drawer-enabled.editor-drawer .sidebar-collapse-btn{margin:12px 12px 0 auto}.dashboard-sidebar.drawer-enabled.editor-drawer .sidebar-logo-row{justify-content:space-between}.dashboard-sidebar.drawer-enabled.editor-drawer .user-credit-tag{display:none!important}.dashboard-sidebar.drawer-enabled.editor-drawer .chat-item .nav-text{min-width:0;flex:1 1 0;max-width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dashboard-sidebar.drawer-enabled.editor-drawer .chat-item-wrapper .chat-item,.dashboard-sidebar.drawer-enabled.editor-drawer .chat-item-wrapper{min-width:0;overflow:hidden}@media(max-width:768px){.dashboard-sidebar.mobile-drawer-enabled.editor-drawer .sidebar-header{padding:0 0 24px}.dashboard-sidebar.mobile-drawer-enabled.editor-drawer .sidebar-nav{padding:0 18px}.dashboard-sidebar.mobile-drawer-enabled.editor-drawer .nav-item,.dashboard-sidebar.mobile-drawer-enabled.editor-drawer.collapsed .nav-item{padding:6px 10px}.dashboard-sidebar.mobile-drawer-enabled.editor-drawer .chat-item-wrapper .chat-item{padding-right:28px}.dashboard-sidebar.mobile-drawer-enabled.editor-drawer .sidebar-footer{padding:0 8px 12px}.dashboard-sidebar.mobile-drawer-enabled.editor-drawer .user-profile-btn{padding:6px 8px}.dashboard-sidebar.mobile-drawer-enabled.editor-drawer{width:260px!important;max-width:260px!important;border-radius:16px!important}.dashboard-sidebar.mobile-drawer-enabled.editor-drawer .sidebar-collapse-btn{margin:12px 12px 0 auto}.dashboard-sidebar.mobile-drawer-enabled.editor-drawer .sidebar-logo-row{justify-content:space-between}.dashboard-sidebar.mobile-drawer-enabled.editor-drawer .user-credit-tag{display:none!important}.dashboard-sidebar.mobile-drawer-enabled.editor-drawer .chat-item .nav-text{min-width:0;flex:1 1 0;max-width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dashboard-sidebar.mobile-drawer-enabled.editor-drawer .chat-item-wrapper .chat-item,.dashboard-sidebar.mobile-drawer-enabled.editor-drawer .chat-item-wrapper{min-width:0;overflow:hidden}}.dashboard-sidebar.drawer-enabled.drawer-open{transform:translate(0)}.dashboard-sidebar.drawer-enabled .sidebar-collapse-btn{display:flex;margin:0 0 0 auto}.dashboard-sidebar.drawer-enabled .logo-icon{display:flex}.dashboard-sidebar.drawer-enabled .sidebar-logo-row,.dashboard-sidebar.drawer-enabled.collapsed .sidebar-logo-row{justify-content:flex-start}.dashboard-sidebar.drawer-enabled .sidebar-header{padding:20px 16px 8px}.dashboard-sidebar.drawer-enabled .sidebar-nav{padding:12px 16px;overflow-y:auto}.dashboard-sidebar.drawer-enabled .nav-item,.dashboard-sidebar.drawer-enabled.collapsed .nav-item{justify-content:flex-start;padding-left:10px;padding-right:10px}.dashboard-sidebar.drawer-enabled .nav-text,.dashboard-sidebar.drawer-enabled .nav-section-title,.dashboard-sidebar.drawer-enabled .user-name,.dashboard-sidebar.drawer-enabled .user-credit-tag{display:initial}.dashboard-sidebar.drawer-enabled .sidebar-footer{padding:8px 16px calc(env(safe-area-inset-bottom,0px) + 16px)}.dashboard-sidebar.drawer-enabled .user-profile-btn{padding-left:8px;padding-right:8px;justify-content:flex-start}.mobile-sidebar-backdrop.drawer-backdrop{position:fixed;inset:0;z-index:1450;display:block;padding:0;border:none;background:transparent;cursor:pointer}.mobile-sidebar-backdrop.drawer-backdrop.editor-drawer-backdrop{z-index:3350}@media(max-width:900px){.dashboard-sidebar{width:64px}.dashboard-sidebar .nav-text,.dashboard-sidebar .nav-section-title,.dashboard-sidebar .user-name{display:none}.dashboard-sidebar .nav-item{justify-content:center;padding-left:12px;padding-right:12px}}@media(max-width:768px){.mobile-sidebar-trigger-bar{position:fixed;top:18px;left:26px;right:auto;z-index:1350;display:flex;align-items:center;justify-content:flex-start;gap:0}.mobile-sidebar-trigger-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.mobile-sidebar-menu-btn,.mobile-sidebar-logo-btn,.mobile-sidebar-avatar-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:0;background:transparent;color:#1a1a1a;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;cursor:pointer;flex-shrink:0}.mobile-sidebar-trigger-bar.dark-theme .mobile-sidebar-menu-btn,.mobile-sidebar-trigger-bar.dark-theme .mobile-sidebar-logo-btn,.mobile-sidebar-trigger-bar.dark-theme .mobile-sidebar-avatar-btn{color:#fff;background:transparent;box-shadow:none}.mobile-sidebar-logo-btn svg{width:24px;height:24px;display:block}.mobile-sidebar-avatar-btn{overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;line-height:1}.mobile-sidebar-avatar-img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.mobile-sidebar-menu-btn{padding:0}.mobile-sidebar-menu-btn svg{width:20px;height:20px;display:block}.mobile-sidebar-backdrop{position:fixed;inset:0;z-index:1450;display:block;padding:0;border:none;background:transparent;cursor:pointer}.dashboard-sidebar.mobile-drawer-enabled{width:min(280px,calc(100vw - 56px));max-width:calc(100vw - 56px);height:auto;max-height:calc(100dvh - 20px);top:10px;left:10px;bottom:10px;border-right:1px solid var(--sidebar-border);border-radius:0 20px 20px 0;box-shadow:0 18px 40px #11182729;transform:translate(calc(-100% - 24px));transition:transform .28s ease,background .3s ease,border-color .3s ease;z-index:1500!important}.dashboard-sidebar.mobile-drawer-enabled.mobile-open{transform:translate(0)}.dashboard-sidebar.mobile-drawer-enabled .sidebar-collapse-btn{display:flex;margin:0 0 0 auto}.dashboard-sidebar.mobile-drawer-enabled .logo-icon{display:flex}.dashboard-sidebar.mobile-drawer-enabled .sidebar-logo-row,.dashboard-sidebar.mobile-drawer-enabled.collapsed .sidebar-logo-row{justify-content:flex-start}.dashboard-sidebar.mobile-drawer-enabled .sidebar-header{padding:20px 16px 8px}.dashboard-sidebar.mobile-drawer-enabled.create-design-mobile-drawer .logo-icon,.dashboard-sidebar.mobile-drawer-enabled.chat-mobile-drawer .logo-icon,.dashboard-sidebar.mobile-drawer-enabled.brandkit-mobile-drawer .logo-icon,.dashboard-sidebar.mobile-drawer-enabled.editor-drawer .logo-icon{visibility:hidden;pointer-events:none}.dashboard-sidebar.mobile-drawer-enabled .sidebar-nav{padding:12px 16px;overflow-y:auto}.dashboard-sidebar.mobile-drawer-enabled .nav-item,.dashboard-sidebar.mobile-drawer-enabled.collapsed .nav-item{justify-content:flex-start;padding-left:10px;padding-right:10px}.dashboard-sidebar.mobile-drawer-enabled .nav-text,.dashboard-sidebar.mobile-drawer-enabled .nav-section-title,.dashboard-sidebar.mobile-drawer-enabled .user-name,.dashboard-sidebar.mobile-drawer-enabled .user-credit-tag{display:initial}.dashboard-sidebar.mobile-drawer-enabled .sidebar-footer{padding:8px 16px calc(env(safe-area-inset-bottom,0px) + 16px)}.dashboard-sidebar.mobile-drawer-enabled .user-profile-btn{padding-left:8px;padding-right:8px;justify-content:flex-start}}.internal-header{padding:20px 60px;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center;position:relative}.internal-header-left{display:flex;align-items:center;gap:12px}.back-btn{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#666}.back-btn:hover{background:#f5f5f5;color:#000}.back-btn svg{width:20px;height:20px}.internal-header-title{font-size:20px;font-weight:600;color:#000;margin:0}.internal-header-actions{display:flex;gap:8px;align-items:center}.internal-icon-btn{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.internal-icon-btn:hover{background:#f5f5f5}.internal-icon-btn svg{width:18px;height:18px;color:#666}.notifications-dropdown{position:absolute;top:70px;right:30px;width:320px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 4px 12px #0000001a;z-index:1000}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e5e5e5}.notifications-header h3{margin:0;font-size:16px;font-weight:600;color:#000}.notifications-header button{width:24px;height:24px;border:none;background:transparent;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.notifications-header button:hover{background:#f5f5f5}.notifications-content{padding:20px;max-height:400px;overflow-y:auto}.no-notifications{text-align:center;color:#999;font-size:14px;margin:0}.dark-theme .internal-header{background:#1a1a1a;border-bottom-color:#2a2a2a}.dark-theme .internal-header-title{color:#fff}.dark-theme .back-btn,.dark-theme .internal-icon-btn{color:#ccc}.dark-theme .back-btn:hover,.dark-theme .internal-icon-btn:hover{background:#2a2a2a;color:#fff}.dark-theme .internal-icon-btn svg{color:#ccc}.dark-theme .notifications-dropdown{background:#1a1a1a;border-color:#2a2a2a}.dark-theme .notifications-header{border-bottom-color:#2a2a2a}.dark-theme .notifications-header h3{color:#fff}.dark-theme .notifications-header button{color:#ccc}.dark-theme .notifications-header button:hover{background:#2a2a2a}.dark-theme .no-notifications{color:#666}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{-ms-touch-action:none;touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(50%);transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(-50%);transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.form-input-group{margin-bottom:8px}.form-input-label{display:block;font-size:13px;font-weight:600;color:#111827;margin-bottom:4px}.form-input-label .required-mark{color:#ef4444;margin-left:2px}.form-input-wrapper{display:flex;gap:10px;align-items:center}.form-input-field{flex:1;width:100%;padding:8px 18px;font-size:13px;font-weight:400;color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:24px;outline:none;transition:all .2s ease;font-family:inherit}.form-input-field::-moz-placeholder{color:#9ca3af;font-size:12px;font-weight:400}.form-input-field::placeholder{color:#9ca3af;font-size:12px;font-weight:400}.form-input-field:focus{border-color:#d4fc79;box-shadow:0 0 0 4px #d4fc7926}.form-input-field.error{border-color:#ef4444}.form-input-field.error:focus{box-shadow:0 0 0 4px #ef44441a}.form-input-btn{flex-shrink:0;padding:0 20px;height:34px;font-size:13px;font-weight:500;border:none;border-radius:24px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.form-input-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.form-input-btn:not(:disabled){background:#000;color:#fff}.form-input-btn:not(:disabled):hover{background:#d4fc79;color:#000;transform:translateY(-1px);box-shadow:0 4px 12px #d4fc7966}.form-input-btn:not(:disabled):active{transform:translateY(0)}.form-input-hint{margin:3px 0 0 2px;font-size:11px;color:#6b7280;display:flex;align-items:flex-start;gap:4px}.form-input-hint:before{content:"💡";flex-shrink:0}.artisk-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit;outline:none}.artisk-button--small{padding:8px 20px;font-size:13px;min-width:80px}.artisk-button--medium{padding:12px 32px;font-size:14px;min-width:120px}.artisk-button--large{padding:11px 48px;font-size:14px;min-width:240px}.artisk-button--full-width{width:100%;min-width:auto}.artisk-button--primary{background:#000;color:#fff}.artisk-button--primary:not(:disabled):hover{background:#d4fc79;color:#000;transform:translateY(-1px);box-shadow:0 6px 16px #d4fc7966}.artisk-button--primary:not(:disabled):active{transform:translateY(0)}.artisk-button--secondary{background:#f5f5f5;color:#333;border:1.5px solid #e5e5e5}.artisk-button--secondary:not(:disabled):hover{background:#ebebeb;border-color:#d0d0d0}.artisk-button--outline{background:transparent;color:#000;border:1.5px solid #d1d5db}.artisk-button--outline:not(:disabled):hover{background:#f9fafb;border-color:#9ca3af}.artisk-button--disabled,.artisk-button:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;border:none}.artisk-button--disabled:hover,.artisk-button:disabled:hover{transform:none;box-shadow:none;background:#e5e7eb}.diamond-loading-container{gap:6px}.diamond-loading rect{fill:#beef05;transition:fill 3s ease-out}.diamond-loading-1{animation:diamondLoading 3s infinite}.diamond-loading-2{animation:diamondLoading 3s infinite .3s}.diamond-loading-3{animation:diamondLoading 3s infinite .6s}@keyframes diamondLoading{0%{opacity:0;fill:#beef05}25%{opacity:1;fill:#d5fc44}50%{opacity:0;fill:#beef05}75%{opacity:1;fill:#d5fc44}to{opacity:0;fill:#beef05}}.video-modal-content{max-width:650px;width:80%;max-height:85vh;position:relative;background:#fff;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0003;animation:modalFadeIn .2s ease-out}.video-modal-content .modal-header{position:relative;padding:14px 24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-modal-content .modal-header .modal-title{text-align:center;font-size:20px;font-weight:700;color:#111827;margin:0}.video-modal-content .modal-header .modal-close-btn{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;transition:all .2s;color:#000}.video-modal-content .modal-header .modal-close-btn:hover{background:#e5e5e5}.video-modal-content .modal-header .modal-close-btn svg{width:18px;height:18px}.video-modal-content .modal-form{padding:8px 24px 90px;display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}.video-modal-content .modal-form::-webkit-scrollbar{width:14px}.video-modal-content .modal-form::-webkit-scrollbar-track{background:transparent;border-right:8px solid transparent;background-clip:padding-box}.video-modal-content .modal-form::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:10px;border-right:8px solid transparent;background-clip:padding-box}.video-modal-content .modal-form::-webkit-scrollbar-thumb:hover{background-color:#00000040}.video-modal-content .form-group{margin-bottom:4px}.video-modal-content .form-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.video-modal-content .form-label{display:block;font-size:13px;font-weight:600;color:#374151;margin:0}.video-modal-content .ai-write-btn{display:flex;align-items:center;gap:4px;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.video-modal-content .ai-write-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.video-modal-content .ai-write-btn:active:not(:disabled){transform:translateY(0)}.video-modal-content .ai-write-btn:disabled{opacity:.6;cursor:not-allowed}.video-modal-content .ai-write-btn svg{width:14px;height:14px}.video-modal-content .ai-write-btn .spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.video-modal-content .required-mark{color:#ef4444;margin-left:2px}.video-modal-content .form-textarea{width:100%;padding:8px 18px;border:1.5px solid #e5e7eb;border-radius:24px;font-size:13px;font-weight:400;color:#000;background:#fff;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;resize:vertical;min-height:80px;max-height:120px;box-sizing:border-box;line-height:1.5;outline:none;overflow-y:auto}.video-modal-content .form-textarea::-moz-placeholder{font-size:12px;font-weight:400;color:#9ca3af}.video-modal-content .form-textarea::placeholder{font-size:12px;font-weight:400;color:#9ca3af}.video-modal-content .form-textarea:focus{border-color:#d4fc79;box-shadow:0 0 0 4px #d4fc7926}.video-modal-content .form-textarea.error{border-color:#ef4444}.video-modal-content .form-select{width:100%;padding:12px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:15px;color:#000;background:#fff;outline:none;transition:all .2s;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif}.video-modal-content .form-select:focus{border-color:#d4fc79;box-shadow:0 0 0 4px #d4fc7926}.video-modal-content .form-select.error{border-color:#ef4444}.video-modal-content .error-message{display:block;color:#ef4444;font-size:12px;margin-top:4px}.video-modal-content .upload-area{width:100%;max-width:280px;aspect-ratio:1;margin:6px auto 0;padding:16px;border:2px dashed #e5e7eb;border-radius:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;background:#fafafa}.video-modal-content .upload-area:hover{border-color:#d4fc79;background:#f9fff0}.video-modal-content .upload-area.has-image{aspect-ratio:auto;max-width:100%;width:-moz-fit-content;width:fit-content;max-height:300px;padding:0;border-style:solid;background:#fff;border-color:#d4fc79;cursor:default;position:relative;overflow:visible}.video-modal-content .upload-area.error{border-color:#ef4444}.video-modal-content .upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.video-modal-content .upload-placeholder svg{width:48px;height:48px;color:#9ca3af;margin-bottom:4px}.video-modal-content .upload-text{font-size:11px;font-weight:400;line-height:1.4;color:silver;margin:0}.video-modal-content .upload-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px}.video-modal-content .loading-spinner-small{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #d4fc79;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.video-modal-content .crop-container{position:relative;display:block;line-height:0;max-width:100%;max-height:100%;overflow:hidden}.video-modal-content .crop-container .ReactCrop{border-radius:14px;overflow:hidden}.video-modal-content .ReactCrop__crop-selection{border:none!important;box-shadow:none!important}.video-modal-content .ReactCrop__drag-handle{display:block!important;opacity:1!important;pointer-events:auto!important;border:1px solid rgba(255,255,255,.9)!important;background:#ffffff80!important;cursor:move!important}.video-modal-content .ReactCrop__drag-handle.ord-n,.video-modal-content .ReactCrop__drag-handle.ord-s{cursor:ns-resize!important}.video-modal-content .ReactCrop__drag-handle.ord-e,.video-modal-content .ReactCrop__drag-handle.ord-w{cursor:ew-resize!important}.video-modal-content .ReactCrop__drag-handle.ord-nw,.video-modal-content .ReactCrop__drag-handle.ord-se{cursor:nwse-resize!important}.video-modal-content .ReactCrop__drag-handle.ord-ne,.video-modal-content .ReactCrop__drag-handle.ord-sw{cursor:nesw-resize!important}.remove-image-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#000000b3;color:#fff;border:2px solid #ffffff;font-size:18px;line-height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1000;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Arial,sans-serif;font-weight:300;text-align:center}.video-modal-content .modal-footer{position:absolute;bottom:0;left:0;right:0;padding:12px 24px;display:flex;justify-content:center;background:#fff;z-index:10;border-radius:0 0 24px 24px}@media(max-width:768px){.video-modal-content{max-width:95%;max-height:90vh}.video-modal-content .upload-area{max-width:280px}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dark-theme .video-modal-content{background:#1f2937}.dark-theme .video-modal-content .modal-header{border-bottom-color:#374151}.dark-theme .video-modal-content .modal-header .modal-title{color:#e5e7eb}.dark-theme .video-modal-content .modal-header .modal-close-btn{background:#374151;color:#9ca3af}.dark-theme .video-modal-content .modal-header .modal-close-btn:hover{background:#4b5563;color:#e5e7eb}.dark-theme .video-modal-content .modal-form::-webkit-scrollbar-thumb{background-color:#ffffff26}.dark-theme .video-modal-content .modal-form::-webkit-scrollbar-thumb:hover{background-color:#ffffff40}.dark-theme .video-modal-content .form-label{color:#e5e7eb}.dark-theme .video-modal-content .form-textarea{background:#111827;border-color:#374151;color:#e5e7eb}.dark-theme .video-modal-content .form-textarea:focus{border-color:#cbff4d;box-shadow:0 0 0 4px #cbff4d33}.dark-theme .video-modal-content .form-textarea::-moz-placeholder{color:#6b7280}.dark-theme .video-modal-content .form-textarea::placeholder{color:#6b7280}.dark-theme .video-modal-content .form-select{background:#111827;border-color:#374151;color:#e5e7eb}.dark-theme .video-modal-content .form-select:focus{border-color:#cbff4d;box-shadow:0 0 0 4px #cbff4d33}.dark-theme .video-modal-content .upload-area{background:#374151;border-color:#4b5563}.dark-theme .video-modal-content .upload-area:hover{border-color:#cbff4d;background:#cbff4d1a}.dark-theme .video-modal-content .upload-area.has-image{background:#1f2937;border-color:#cbff4d}.dark-theme .video-modal-content .upload-placeholder svg{color:#9ca3af}.dark-theme .video-modal-content .upload-text{color:#9ca3af}.dark-theme .video-modal-content .loading-spinner-small{border-color:#4b5563;border-top-color:#cbff4d}.dark-theme .video-modal-content .modal-footer{background:#1f2937}.website-ui-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.website-ui-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;animation:modalSlideIn .22s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.website-ui-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #f0f0f0}.website-ui-modal .modal-title{font-size:17px;font-weight:600;color:#0a0a0a;margin:0;letter-spacing:-.01em}.website-ui-modal .modal-close-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;color:#888;cursor:pointer;transition:all .15s;padding:0}.website-ui-modal .modal-close-btn svg{width:14px;height:14px}.website-ui-modal .modal-close-btn:hover{background:#f0f0f0;border-color:#d0d0d0;color:#333}.website-ui-modal .modal-close-btn:disabled{opacity:.4;cursor:not-allowed}.website-ui-modal .modal-form{padding:20px 24px;overflow-y:auto;flex:1}.website-ui-modal .form-group{margin-bottom:18px}.website-ui-modal .form-label{display:block;font-size:12px;font-weight:600;color:#444;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.website-ui-modal .required-mark{color:#ef4444}.website-ui-modal .optional-mark{color:#9ca3af;font-weight:400;font-size:12px}.website-ui-modal .brand-kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.website-ui-modal .brand-kit-option{position:relative;border:2px solid #e5e7eb;border-radius:12px;padding:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.website-ui-modal .brand-kit-option:hover{border-color:#d1d5db;background:#f9fafb}.website-ui-modal .brand-kit-option.selected{border-color:#beef05;background:#beef050d}.website-ui-modal .brand-kit-logo{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.website-ui-modal .brand-kit-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.website-ui-modal .logo-placeholder{width:32px;height:32px;color:#9ca3af}.website-ui-modal .brand-kit-name{font-size:12px;font-weight:500;color:#374151;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.website-ui-modal .selected-indicator{position:absolute;top:8px;right:8px;width:20px;height:20px;background:#beef05;border-radius:50%;display:flex;align-items:center;justify-content:center}.website-ui-modal .selected-indicator svg{width:12px;height:12px;color:#1a1a1a}.website-ui-modal .no-brand-kits{grid-column:1 / -1;text-align:center;padding:24px;color:#6b7280;background:#f9fafb;border-radius:12px}.website-ui-modal .form-textarea{width:100%;padding:10px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#111;resize:vertical;min-height:100px;transition:border-color .15s;font-family:inherit;background:#fafafa;box-sizing:border-box}.website-ui-modal .form-textarea:focus{outline:none;border-color:#aaa;background:#fff}.website-ui-modal .form-textarea::-moz-placeholder{color:#bbb}.website-ui-modal .form-textarea::placeholder{color:#bbb}.website-ui-modal .form-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.website-ui-modal .form-hint{font-size:12px;color:#6b7280;margin-top:8px}.website-ui-modal .form-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px}.website-ui-modal .form-error svg{width:18px;height:18px;flex-shrink:0}.website-ui-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid #f0f0f0;margin-top:8px}.website-ui-modal .btn-secondary{padding:8px 18px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;font-weight:500;color:#555;cursor:pointer;transition:background .15s,border-color .15s}.website-ui-modal .btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.website-ui-modal .btn-secondary:disabled{opacity:.4;cursor:not-allowed}.website-ui-modal .btn-primary{padding:8px 20px;background:#111;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:6px}.website-ui-modal .btn-primary:hover:not(:disabled){background:#222}.website-ui-modal .btn-primary:disabled{opacity:.35;cursor:not-allowed}.website-ui-modal .spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.wui-progress-modal{max-width:400px}.wui-progress-header{display:flex;justify-content:space-between;align-items:baseline;padding:20px 24px 12px}.wui-progress-title{font-size:15px;font-weight:600;color:#1a1a1a}.wui-progress-pct{font-size:13px;font-weight:600;color:#888;font-variant-numeric:tabular-nums}.wui-progress-bar-track{height:3px;background:#f0f0f0;margin:0 24px;border-radius:2px;overflow:hidden}.wui-progress-bar-fill{height:100%;background:#1a1a1a;border-radius:2px;transition:width .6s ease}.wui-progress-status{padding:16px 24px 4px;font-size:13px;color:#666}.wui-progress-status strong{color:#1a1a1a;font-weight:600}.wui-progress-done{display:flex;align-items:center;gap:10px;padding:16px 24px 4px;font-size:13px;font-weight:500;color:#1a1a1a}.wui-steps-list{padding:12px 24px 20px;display:flex;flex-direction:column;gap:2px}.wui-step-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;font-size:13px;color:#bbb;transition:all .25s}.wui-step-row.done{color:#1a1a1a}.wui-step-row.active{color:#1a1a1a;background:#f5f5f5;font-weight:500}.wui-step-indicator{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wui-step-spinner{width:12px;height:12px;border:1.5px solid #e0e0e0;border-top-color:#1a1a1a;border-radius:50%;animation:spin .7s linear infinite}.wui-step-dot{width:5px;height:5px;background:#d5d5d5;border-radius:50%}.wui-custom-type-wrapper{position:relative;margin-top:8px}.wui-custom-type-input{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-family:inherit;color:#111;background:#fafafa;transition:border-color .15s,background .15s;box-sizing:border-box}.wui-custom-type-input:focus{outline:none;border-color:#a0a0a0;background:#fff}.wui-custom-type-input::-moz-placeholder{color:#b0b0b0}.wui-custom-type-input::placeholder{color:#b0b0b0}.wui-custom-type-input:disabled{opacity:.5;cursor:not-allowed}.wui-type-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001a;z-index:20;max-height:180px;overflow-y:auto;padding:4px}.wui-type-suggestion-item{display:flex;align-items:baseline;gap:8px;padding:7px 10px;border-radius:6px;cursor:pointer;transition:background .1s}.wui-type-suggestion-item:hover{background:#f3f4f6}.wui-type-suggestion-label{font-size:13px;font-weight:500;color:#111;white-space:nowrap}.wui-type-suggestion-desc{font-size:11px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-theme .website-ui-modal{background:#111}.dark-theme .website-ui-modal .modal-header{border-color:#222}.dark-theme .website-ui-modal .modal-title{color:#f5f5f5}.dark-theme .website-ui-modal .modal-close-btn{background:#1a1a1a;border-color:#333;color:#888}.dark-theme .website-ui-modal .modal-close-btn:hover{background:#222;border-color:#444;color:#ddd}.dark-theme .website-ui-modal .form-label{color:#888}.dark-theme .website-ui-modal .brand-kit-option{border-color:#2a2a2a;background:#1a1a1a}.dark-theme .website-ui-modal .brand-kit-option:hover{border-color:#444;background:#1e1e1e}.dark-theme .website-ui-modal .brand-kit-option.selected{background:#2a2a2a;border-color:#f5f5f5}.dark-theme .website-ui-modal .brand-kit-logo{background:#222}.dark-theme .website-ui-modal .brand-kit-name{color:#e0e0e0}.dark-theme .website-ui-modal .no-brand-kits{background:#1a1a1a;color:#888}.dark-theme .website-ui-modal .form-textarea{background:#191919;border-color:#2a2a2a;color:#e0e0e0}.dark-theme .website-ui-modal .form-textarea:focus{border-color:#555;background:#1a1a1a}.dark-theme .website-ui-modal .form-hint{color:#555}.dark-theme .website-ui-modal .modal-footer{border-color:#222}.dark-theme .website-ui-modal .btn-secondary{background:#1a1a1a;border-color:#333;color:#888}.dark-theme .website-ui-modal .btn-secondary:hover:not(:disabled){background:#222;border-color:#444;color:#ddd}.dark-theme .website-ui-modal .btn-primary{background:#f5f5f5;color:#111}.dark-theme .website-ui-modal .btn-primary:hover:not(:disabled){background:#e0e0e0}.dark-theme .wui-custom-type-input{background:#191919;border-color:#2a2a2a;color:#e0e0e0}.dark-theme .wui-custom-type-input:focus{border-color:#555;background:#1a1a1a}.dark-theme .wui-custom-type-input::-moz-placeholder{color:#555}.dark-theme .wui-custom-type-input::placeholder{color:#555}.dark-theme .wui-type-suggestions{background:#1a1a1a;border-color:#333;box-shadow:0 8px 24px #0006}.dark-theme .wui-type-suggestion-item:hover{background:#222}.dark-theme .wui-type-suggestion-label{color:#e0e0e0}.dark-theme .wui-type-suggestion-desc{color:#666}@media(max-width:600px){.website-ui-modal{max-height:100vh;border-radius:0}.website-ui-modal .brand-kit-grid{grid-template-columns:repeat(2,1fr)}}.tsm-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:tsm-fade-in .2s ease;padding:24px}@keyframes tsm-fade-in{0%{opacity:0}to{opacity:1}}.tsm-modal{width:100%;max-width:600px;max-height:calc(100vh - 48px);background:#fff;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 24px 64px #0000002e;animation:tsm-slide-up .25s ease;overflow:hidden}@keyframes tsm-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tsm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 0;flex-shrink:0}.tsm-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.02em}.tsm-subtitle{font-size:13px;color:#9ca3af;margin:0;line-height:1.5}.tsm-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#9ca3af;cursor:pointer;border-radius:8px;transition:all .15s;flex-shrink:0}.tsm-close:hover{background:#f3f4f6;color:#374151}.tsm-body{padding:20px 28px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;flex:1;min-height:0}.tsm-section,.tsm-relative{position:relative}.tsm-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.tsm-hint{font-weight:400;font-size:10px;color:#9ca3af;text-transform:none;letter-spacing:normal}.tsm-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tsm-label-row .tsm-label{margin-bottom:0}.tsm-text-link{background:none;border:none;padding:0;font-size:11px;font-weight:500;color:#6b7280;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.tsm-text-link:hover{color:#111827}.tsm-chips{display:flex;flex-wrap:wrap;gap:6px}.tsm-chip{padding:6px 14px;background:#f3f4f6;border:1px solid transparent;border-radius:100px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s;white-space:nowrap}.tsm-chip:hover{background:#e5e7eb;border-color:#d1d5db}.tsm-chip.active{background:#111827;color:#fff;border-color:#111827}.tsm-select{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:border-color .15s;font-size:13px;color:#111827}.tsm-select:hover{border-color:#d1d5db}.tsm-select-placeholder{color:#9ca3af;font-size:13px}.tsm-select-chosen{display:flex;align-items:center;gap:8px}.tsm-avatar{width:24px;height:24px;border-radius:6px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;font-size:11px;font-weight:700;color:#6b7280}.tsm-avatar.small{width:20px;height:20px;border-radius:5px;font-size:10px}.tsm-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tsm-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #00000014;z-index:20;overflow:hidden}.tsm-dropdown-search{padding:8px;border-bottom:1px solid #f3f4f6}.tsm-dropdown-search input{width:100%;padding:6px 10px;border:1px solid #e5e7eb;border-radius:7px;font-size:12px;outline:none;background:#fafafa;color:#111827;box-sizing:border-box}.tsm-dropdown-search input:focus{border-color:#9ca3af}.tsm-dropdown-list{max-height:200px;overflow-y:auto;padding:4px}.tsm-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13px;color:#374151;border-radius:7px;cursor:pointer;transition:background .1s}.tsm-dropdown-item:hover{background:#f3f4f6}.tsm-dropdown-item.active{background:#f0f0f0;font-weight:600;color:#111827}.tsm-dropdown-item.disabled{color:#9ca3af;cursor:default}.tsm-dropdown-create{display:block;width:100%;padding:10px;background:none;border:none;border-top:1px solid #f3f4f6;font-size:12px;font-weight:500;color:#9ca3af;cursor:pointer;text-align:center;transition:all .15s}.tsm-dropdown-create:hover{color:#374151;background:#fafafa}.tsm-ratios{display:flex;gap:6px;flex-wrap:wrap}.tsm-ratio{display:flex;flex-direction:column;align-items:center;padding:7px 14px;background:#f3f4f6;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s;min-width:52px}.tsm-ratio:hover{background:#e5e7eb}.tsm-ratio.active{background:#111827;color:#fff;border-color:#111827}.tsm-ratio-val{font-size:12px;font-weight:700;line-height:1.2}.tsm-ratio-lbl{font-size:9px;opacity:.6;margin-top:1px}.tsm-ratio.active .tsm-ratio-val,.tsm-ratio.active .tsm-ratio-lbl{color:#fff}.tsm-slide-counts{display:flex;gap:6px;flex-wrap:nowrap}.tsm-slide-count-btn{flex:1;padding:8px 6px;background:#f3f4f6;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:600;color:#374151;cursor:pointer;transition:all .15s;text-align:center}.tsm-slide-count-btn:hover{background:#e5e7eb}.tsm-slide-count-btn.active{background:#111827;color:#fff;border-color:#111827}.tsm-textarea{width:100%;padding:12px 14px;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;line-height:1.6;color:#111827;resize:vertical;outline:none;font-family:inherit;transition:border-color .15s;box-sizing:border-box;min-height:80px}.tsm-textarea:focus{border-color:#9ca3af}.tsm-textarea::-moz-placeholder{color:#9ca3af}.tsm-textarea::placeholder{color:#9ca3af}.tsm-thumbs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.tsm-thumb{position:relative;width:52px;height:52px;border-radius:7px;overflow:hidden;border:1px solid #e5e7eb}.tsm-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tsm-thumb-x{position:absolute;top:2px;right:2px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer}.tsm-thumb-x:hover{background:#000000bf}.tsm-upload{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1px dashed #d1d5db;border-radius:10px;color:#9ca3af;font-size:12px;cursor:pointer;transition:all .15s}.tsm-upload:hover{background:#fafafa;color:#6b7280;border-color:#b0b0b0}.tsm-upload.dragging{border-color:#111827;background:#11182705}.tsm-footer{padding:16px 28px 24px;flex-shrink:0}.tsm-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;background:#111827;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.tsm-btn:hover:not(:disabled){background:#1f2937}.tsm-btn:disabled{background:#d1d5db;cursor:not-allowed}.tsm-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:tsm-spin .7s linear infinite}@keyframes tsm-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.tsm-overlay{padding:8px}.tsm-modal{max-width:100%;border-radius:12px}.tsm-header,.tsm-body,.tsm-footer{padding-left:16px;padding-right:16px}}.tsm-overlay.dark{background:#000000a6}.tsm-overlay.dark .tsm-modal{background:#111}.tsm-overlay.dark .tsm-title{color:#f9fafb}.tsm-overlay.dark .tsm-subtitle{color:#6b7280}.tsm-overlay.dark .tsm-close{color:#4b5563}.tsm-overlay.dark .tsm-close:hover{background:#1a1a1a;color:#9ca3af}.tsm-overlay.dark .tsm-label,.tsm-overlay.dark .tsm-text-link{color:#6b7280}.tsm-overlay.dark .tsm-text-link:hover{color:#d1d5db}.tsm-overlay.dark .tsm-chip{background:#1a1a1a;color:#9ca3af}.tsm-overlay.dark .tsm-chip:hover{background:#222;border-color:#333;color:#d1d5db}.tsm-overlay.dark .tsm-chip.active{background:#f9fafb;color:#111827;border-color:#f9fafb}.tsm-overlay.dark .tsm-select{background:#1a1a1a;border-color:#222;color:#f9fafb}.tsm-overlay.dark .tsm-select:hover{border-color:#333}.tsm-overlay.dark .tsm-select-placeholder{color:#4b5563}.tsm-overlay.dark .tsm-avatar{background:#222;color:#6b7280}.tsm-overlay.dark .tsm-dropdown{background:#1a1a1a;border-color:#222;box-shadow:0 8px 24px #0000004d}.tsm-overlay.dark .tsm-dropdown-search{border-bottom-color:#222}.tsm-overlay.dark .tsm-dropdown-search input{background:#111;border-color:#222;color:#f9fafb}.tsm-overlay.dark .tsm-dropdown-search input:focus{border-color:#374151}.tsm-overlay.dark .tsm-dropdown-item{color:#d1d5db}.tsm-overlay.dark .tsm-dropdown-item:hover{background:#222}.tsm-overlay.dark .tsm-dropdown-item.active{background:#222;color:#f9fafb}.tsm-overlay.dark .tsm-dropdown-create{border-top-color:#222;color:#4b5563}.tsm-overlay.dark .tsm-dropdown-create:hover{color:#9ca3af;background:#111}.tsm-overlay.dark .tsm-ratio{background:#1a1a1a;color:#6b7280}.tsm-overlay.dark .tsm-ratio:hover{background:#222;color:#9ca3af}.tsm-overlay.dark .tsm-ratio.active{background:#f9fafb;color:#111827;border-color:#f9fafb}.tsm-overlay.dark .tsm-ratio.active .tsm-ratio-val,.tsm-overlay.dark .tsm-ratio.active .tsm-ratio-lbl{color:#111827}.tsm-overlay.dark .tsm-slide-count-btn{background:#1a1a1a;color:#6b7280}.tsm-overlay.dark .tsm-slide-count-btn:hover{background:#222;color:#9ca3af}.tsm-overlay.dark .tsm-slide-count-btn.active{background:#f9fafb;color:#111827;border-color:#f9fafb}.tsm-overlay.dark .tsm-textarea{background:#1a1a1a;border-color:#222;color:#f9fafb}.tsm-overlay.dark .tsm-textarea:focus{border-color:#374151}.tsm-overlay.dark .tsm-textarea::-moz-placeholder{color:#4b5563}.tsm-overlay.dark .tsm-textarea::placeholder{color:#4b5563}.tsm-overlay.dark .tsm-thumb{border-color:#2a2a2a}.tsm-overlay.dark .tsm-upload{border-color:#2a2a2a;color:#4b5563}.tsm-overlay.dark .tsm-upload:hover{background:#1a1a1a;color:#6b7280;border-color:#333}.tsm-overlay.dark .tsm-upload.dragging{border-color:#f9fafb;background:#f9fafb05}.tsm-overlay.dark .tsm-btn{background:#f9fafb;color:#111827}.tsm-overlay.dark .tsm-btn:hover:not(:disabled){background:#e5e7eb}.tsm-overlay.dark .tsm-btn:disabled{background:#2a2a2a;color:#4b5563}.tsm-overlay.dark .tsm-spinner{border-color:#11182733;border-top-color:#111827}.poster-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.poster-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:posterModalSlideIn .3s ease}@keyframes posterModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.poster-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.poster-modal .modal-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.poster-modal .modal-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.poster-modal .modal-close-btn:hover{background:#f3f4f6;color:#1a1a1a}.poster-modal .modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.poster-modal .modal-form{padding:24px;overflow-y:auto;flex:1}.poster-modal .form-group{margin-bottom:20px}.poster-modal .form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.poster-modal .required-mark{color:#ef4444}.poster-modal .optional-mark{color:#9ca3af;font-weight:400;font-size:12px}.poster-modal .brand-kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.poster-modal .brand-kit-option{position:relative;border:2px solid #e5e7eb;border-radius:12px;padding:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.poster-modal .brand-kit-option:hover{border-color:#d1d5db;background:#f9fafb}.poster-modal .brand-kit-option.selected{border-color:#beef05;background:#beef050d}.poster-modal .brand-kit-logo{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.poster-modal .brand-kit-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.poster-modal .logo-placeholder{width:32px;height:32px;color:#9ca3af}.poster-modal .brand-kit-name{font-size:12px;font-weight:500;color:#374151;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.poster-modal .selected-indicator{position:absolute;top:8px;right:8px;width:20px;height:20px;background:#beef05;border-radius:50%;display:flex;align-items:center;justify-content:center}.poster-modal .selected-indicator svg{width:12px;height:12px;color:#1a1a1a}.poster-modal .no-brand-kits{grid-column:1 / -1;text-align:center;padding:24px;color:#6b7280;background:#f9fafb;border-radius:12px}.poster-modal .category-select-wrapper{position:relative}.poster-modal .form-select{width:100%;padding:12px 40px 12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;color:#1a1a1a;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s}.poster-modal .form-select:focus{outline:none;border-color:#beef05;box-shadow:0 0 0 3px #beef051a}.poster-modal .form-select:disabled{background:#f9fafb;cursor:not-allowed}.poster-modal .select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280}.poster-modal .category-loading{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f9fafb;border-radius:12px;color:#6b7280;font-size:14px}.poster-modal .category-hint{font-size:13px;color:#9ca3af;font-style:italic}.poster-modal .form-textarea{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;color:#1a1a1a;resize:vertical;min-height:120px;transition:border-color .2s;font-family:inherit}.poster-modal .form-textarea:focus{outline:none;border-color:#beef05;box-shadow:0 0 0 3px #beef051a}.poster-modal .form-textarea::-moz-placeholder{color:#9ca3af}.poster-modal .form-textarea::placeholder{color:#9ca3af}.poster-modal .form-textarea:disabled{background:#f9fafb;cursor:not-allowed}.poster-modal .form-hint{font-size:12px;color:#6b7280;margin-top:8px}.poster-modal .form-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px}.poster-modal .form-error svg{width:18px;height:18px;flex-shrink:0}.poster-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb;margin-top:8px}.poster-modal .btn-secondary{padding:10px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.poster-modal .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.poster-modal .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.poster-modal .btn-primary{padding:10px 24px;background:#beef05;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.poster-modal .btn-primary:hover:not(:disabled){background:#a8d604}.poster-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.poster-modal .spinner-small{width:16px;height:16px;border:2px solid rgba(26,26,26,.2);border-top-color:#1a1a1a;border-radius:50%;animation:posterSpin .8s linear infinite}@keyframes posterSpin{to{transform:rotate(360deg)}}.poster-modal .generation-progress-content{padding:24px;display:flex;flex-direction:column;gap:24px}.poster-modal .current-step{text-align:center;padding:20px}.poster-modal .step-complete{display:flex;flex-direction:column;align-items:center;gap:12px}.poster-modal .step-complete p{font-size:18px;font-weight:600;color:#22c55e;margin:0}.poster-modal .step-complete .redirect-hint{font-size:14px;color:#6b7280}.poster-modal .step-generating{display:flex;flex-direction:column;align-items:center;gap:12px}.poster-modal .generating-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#beef05;border-radius:50%;animation:posterSpin 1s linear infinite}.poster-modal .step-generating p{font-size:16px;color:#374151;margin:0}.poster-modal .step-count{font-size:13px;color:#9ca3af}.poster-modal .poster-progress-list{display:flex;flex-direction:column;gap:8px;background:#f9fafb;border-radius:12px;padding:16px}.poster-modal .progress-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;transition:all .3s ease}.poster-modal .progress-item.completed{color:#22c55e}.poster-modal .progress-item.generating{background:#beef051a;color:#1a1a1a}.poster-modal .progress-item.pending{color:#9ca3af}.poster-modal .progress-status-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.poster-modal .mini-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#beef05;border-radius:50%;animation:posterSpin .8s linear infinite}.poster-modal .pending-dot{width:8px;height:8px;background:#d1d5db;border-radius:50%}.poster-modal .progress-name{font-size:14px;font-weight:500}.dark-theme .poster-modal,[data-theme=dark] .poster-modal{background:#1f2937}.dark-theme .poster-modal .modal-header,[data-theme=dark] .poster-modal .modal-header{border-color:#374151}.dark-theme .poster-modal .modal-title,[data-theme=dark] .poster-modal .modal-title{color:#e5e7eb}.dark-theme .poster-modal .modal-close-btn,[data-theme=dark] .poster-modal .modal-close-btn{color:#9ca3af}.dark-theme .poster-modal .modal-close-btn:hover,[data-theme=dark] .poster-modal .modal-close-btn:hover{background:#374151;color:#e5e7eb}.dark-theme .poster-modal .form-label,[data-theme=dark] .poster-modal .form-label{color:#e5e7eb}.dark-theme .poster-modal .brand-kit-option,[data-theme=dark] .poster-modal .brand-kit-option{border-color:#374151;background:#374151}.dark-theme .poster-modal .brand-kit-option:hover,[data-theme=dark] .poster-modal .brand-kit-option:hover{border-color:#4b5563;background:#4b5563}.dark-theme .poster-modal .brand-kit-option.selected,[data-theme=dark] .poster-modal .brand-kit-option.selected{background:#cbff4d1a;border-color:#cbff4d}.dark-theme .poster-modal .brand-kit-logo,[data-theme=dark] .poster-modal .brand-kit-logo{background:#1f2937}.dark-theme .poster-modal .brand-kit-name,[data-theme=dark] .poster-modal .brand-kit-name{color:#e5e7eb}.dark-theme .poster-modal .no-brand-kits,[data-theme=dark] .poster-modal .no-brand-kits{background:#374151;color:#9ca3af}.dark-theme .poster-modal .form-select,[data-theme=dark] .poster-modal .form-select{background:#111827;border-color:#374151;color:#e5e7eb}.dark-theme .poster-modal .form-select:focus,[data-theme=dark] .poster-modal .form-select:focus{border-color:#cbff4d;box-shadow:0 0 0 3px #cbff4d33}.dark-theme .poster-modal .category-loading,[data-theme=dark] .poster-modal .category-loading{background:#374151;color:#9ca3af}.dark-theme .poster-modal .form-textarea,[data-theme=dark] .poster-modal .form-textarea{background:#111827;border-color:#374151;color:#e5e7eb}.dark-theme .poster-modal .form-textarea:focus,[data-theme=dark] .poster-modal .form-textarea:focus{border-color:#cbff4d;box-shadow:0 0 0 3px #cbff4d33}.dark-theme .poster-modal .form-hint,[data-theme=dark] .poster-modal .form-hint{color:#9ca3af}.dark-theme .poster-modal .modal-footer,[data-theme=dark] .poster-modal .modal-footer{border-color:#374151}.dark-theme .poster-modal .btn-secondary,[data-theme=dark] .poster-modal .btn-secondary{background:#374151;border-color:#4b5563;color:#e5e7eb}.dark-theme .poster-modal .btn-secondary:hover:not(:disabled),[data-theme=dark] .poster-modal .btn-secondary:hover:not(:disabled){background:#4b5563}.dark-theme .poster-modal .poster-progress-list,[data-theme=dark] .poster-modal .poster-progress-list{background:#374151}.dark-theme .poster-modal .progress-item.generating,[data-theme=dark] .poster-modal .progress-item.generating{background:#cbff4d1a;color:#e5e7eb}.dark-theme .poster-modal .step-generating p,[data-theme=dark] .poster-modal .step-generating p{color:#e5e7eb}@media(max-width:600px){.poster-modal{max-height:100vh;border-radius:0}.poster-modal .brand-kit-grid{grid-template-columns:repeat(2,1fr)}}.layered-poster-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.layered-poster-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.layered-poster-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0;background:#fff;border-radius:16px 16px 0 0}.layered-poster-modal .modal-title-wrapper{display:flex;align-items:center;gap:12px}.layered-poster-modal .modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.layered-poster-modal .modal-badge{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:.7rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.layered-poster-modal .modal-close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:8px;transition:all .2s}.layered-poster-modal .modal-close-btn:hover{background:#f3f4f6;color:#111827}.layered-poster-modal .feature-highlight{display:flex;gap:16px;padding:16px 24px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-bottom:1px solid #e5e7eb}.layered-poster-modal .feature-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6d28d9;font-weight:500}.layered-poster-modal .feature-item svg{stroke:#8b5cf6}.layered-poster-modal .modal-form{padding:24px;overflow-y:auto;flex:1}.layered-poster-modal .form-group{margin-bottom:20px}.layered-poster-modal .form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px}.layered-poster-modal .required-mark{color:#ef4444}.layered-poster-modal .optional-mark{color:#9ca3af;font-weight:400}.layered-poster-modal .brand-kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.layered-poster-modal .brand-kit-option{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff}.layered-poster-modal .brand-kit-option:hover{border-color:#a78bfa;background:#faf5ff}.layered-poster-modal .brand-kit-option.selected{border-color:#8b5cf6;background:#f5f3ff}.layered-poster-modal .brand-kit-logo{width:48px;height:48px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f9fafb;margin-bottom:8px}.layered-poster-modal .brand-kit-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.layered-poster-modal .brand-kit-name{font-size:.75rem;font-weight:500;color:#374151;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.layered-poster-modal .selected-indicator{position:absolute;top:6px;right:6px;width:20px;height:20px;background:#8b5cf6;border-radius:50%;display:flex;align-items:center;justify-content:center}.layered-poster-modal .selected-indicator svg{width:12px;height:12px;stroke:#fff}.layered-poster-modal .category-select-wrapper{position:relative}.layered-poster-modal .form-select{width:100%;padding:10px 36px 10px 12px;font-size:.875rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s}.layered-poster-modal .form-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.layered-poster-modal .select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280}.layered-poster-modal .category-loading{display:flex;align-items:center;gap:8px;padding:10px 0;color:#6b7280;font-size:.875rem}.layered-poster-modal .category-hint{color:#9ca3af;font-size:.8rem}.layered-poster-modal .form-textarea{width:100%;padding:12px;font-size:.875rem;border:1px solid #d1d5db;border-radius:8px;resize:vertical;min-height:100px;font-family:inherit;transition:all .2s}.layered-poster-modal .form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.layered-poster-modal .form-hint{margin-top:6px;font-size:.75rem;color:#6b7280}.layered-poster-modal .form-error{display:flex;align-items:center;gap:8px;padding:12px;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#dc2626;font-size:.875rem;margin-bottom:16px}.layered-poster-modal .form-error svg{flex-shrink:0;width:18px;height:18px}.layered-poster-modal .modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e7eb;margin-top:8px}.layered-poster-modal .btn-secondary{padding:10px 20px;font-size:.875rem;font-weight:500;color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.layered-poster-modal .btn-secondary:hover:not(:disabled){background:#e5e7eb}.layered-poster-modal .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.layered-poster-modal .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.layered-poster-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.layered-poster-modal .layered-btn svg{stroke:#fff}.layered-poster-modal .generation-progress-content{padding:32px 24px;text-align:center}.layered-poster-modal .current-step{margin-bottom:32px}.layered-poster-modal .step-complete{display:flex;flex-direction:column;align-items:center;gap:12px}.layered-poster-modal .step-complete p{font-size:1.1rem;font-weight:600;color:#059669;margin:0}.layered-poster-modal .redirect-hint{font-size:.85rem;color:#6b7280}.layered-poster-modal .step-generating{display:flex;flex-direction:column;align-items:center;gap:16px}.layered-poster-modal .step-generating p{font-size:1rem;font-weight:600;color:#374151;margin:0}.layered-poster-modal .step-count{font-size:.8rem;color:#9ca3af}.layered-poster-modal .generating-spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.layered-poster-modal .layered-progress-list{display:flex;flex-direction:column;gap:12px;text-align:left;background:#f9fafb;padding:16px;border-radius:12px;margin-bottom:24px}.layered-poster-modal .progress-item{display:flex;align-items:center;gap:12px;padding:8px 0}.layered-poster-modal .progress-status-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.layered-poster-modal .progress-item.completed .progress-status-icon{color:#059669}.layered-poster-modal .progress-item.generating .progress-status-icon{color:#8b5cf6}.layered-poster-modal .progress-item.pending .progress-status-icon{color:#d1d5db}.layered-poster-modal .progress-name{font-size:.875rem;color:#6b7280}.layered-poster-modal .progress-item.completed .progress-name{color:#059669}.layered-poster-modal .progress-item.generating .progress-name{color:#374151;font-weight:500}.layered-poster-modal .mini-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}.layered-poster-modal .pending-dot{width:8px;height:8px;background:#d1d5db;border-radius:50%}.layered-poster-modal .layer-preview-hint{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px}.layered-poster-modal .layer-icons{display:flex;gap:16px}.layered-poster-modal .layer-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000001a}.layered-poster-modal .layer-icon.background-layer svg{stroke:#6366f1}.layered-poster-modal .layer-icon.decoration-layer svg{stroke:#f59e0b}.layered-poster-modal .layer-icon.text-layer svg{stroke:#10b981}.layered-poster-modal .layer-preview-hint span{font-size:.8rem;color:#6d28d9;font-weight:500}.layered-poster-modal .logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.layered-poster-modal .logo-placeholder svg{width:24px;height:24px}.layered-poster-modal .no-brand-kits{grid-column:1 / -1;text-align:center;padding:24px;color:#6b7280;background:#f9fafb;border-radius:8px}.layered-poster-modal .spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.dark-theme .layered-poster-modal,[data-theme=dark] .layered-poster-modal{background:#1f2937}.dark-theme .layered-poster-modal .modal-header,[data-theme=dark] .layered-poster-modal .modal-header{border-color:#374151;background:#1f2937}.dark-theme .layered-poster-modal .modal-title,[data-theme=dark] .layered-poster-modal .modal-title{color:#e5e7eb}.dark-theme .layered-poster-modal .modal-close-btn,[data-theme=dark] .layered-poster-modal .modal-close-btn{color:#9ca3af}.dark-theme .layered-poster-modal .modal-close-btn:hover,[data-theme=dark] .layered-poster-modal .modal-close-btn:hover{background:#374151;color:#e5e7eb}.dark-theme .layered-poster-modal .feature-highlight,[data-theme=dark] .layered-poster-modal .feature-highlight{background:linear-gradient(135deg,#312e81,#3730a3);border-color:#374151}.dark-theme .layered-poster-modal .feature-item,[data-theme=dark] .layered-poster-modal .feature-item{color:#c4b5fd}.dark-theme .layered-poster-modal .feature-item svg,[data-theme=dark] .layered-poster-modal .feature-item svg{stroke:#a78bfa}.dark-theme .layered-poster-modal .form-label,[data-theme=dark] .layered-poster-modal .form-label{color:#e5e7eb}.dark-theme .layered-poster-modal .brand-kit-option,[data-theme=dark] .layered-poster-modal .brand-kit-option{border-color:#374151;background:#374151}.dark-theme .layered-poster-modal .brand-kit-option:hover,[data-theme=dark] .layered-poster-modal .brand-kit-option:hover{border-color:#7c3aed;background:#4b5563}.dark-theme .layered-poster-modal .brand-kit-option.selected,[data-theme=dark] .layered-poster-modal .brand-kit-option.selected{border-color:#8b5cf6;background:#8b5cf626}.dark-theme .layered-poster-modal .brand-kit-logo,[data-theme=dark] .layered-poster-modal .brand-kit-logo{background:#1f2937}.dark-theme .layered-poster-modal .brand-kit-name,[data-theme=dark] .layered-poster-modal .brand-kit-name{color:#e5e7eb}.dark-theme .layered-poster-modal .form-select,.dark-theme .layered-poster-modal .form-textarea,[data-theme=dark] .layered-poster-modal .form-select,[data-theme=dark] .layered-poster-modal .form-textarea{background:#111827;border-color:#374151;color:#e5e7eb}.dark-theme .layered-poster-modal .form-select:focus,.dark-theme .layered-poster-modal .form-textarea:focus,[data-theme=dark] .layered-poster-modal .form-select:focus,[data-theme=dark] .layered-poster-modal .form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.dark-theme .layered-poster-modal .form-hint,[data-theme=dark] .layered-poster-modal .form-hint{color:#9ca3af}.dark-theme .layered-poster-modal .modal-footer,[data-theme=dark] .layered-poster-modal .modal-footer{border-color:#374151}.dark-theme .layered-poster-modal .btn-secondary,[data-theme=dark] .layered-poster-modal .btn-secondary{background:#374151;border-color:#4b5563;color:#e5e7eb}.dark-theme .layered-poster-modal .btn-secondary:hover:not(:disabled),[data-theme=dark] .layered-poster-modal .btn-secondary:hover:not(:disabled){background:#4b5563}.dark-theme .layered-poster-modal .layered-progress-list,[data-theme=dark] .layered-poster-modal .layered-progress-list{background:#374151}.dark-theme .layered-poster-modal .step-generating p,[data-theme=dark] .layered-poster-modal .step-generating p{color:#e5e7eb}.dark-theme .layered-poster-modal .layer-preview-hint,[data-theme=dark] .layered-poster-modal .layer-preview-hint{background:linear-gradient(135deg,#312e81,#3730a3)}.dark-theme .layered-poster-modal .layer-icon,[data-theme=dark] .layered-poster-modal .layer-icon{background:#1f2937}.dark-theme .layered-poster-modal .layer-preview-hint span,[data-theme=dark] .layered-poster-modal .layer-preview-hint span{color:#c4b5fd}.dark-theme .layered-poster-modal .no-brand-kits,[data-theme=dark] .layered-poster-modal .no-brand-kits{background:#374151;color:#9ca3af}.layered-poster-modal .modal-badge.ocr-badge{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.layered-poster-modal .ocr-info-banner{display:flex;gap:12px;padding:14px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #bae6fd;align-items:flex-start}.layered-poster-modal .ocr-info-banner svg{flex-shrink:0;stroke:#0284c7;margin-top:2px}.layered-poster-modal .ocr-info-text{font-size:.8rem;color:#0369a1;line-height:1.5}.layered-poster-modal .ocr-info-text strong{color:#0c4a6e}.layered-poster-modal .btn-primary.ocr-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.layered-poster-modal .btn-primary.ocr-btn:hover:not(:disabled){box-shadow:0 4px 12px #0ea5e966}.layered-poster-modal .generating-spinner.ocr-spinner{border-top-color:#0ea5e9}.layered-poster-modal .layered-progress-list.ocr-progress-list{background:#f0f9ff}.layered-poster-modal .ocr-progress-list .progress-item.generating .progress-status-icon{color:#0ea5e9}.layered-poster-modal .ocr-progress-list .mini-spinner{border-top-color:#0ea5e9}[data-theme=dark] .layered-poster-modal .ocr-info-banner{background:linear-gradient(135deg,#0c4a6e,#075985);border-color:#0369a1}[data-theme=dark] .layered-poster-modal .ocr-info-banner svg{stroke:#7dd3fc}[data-theme=dark] .layered-poster-modal .ocr-info-text{color:#bae6fd}[data-theme=dark] .layered-poster-modal .ocr-info-text strong{color:#e0f2fe}[data-theme=dark] .layered-poster-modal .layered-progress-list.ocr-progress-list{background:#0c4a6e}@media(max-width:640px){.layered-poster-modal{max-height:95vh;margin:10px}.layered-poster-modal .feature-highlight{flex-wrap:wrap;gap:8px}.layered-poster-modal .brand-kit-grid{grid-template-columns:repeat(2,1fr)}.layered-poster-modal .ocr-info-banner{padding:12px 16px}}.ppt-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ppt-modal{background:#fff;border-radius:16px;width:100%;max-width:680px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;animation:modalSlideIn .22s cubic-bezier(.16,1,.3,1)}.ppt-modal-large{max-width:900px}.ppt-modal-progress{max-width:680px;min-width:600px}.ppt-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #f0f0f0;position:relative}.ppt-modal .modal-title{font-size:17px;font-weight:600;color:#0a0a0a;margin:0;letter-spacing:-.01em}.ppt-modal .modal-close-btn{width:30px;height:30px;border:1px solid #e8e8e8;background:#fafafa;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#888;transition:all .15s;padding:0}.ppt-modal .modal-close-btn svg{width:14px;height:14px}.ppt-modal .modal-close-btn:hover{background:#f0f0f0;border-color:#d0d0d0;color:#333}.step-indicator-bar{display:flex;align-items:center;justify-content:center;padding:20px 40px;position:relative;gap:80px}.step-dot{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.step-dot span{width:36px;height:36px;border-radius:50%;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .3s}.step-dot.active span{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f166}.step-dot.current span{transform:scale(1.1)}.step-dot .step-label{font-size:12px;font-weight:500;color:#94a3b8;transition:color .3s}.step-dot.active .step-label{color:#6366f1}.ppt-modal .modal-body{flex:1;overflow-y:auto;padding:20px 24px}.step-content{animation:stepFadeIn .3s ease-out}@keyframes stepFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.step-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 6px}.step-description{font-size:14px;color:#64748b;margin:0 0 24px}.brand-kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.brand-kit-card{position:relative;padding:20px;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff}.brand-kit-card:hover{border-color:#c7d2fe;background:#fafafe}.brand-kit-card.selected{border-color:#6366f1;background:#f5f3ff}.brand-kit-logo{width:64px;height:64px;border-radius:12px;overflow:hidden;background:#f8fafc;display:flex;align-items:center;justify-content:center}.brand-kit-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8}.logo-placeholder svg{width:32px;height:32px}.brand-kit-name{font-size:14px;font-weight:600;color:#0f172a;text-align:center}.brand-kit-industry{font-size:12px;color:#64748b;text-align:center}.selected-check{position:absolute;top:10px;right:10px;width:24px;height:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.selected-check svg{width:14px;height:14px}.no-brand-kits{grid-column:1 / -1;padding:48px;text-align:center;color:#64748b}.no-brand-kits svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.no-brand-kits p{font-size:16px;font-weight:600;margin:0 0 4px;color:#334155}.no-brand-kits span{font-size:14px}.industry-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.industry-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.industry-btn:hover{border-color:#c7d2fe;color:#6366f1}.industry-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.template-card{position:relative;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .2s;overflow:hidden;background:#fff}.template-card:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 8px 25px -5px #0000001a}.template-card.selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.template-preview{height:120px;padding:12px;position:relative;overflow:hidden}.template-preview-content{width:100%;height:100%;border-radius:8px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #0000000d}.template-preview-overlay{width:100%;height:100%;background:linear-gradient(to bottom,#0000001a,#0000000d);border-radius:8px}.preview-title-bar{height:30%;border-radius:4px 4px 0 0}.preview-content-area{height:70%;padding:8px;display:flex;flex-direction:column;gap:4px}.preview-accent{width:40%;height:8px;border-radius:4px}.template-info{padding:14px;border-top:1px solid #f1f5f9}.template-name{display:block;font-size:14px;font-weight:600;color:#0f172a;margin-bottom:4px}.template-industry{font-size:12px;color:#64748b}.form-group{margin-bottom:20px}.form-group.half{flex:1}.form-row{display:flex;gap:20px}.form-label{display:block;font-size:12px;font-weight:600;color:#444;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.form-label .required{color:#ef4444;margin-left:2px}.form-label .optional{color:#94a3b8;font-weight:400;margin-left:4px}.form-input{width:100%;padding:10px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#111;transition:border-color .15s;outline:none;box-sizing:border-box;background:#fafafa}.form-input:focus{border-color:#aaa;background:#fff}.form-input::-moz-placeholder{color:#bbb}.form-input::placeholder{color:#bbb}.form-textarea{width:100%;padding:10px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#111;transition:border-color .15s;outline:none;resize:vertical;min-height:100px;font-family:inherit;line-height:1.5;box-sizing:border-box;background:#fafafa}.form-textarea:focus{border-color:#aaa;background:#fff}.form-textarea::-moz-placeholder{color:#bbb}.form-textarea::placeholder{color:#bbb}.slide-count-selector{display:flex;gap:8px}.count-btn{flex:1;padding:12px 8px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.count-btn:hover{border-color:#c7d2fe;color:#6366f1}.count-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff}.tone-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tone-btn{padding:12px 8px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.tone-btn:hover{border-color:#c7d2fe}.tone-btn.active{border-color:#6366f1;background:#f5f3ff}.tone-icon{font-size:18px}.tone-name{font-size:11px;font-weight:600;color:#64748b}.tone-btn.active .tone-name{color:#6366f1}.style-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.style-btn{padding:10px 6px;border:1px solid #e0e0e0;border-radius:8px;background:transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:flex;flex-direction:column;align-items:center;gap:4px}.style-btn:hover{background:#f5f5f5;border-color:#ccc}.style-btn.active{background:#111;border-color:#111}.style-icon{font-size:18px}.style-name{font-size:11px;font-weight:600;color:#555}.style-btn.active .style-name{color:#fff}.slide-count-btn{flex:1;padding:8px 4px;border:1px solid #e0e0e0;border-radius:6px;background:transparent;color:#555;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.slide-count-btn:hover{background:#f5f5f5;border-color:#ccc;color:#111}.slide-count-btn.active{background:#111;border-color:#111;color:#fff}.progress-circle-fill.animating{stroke-dasharray:283;animation:progressSpin 2s linear infinite}.progress-circle-fill.complete{stroke-dasharray:283;stroke:#22c55e}@keyframes progressSpin{0%{stroke-dashoffset:283;transform:rotate(0)}50%{stroke-dashoffset:70}to{stroke-dashoffset:283;transform:rotate(360deg)}}.ppt-modal .form-error{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:0 24px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;font-weight:500}.ppt-modal .form-error svg{width:16px;height:16px;flex-shrink:0}.ppt-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px 18px;border-top:1px solid #f0f0f0;background:#fff}.ppt-modal .btn-secondary{padding:8px 18px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#555;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.ppt-modal .btn-secondary:hover{background:#f5f5f5;border-color:#ccc}.ppt-modal .btn-primary{padding:8px 20px;border:none;border-radius:8px;background:#111;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:6px}.ppt-modal .btn-primary:hover:not(:disabled){background:#222}.ppt-modal .btn-primary:disabled{opacity:.35;cursor:not-allowed}.ppt-modal .btn-generate svg{width:15px;height:15px}.generation-progress-content{padding:40px 28px 48px;display:flex;flex-direction:column;align-items:center}.progress-circle-container{position:relative;width:140px;height:140px;margin-bottom:32px}.progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle-bg{stroke:#e8e8e8}.progress-circle-fill{stroke:#111;transition:stroke-dasharray .5s ease}.progress-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percent{font-size:28px;font-weight:700;color:#111}.progress-message{text-align:center;margin-bottom:32px}.progress-complete{display:flex;flex-direction:column;align-items:center;gap:12px;color:#22c55e}.progress-complete p{font-size:16px;font-weight:500;color:#64748b;margin:0}.progress-generating{display:flex;flex-direction:column;align-items:center;gap:12px}.progress-generating p{font-size:16px;font-weight:500;color:#0f172a;margin:0}.generating-dots{display:flex;gap:6px}.generating-dots span{width:8px;height:8px;background:#6366f1;border-radius:50%;animation:dotPulse 1.4s infinite}.generating-dots span:nth-child(2){animation-delay:.2s}.generating-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.progress-steps-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.progress-step-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f8f8f8;border-radius:8px;transition:all .3s}.progress-step-item.completed{background:#f0fdf4}.progress-step-item.active{background:#f5f5f5;box-shadow:0 0 0 1.5px #ccc}.step-indicator{width:24px;height:24px;border-radius:50%;background:#e8e8e8;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#aaa;flex-shrink:0}.progress-step-item.completed .step-indicator{background:#22c55e;color:#fff}.progress-step-item.active .step-indicator{background:#111;color:#fff}.step-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinStep .8s linear infinite}@keyframes spinStep{to{transform:rotate(360deg)}}.step-label{font-size:13px;font-weight:500;color:#666}.progress-step-item.completed .step-label{color:#16a34a}.progress-step-item.active .step-label{color:#111;font-weight:600}@media(max-width:768px){.ppt-modal{max-height:100vh;border-radius:0;max-width:100%}.step-indicator-bar{gap:40px;padding:16px 20px}.template-grid,.brand-kit-grid{grid-template-columns:repeat(2,1fr)}.form-row{flex-direction:column;gap:16px}.tone-selector{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.template-grid,.brand-kit-grid{grid-template-columns:1fr}.slide-count-selector{flex-wrap:wrap}.count-btn{min-width:calc(33% - 6px)}}.dark-theme .ppt-modal{background:#111}.dark-theme .ppt-modal .modal-header{border-color:#222}.dark-theme .ppt-modal .modal-title{color:#f5f5f5}.dark-theme .ppt-modal .modal-close-btn{background:#1a1a1a;border-color:#333;color:#888}.dark-theme .ppt-modal .modal-close-btn:hover{background:#222;border-color:#444;color:#ddd}.dark-theme .form-input,.dark-theme .form-textarea{background:#191919;border-color:#2a2a2a;color:#e0e0e0}.dark-theme .form-input:focus,.dark-theme .form-textarea:focus{border-color:#555;background:#1a1a1a}.dark-theme .style-btn{border-color:#2a2a2a;color:#999}.dark-theme .style-btn:hover{background:#1e1e1e;border-color:#444}.dark-theme .style-btn.active{background:#f5f5f5;border-color:#f5f5f5}.dark-theme .style-btn.active .style-name{color:#111}.dark-theme .slide-count-btn{border-color:#2a2a2a;color:#999}.dark-theme .slide-count-btn:hover{background:#1e1e1e;border-color:#444;color:#eee}.dark-theme .slide-count-btn.active{background:#f5f5f5;border-color:#f5f5f5;color:#111}.dark-theme .ppt-modal .modal-footer{background:#111;border-color:#222}.dark-theme .ppt-modal .btn-secondary{background:#1a1a1a;border-color:#333;color:#888}.dark-theme .ppt-modal .btn-secondary:hover{background:#222;border-color:#444;color:#ddd}.dark-theme .ppt-modal .btn-primary{background:#f5f5f5;color:#111}.dark-theme .ppt-modal .btn-primary:hover:not(:disabled){background:#e0e0e0}.dark-theme .progress-step-item{background:#1e1e1e}.dark-theme .progress-step-item.completed{background:#22c55e1f}.dark-theme .progress-step-item.active{background:#2a2a2a;box-shadow:0 0 0 1.5px #444}.dark-theme .progress-step-item.active .step-indicator{background:#f5f5f5;color:#111}.dark-theme .progress-percent{color:#f5f5f5}.dark-theme .progress-circle-bg{stroke:#2a2a2a}.dark-theme .progress-circle-fill{stroke:#f5f5f5}.dark-theme .progress-generating p{color:#e0e0e0}.outline-step{max-height:500px;overflow-y:auto}.outline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.regenerate-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.regenerate-btn:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.regenerate-btn svg{width:16px;height:16px}.outline-editor{display:flex;flex-direction:column;gap:20px}.outline-title-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px;background:#f8fafc;border-radius:12px}.outline-field{display:flex;flex-direction:column;gap:6px}.outline-field label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.outline-title-input,.outline-subtitle-input{padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;color:#0f172a;transition:all .2s;background:#fff}.outline-title-input{font-weight:600}.outline-title-input:focus,.outline-subtitle-input:focus{outline:none;border-color:#6366f1}.outline-chapters{display:flex;flex-direction:column;gap:12px}.chapters-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.chapters-header span{font-size:13px;font-weight:600;color:#64748b}.add-chapter-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.add-chapter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.add-chapter-btn svg{width:14px;height:14px}.chapter-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s}.chapter-item:hover{border-color:#c7d2fe}.chapter-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fafafa;border-bottom:1px solid #f1f5f9}.chapter-number{width:28px;height:28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.chapter-title-input{flex:1;padding:8px 12px;border:2px solid transparent;border-radius:8px;font-size:15px;font-weight:600;color:#0f172a;background:transparent;transition:all .2s}.chapter-title-input:hover{background:#fff;border-color:#e2e8f0}.chapter-title-input:focus{outline:none;background:#fff;border-color:#6366f1}.chapter-actions{display:flex;gap:4px}.chapter-actions button{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .15s}.chapter-actions button:hover:not(:disabled){background:#f1f5f9;color:#64748b}.chapter-actions button:disabled{opacity:.3;cursor:not-allowed}.chapter-actions button.delete-btn:hover:not(:disabled){background:#fef2f2;color:#ef4444}.chapter-actions button svg{width:16px;height:16px;transition:transform .2s}.chapter-subpoints{padding:16px;display:flex;flex-direction:column;gap:8px}.subpoint-item{display:flex;align-items:center;gap:10px}.subpoint-bullet{color:#6366f1;font-size:18px;flex-shrink:0}.subpoint-input{flex:1;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#334155;transition:all .2s}.subpoint-input:focus{outline:none;border-color:#6366f1}.remove-subpoint-btn{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#cbd5e1;transition:all .15s}.remove-subpoint-btn:hover:not(:disabled){background:#fef2f2;color:#ef4444}.remove-subpoint-btn:disabled{opacity:.3;cursor:not-allowed}.remove-subpoint-btn svg{width:14px;height:14px}.add-subpoint-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px dashed #d1d5db;border-radius:8px;background:transparent;color:#64748b;font-size:13px;cursor:pointer;transition:all .2s;margin-top:4px}.add-subpoint-btn:hover{border-color:#6366f1;color:#6366f1;background:#f5f3ff}.add-subpoint-btn svg{width:14px;height:14px}.slide-progress-list{width:100%;max-width:500px;display:flex;flex-direction:column;gap:8px;margin-top:8px;max-height:240px;overflow-y:auto;padding-right:8px}.slide-progress-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f8fafc;border-radius:8px;font-size:13px;color:#64748b;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-progress-item span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.slide-progress-item.completed{background:#f0fdf4;color:#16a34a}.slide-progress-item.active{background:#f5f3ff;color:#6366f1;font-weight:500}.progress-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;flex-shrink:0}.slide-progress-item.completed .progress-dot{background:#22c55e}.slide-progress-item.active .progress-dot{background:#6366f1;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.progress-detail{font-size:12px;color:#94a3b8;margin-top:4px}.dark-theme .outline-title-section{background:#2d2d2d}.dark-theme .outline-title-input,.dark-theme .outline-subtitle-input{background:#1a1a1a;border-color:#3d3d3d;color:#fff}.dark-theme .chapter-item{background:#2d2d2d;border-color:#3d3d3d}.dark-theme .chapter-header{background:#252525;border-color:#3d3d3d}.dark-theme .chapter-title-input{color:#fff}.dark-theme .chapter-title-input:hover{background:#1a1a1a;border-color:#4d4d4d}.dark-theme .subpoint-input{background:#1a1a1a;border-color:#3d3d3d;color:#fff}.dark-theme .chapter-actions button:hover:not(:disabled){background:#3d3d3d}.dark-theme .add-subpoint-btn{border-color:#4d4d4d;color:#9ca3af}.dark-theme .add-subpoint-btn:hover{background:#6366f126}.dark-theme .regenerate-btn{background:#2d2d2d;border-color:#3d3d3d;color:#9ca3af}.dark-theme .slide-progress-item{background:#2d2d2d}.dark-theme .slide-progress-item.completed{background:#22c55e26}.dark-theme .slide-progress-item.active{background:#6366f126}.ppt-preview-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.ppt-preview-modal{background:#fff;border-radius:20px;width:100%;max-width:1100px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0006;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ppt-preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-bottom:1px solid #e5e7eb}.ppt-preview-title-section{display:flex;align-items:center;gap:14px}.ppt-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.ppt-title-info{display:flex;flex-direction:column;gap:4px}.ppt-title{font-size:18px;font-weight:700;color:#1a1a2e;margin:0}.ppt-subtitle{font-size:14px;color:#666;margin:0}.ppt-preview-actions{display:flex;gap:8px}.ppt-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#4a4a5a;cursor:pointer;transition:all .2s ease}.ppt-action-btn:hover{background:#f5f5f5;border-color:#d1d5db}.ppt-action-btn.close-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.ppt-preview-modal-body{flex:1;padding:20px;background:#f8f9fa;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.ppt-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.ppt-empty-icon{font-size:64px;opacity:.3;margin-bottom:16px}.ppt-preview-empty p{margin:0;color:#6b7280;font-size:16px}.ppt-preview-empty .ppt-empty-hint{font-size:14px;color:#9ca3af;margin-top:8px}.ppt-slide-viewer{position:relative;width:100%;max-width:min(100%,calc(min(calc(90vh - 280px),600px) * 16 / 9));aspect-ratio:16 / 9;max-height:min(calc(90vh - 280px),600px);margin:0 auto;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 8px 32px #00000026}.ppt-slide-frame{width:100%;height:100%;position:relative;overflow:hidden}.ppt-slide-iframe{width:200%;height:200%;border:none;background:#fff;transform:scale(.5);transform-origin:top left;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.ppt-slide-iframe::-webkit-scrollbar{display:none}.ppt-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:none;background:#fffffff2;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0003;transition:all .2s ease;z-index:10}.ppt-nav-btn.prev{left:16px}.ppt-nav-btn.next{right:16px}.ppt-nav-btn:hover:not(.disabled){background:#fff;transform:translateY(-50%) scale(1.08);box-shadow:0 6px 20px #00000040}.ppt-nav-btn.disabled{opacity:.4;cursor:not-allowed}.ppt-preview-modal .ppt-slide-info{position:absolute;bottom:0;left:0;right:0;transform:none;width:100%;padding:16px 20px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;justify-content:space-between;align-items:center;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-sizing:border-box}.ppt-preview-modal .ppt-slide-number{font-size:13px;font-weight:600;color:#ffffffe6;background:#0006;padding:4px 12px;border-radius:20px}.ppt-preview-modal .ppt-slide-title{font-size:14px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppt-thumbnails{overflow-x:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.ppt-thumbnails::-webkit-scrollbar{height:6px}.ppt-thumbnails::-webkit-scrollbar-track{background:transparent}.ppt-thumbnails::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ppt-thumbnails-track{display:flex;gap:12px;padding:4px}.ppt-thumbnail{flex-shrink:0;width:140px;cursor:pointer;transition:all .2s ease;position:relative}.ppt-thumbnail:hover,.ppt-thumbnail.active{transform:translateY(-2px)}.ppt-thumbnail-frame{width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001a;border:3px solid transparent;transition:all .2s ease}.ppt-thumbnail.active .ppt-thumbnail-frame{border-color:#beef05;box-shadow:0 4px 12px #beef054d}.ppt-thumbnail:hover .ppt-thumbnail-frame{border-color:#c7d2fe}.ppt-thumbnail-iframe{width:1000%;height:1000%;border:none;pointer-events:none;transform:scale(.1);transform-origin:top left;overflow:hidden}.ppt-thumbnail-number{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#6b7280;background:#ffffffe6;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 1px 4px #0000001a}.ppt-thumbnail.active .ppt-thumbnail-number{background:#beef05;color:#1a1a1a}.ppt-fullscreen-modal{position:fixed;inset:0;background:#0a0a0a;z-index:1100;display:flex;flex-direction:column;animation:fadeIn .2s ease}.ppt-fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.ppt-fullscreen-title{display:flex;align-items:center;gap:12px;color:#fff;font-size:16px;font-weight:600}.ppt-fullscreen-title .ppt-icon{font-size:24px}.ppt-fullscreen-slide-info{color:#fff9;font-size:14px;font-weight:400;margin-left:16px;padding-left:16px;border-left:1px solid rgba(255,255,255,.2)}.ppt-fullscreen-controls{display:flex;gap:8px}.ppt-control-btn{width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ppt-control-btn:hover{background:#fff3;border-color:#ffffff4d}.ppt-control-btn.active{background:#beef05;border-color:#beef05;color:#0a0a0a}.ppt-fullscreen-content{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:24px}.ppt-fullscreen-iframe{width:100%;height:100%;max-width:calc(100vh * 16 / 9);aspect-ratio:16 / 9;border:none;border-radius:8px;background:#fff;box-shadow:0 0 60px #00000080}.ppt-fullscreen-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ppt-fullscreen-nav.prev{left:24px}.ppt-fullscreen-nav.next{right:24px}.ppt-fullscreen-nav:hover:not(.disabled){background:#fff3;transform:translateY(-50%) scale(1.05)}.ppt-fullscreen-nav.disabled{opacity:.3;cursor:not-allowed}.ppt-fullscreen-thumbnails{display:flex;justify-content:center;gap:8px;padding:16px;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1)}.ppt-fullscreen-thumb{width:40px;height:40px;border-radius:8px;background:#ffffff1a;border:2px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ppt-fullscreen-thumb:hover{background:#fff3}.ppt-fullscreen-thumb.active{background:#beef05;border-color:#beef05}.ppt-thumb-number{font-size:12px;font-weight:600;color:#fffc}.ppt-fullscreen-thumb.active .ppt-thumb-number{color:#0a0a0a}@media(max-width:768px){.ppt-preview-modal{max-height:100vh;border-radius:0}.ppt-preview-modal-header{padding:16px}.ppt-title{font-size:16px}.ppt-slide-viewer{max-height:calc(100vh - 300px);min-height:300px;max-width:min(100%,calc(300px * 16 / 9))}.ppt-nav-btn{width:40px;height:40px}.ppt-nav-btn.prev{left:8px}.ppt-nav-btn.next{right:8px}.ppt-thumbnail{width:100px}.ppt-fullscreen-nav{width:44px;height:44px}.ppt-fullscreen-nav.prev{left:12px}.ppt-fullscreen-nav.next{right:12px}}@media(min-width:1400px){.ppt-preview-modal{max-width:1400px}.ppt-slide-viewer{max-height:calc(90vh - 260px);min-height:500px}}.image-composition-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-composition-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:compositionModalSlideIn .3s ease}.image-composition-modal-large{max-width:1400px}@keyframes compositionModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.image-composition-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.image-composition-modal .modal-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.image-composition-modal .modal-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.image-composition-modal .modal-close-btn:hover{background:#f3f4f6;color:#1a1a1a}.image-composition-modal .modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.image-composition-modal .modal-form{padding:24px;overflow-y:auto;flex:1}.image-composition-modal .form-group{margin-bottom:20px}.image-composition-modal .form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.image-composition-modal .required-mark{color:#ef4444}.image-composition-modal .brand-kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.image-composition-modal .brand-kit-option{position:relative;border:2px solid #e5e7eb;border-radius:12px;padding:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.image-composition-modal .brand-kit-option:hover{border-color:#d1d5db;background:#f9fafb}.image-composition-modal .brand-kit-option.selected{border-color:#beef05;background:#beef050d}.image-composition-modal .brand-kit-logo{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.image-composition-modal .brand-kit-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.image-composition-modal .logo-placeholder{width:32px;height:32px;color:#9ca3af}.image-composition-modal .brand-kit-name{font-size:12px;font-weight:500;color:#374151;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.image-composition-modal .selected-indicator{position:absolute;top:8px;right:8px;width:20px;height:20px;background:#beef05;border-radius:50%;display:flex;align-items:center;justify-content:center}.image-composition-modal .selected-indicator svg{width:12px;height:12px;color:#1a1a1a}.image-composition-modal .no-brand-kits{grid-column:1 / -1;text-align:center;padding:24px;color:#6b7280;background:#f9fafb;border-radius:12px}.image-composition-modal .image-upload-area{position:relative;border:2px dashed #d1d5db;border-radius:12px;padding:24px;text-align:center;transition:all .2s}.image-composition-modal .image-upload-area:hover{border-color:#beef05;background:#beef0505}.image-composition-modal .image-upload-input{display:none}.image-composition-modal .image-upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:#6b7280}.image-composition-modal .image-upload-label svg{color:#9ca3af}.image-composition-modal .upload-hint{font-size:12px;color:#9ca3af}.image-composition-modal .uploaded-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}.image-composition-modal .uploaded-image-item{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#f9fafb}.image-composition-modal .image-preview-wrapper{position:relative;width:100%;padding-bottom:75%;background:#fff;border-radius:8px;overflow:hidden;margin-bottom:8px}.image-composition-modal .image-preview-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.image-composition-modal .remove-image-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.image-composition-modal .remove-image-btn:hover{background:#000c}.image-composition-modal .image-canvas-wrapper{position:relative;width:100%;margin-bottom:8px}.image-composition-modal .annotation-canvas{width:100%;height:auto;border:1px solid #d1d5db;border-radius:4px;display:block}.image-composition-modal .image-instruction-hint{font-size:11px;color:#6b7280;text-align:center;margin:0;font-style:italic}.image-composition-modal .form-textarea{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;color:#1a1a1a;resize:vertical;min-height:120px;transition:border-color .2s;font-family:inherit}.image-composition-modal .form-textarea:focus{outline:none;border-color:#beef05;box-shadow:0 0 0 3px #beef051a}.image-composition-modal .form-textarea::-moz-placeholder{color:#9ca3af}.image-composition-modal .form-textarea::placeholder{color:#9ca3af}.image-composition-modal .form-textarea:disabled{background:#f9fafb;cursor:not-allowed}.image-composition-modal .form-hint{font-size:12px;color:#6b7280;margin-top:8px}.image-composition-modal .form-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px}.image-composition-modal .form-error svg{width:18px;height:18px;flex-shrink:0}.image-composition-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb;margin-top:8px}.image-composition-modal .btn-secondary{padding:10px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.image-composition-modal .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.image-composition-modal .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.image-composition-modal .btn-primary{padding:10px 24px;background:#beef05;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.image-composition-modal .btn-primary:hover:not(:disabled){background:#a8d604}.image-composition-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.image-composition-modal .spinner-small{width:16px;height:16px;border:2px solid rgba(26,26,26,.2);border-top-color:#1a1a1a;border-radius:50%;animation:compositionSpin .8s linear infinite}@keyframes compositionSpin{to{transform:rotate(360deg)}}.image-composition-modal .generation-progress-content{padding:24px;display:flex;flex-direction:column;gap:24px}.image-composition-modal .current-step{text-align:center;padding:20px}.image-composition-modal .step-complete{display:flex;flex-direction:column;align-items:center;gap:12px}.image-composition-modal .step-complete p{font-size:18px;font-weight:600;color:#22c55e;margin:0}.image-composition-modal .step-complete .redirect-hint{font-size:14px;color:#6b7280}.image-composition-modal .step-generating{display:flex;flex-direction:column;align-items:center;gap:12px}.image-composition-modal .generating-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#beef05;border-radius:50%;animation:compositionSpin 1s linear infinite}.image-composition-modal .step-generating p{font-size:16px;color:#374151;margin:0}.image-composition-modal .step-count{font-size:13px;color:#9ca3af}.dark-theme .image-composition-modal,[data-theme=dark] .image-composition-modal{background:#1f2937}.dark-theme .image-composition-modal .modal-header,[data-theme=dark] .image-composition-modal .modal-header{border-color:#374151}.dark-theme .image-composition-modal .modal-title,[data-theme=dark] .image-composition-modal .modal-title{color:#e5e7eb}.dark-theme .image-composition-modal .modal-close-btn,[data-theme=dark] .image-composition-modal .modal-close-btn{color:#9ca3af}.dark-theme .image-composition-modal .modal-close-btn:hover,[data-theme=dark] .image-composition-modal .modal-close-btn:hover{background:#374151;color:#e5e7eb}.dark-theme .image-composition-modal .form-label,[data-theme=dark] .image-composition-modal .form-label{color:#e5e7eb}.dark-theme .image-composition-modal .brand-kit-option,[data-theme=dark] .image-composition-modal .brand-kit-option{border-color:#374151;background:#374151}.dark-theme .image-composition-modal .brand-kit-option:hover,[data-theme=dark] .image-composition-modal .brand-kit-option:hover{border-color:#4b5563;background:#4b5563}.dark-theme .image-composition-modal .brand-kit-option.selected,[data-theme=dark] .image-composition-modal .brand-kit-option.selected{background:#cbff4d1a;border-color:#cbff4d}.dark-theme .image-composition-modal .brand-kit-logo,[data-theme=dark] .image-composition-modal .brand-kit-logo{background:#1f2937}.dark-theme .image-composition-modal .brand-kit-name,[data-theme=dark] .image-composition-modal .brand-kit-name{color:#e5e7eb}.dark-theme .image-composition-modal .no-brand-kits,[data-theme=dark] .image-composition-modal .no-brand-kits{background:#374151;color:#9ca3af}.dark-theme .image-composition-modal .image-upload-area,[data-theme=dark] .image-composition-modal .image-upload-area{border-color:#374151}.dark-theme .image-composition-modal .image-upload-area:hover,[data-theme=dark] .image-composition-modal .image-upload-area:hover{background:#cbff4d1a;border-color:#cbff4d}.dark-theme .image-composition-modal .uploaded-image-item,[data-theme=dark] .image-composition-modal .uploaded-image-item{background:#374151;border-color:#4b5563}.dark-theme .image-composition-modal .image-preview-wrapper,[data-theme=dark] .image-composition-modal .image-preview-wrapper{background:#1f2937}.dark-theme .image-composition-modal .form-textarea,[data-theme=dark] .image-composition-modal .form-textarea{background:#111827;border-color:#374151;color:#e5e7eb}.dark-theme .image-composition-modal .form-textarea:focus,[data-theme=dark] .image-composition-modal .form-textarea:focus{border-color:#cbff4d;box-shadow:0 0 0 3px #cbff4d33}.dark-theme .image-composition-modal .form-hint,[data-theme=dark] .image-composition-modal .form-hint{color:#9ca3af}.dark-theme .image-composition-modal .modal-footer,[data-theme=dark] .image-composition-modal .modal-footer{border-color:#374151}.dark-theme .image-composition-modal .btn-secondary,[data-theme=dark] .image-composition-modal .btn-secondary{background:#374151;border-color:#4b5563;color:#e5e7eb}.dark-theme .image-composition-modal .btn-secondary:hover:not(:disabled),[data-theme=dark] .image-composition-modal .btn-secondary:hover:not(:disabled){background:#4b5563}.dark-theme .image-composition-modal .step-generating p,[data-theme=dark] .image-composition-modal .step-generating p{color:#e5e7eb}@media(max-width:800px){.image-composition-modal{max-height:100vh;border-radius:0}.image-composition-modal .brand-kit-grid{grid-template-columns:repeat(2,1fr)}.image-composition-modal .uploaded-images-grid{grid-template-columns:1fr}}.input-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:inputDialogFadeIn .2s ease}@keyframes inputDialogFadeIn{0%{opacity:0}to{opacity:1}}.input-dialog{background:#fff;border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 60px #0000004d;animation:inputDialogSlideIn .3s ease;overflow:hidden}@keyframes inputDialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.input-dialog-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.input-dialog-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.input-dialog-body{padding:20px 24px}.input-dialog-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1a1a1a;transition:border-color .2s;box-sizing:border-box}.input-dialog-input:focus{outline:none;border-color:#beef05;box-shadow:0 0 0 3px #beef051a}.input-dialog-input::-moz-placeholder{color:#9ca3af}.input-dialog-input::placeholder{color:#9ca3af}.input-dialog-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.input-dialog-btn{padding:8px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.input-dialog-btn-cancel{background:#fff;color:#374151;border:1px solid #e5e7eb}.input-dialog-btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.input-dialog-btn-confirm{background:#beef05;color:#1a1a1a}.input-dialog-btn-confirm:hover{background:#a8d604}[data-theme=dark] .input-dialog{background:#1a1a1a}[data-theme=dark] .input-dialog-header{border-color:#2a2a2a}[data-theme=dark] .input-dialog-title{color:#fff}[data-theme=dark] .input-dialog-input{background:#0a0a0a;border-color:#2a2a2a;color:#fff}[data-theme=dark] .input-dialog-input:focus{border-color:#beef05}[data-theme=dark] .input-dialog-footer{border-color:#2a2a2a}[data-theme=dark] .input-dialog-btn-cancel{background:#2a2a2a;border-color:#3a3a3a;color:#d1d5db}[data-theme=dark] .input-dialog-btn-cancel:hover{background:#3a3a3a}.loading-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10002;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:loadingModalFadeIn .2s ease}@keyframes loadingModalFadeIn{0%{opacity:0}to{opacity:1}}.loading-modal{background:#fff;border-radius:16px;padding:40px 60px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 20px 60px #0000004d;animation:loadingModalSlideIn .3s ease;min-width:200px}@keyframes loadingModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#beef05;border-radius:50%;animation:loadingSpin 1s linear infinite}@keyframes loadingSpin{to{transform:rotate(360deg)}}.loading-message{font-size:16px;font-weight:500;color:#1a1a1a;margin:0;text-align:center}.dark-theme .loading-modal,[data-theme=dark] .loading-modal{background:#1f2937}.dark-theme .loading-message,[data-theme=dark] .loading-message{color:#e5e7eb}.dark-theme .loading-spinner,[data-theme=dark] .loading-spinner{border-color:#374151;border-top-color:#cbff4d}.logo-modal-content{background:#fff;border-radius:24px;width:85%;max-width:850px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040;animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:none;overflow:hidden;position:relative}.logo-modal-content .modal-header{padding:16px 24px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.logo-modal-content .modal-header .modal-title{font-size:20px;font-weight:600}.logo-modal-content .modal-header .modal-close-btn{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;transition:all .2s;color:#000}.logo-modal-content .modal-header .modal-close-btn:hover{background:#e5e5e5}.logo-modal-content .modal-header .modal-close-btn svg{width:18px;height:18px}.logo-modal-content .modal-form{padding:12px 24px 80px;display:flex;flex-direction:column;flex-shrink:0}.logo-modal-content .form-group,.logo-modal-content .form-input-group{margin-bottom:6px}.logo-modal-content .form-label{font-size:13px;margin-bottom:4px;font-weight:600}.logo-modal-content .form-input,.logo-modal-content .form-select,.logo-modal-content .form-textarea{padding:8px 18px;border-radius:24px;font-size:13px;font-weight:400;border:1.5px solid #e5e7eb}.logo-modal-content .form-textarea{resize:vertical;min-height:34px;width:100%;color:#111827;background:#fff;outline:none;transition:all .2s ease;font-family:inherit;line-height:1.5}.logo-modal-content .form-textarea::-moz-placeholder{color:#9ca3af;font-size:12px;font-weight:400}.logo-modal-content .form-textarea::placeholder{color:#9ca3af;font-size:12px;font-weight:400}.logo-modal-content .form-textarea:focus{border-color:#d4fc79;box-shadow:0 0 0 4px #d4fc7926}.form-row .form-input-group,.logo-modal-content .form-row{margin-bottom:0!important}.style-selection-wrapper{display:flex;gap:10px;margin-top:8px}.style-preview-area{width:55px;flex-shrink:0;display:flex;flex-direction:column;gap:4px}.preview-card{position:relative;aspect-ratio:1;background:#f5f5f5;border:2px solid #e5e5e5;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:4px}.preview-remove-btn{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:#000;color:#fff;border:2px solid #ffffff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.preview-remove-btn:hover{background:#333;transform:scale(1.1)}.preview-content{font-size:9px;font-weight:500;color:#666;text-align:center}.style-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.style-card{position:relative;aspect-ratio:1;background:#f5f5f5;border:2px solid #e5e5e5;border-radius:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden}.style-card:not(:disabled):hover{border-color:#d0d0d0}.style-card:disabled{opacity:.3;cursor:not-allowed}.style-card.selected{border-color:#d4fc79;border-width:2px}.style-check-circle{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:#d9d9d9;border:none;display:flex;align-items:center;justify-content:center;transition:all .2s}.style-card.selected .style-check-circle{background:#d4fc79}.style-check-circle svg{width:11px;height:11px;color:#fff}.style-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.style-placeholder{font-size:11px;font-weight:500;color:#999;text-align:center}.logo-modal-content .style-section{overflow-y:auto;overflow-x:hidden;padding:0 16px 0 0;margin:0;max-height:280px}.logo-modal-content .style-section::-webkit-scrollbar{width:6px}.logo-modal-content .style-section::-webkit-scrollbar-track{background:transparent;margin:8px 0}.logo-modal-content .style-section::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.logo-modal-content .style-section::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.logo-modal-content .modal-footer{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;display:flex;justify-content:center;background:#fff;z-index:10;border-radius:0 0 24px 24px}.btn-primary-full{width:auto;min-width:200px;padding:12px 32px;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary-full:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.btn-primary-full:not(:disabled){background:#000;color:#fff}.btn-primary-full:not(:disabled):hover{background:#d4fc79;color:#000;transform:translateY(-1px);box-shadow:0 6px 16px #d4fc7966}.btn-primary-full:not(:disabled):active{transform:translateY(0)}@media(max-width:768px){.logo-modal-content{max-width:95%}.logo-modal-content .modal-header{padding:16px 20px}.logo-modal-content .modal-form{padding:16px 20px 0}.logo-modal-content .style-section{padding:0 12px 16px 20px;margin:0 -20px 0 0}.logo-modal-content .modal-footer{padding:16px 20px}.form-row{grid-template-columns:1fr;gap:16px}.style-grid{grid-template-columns:repeat(2,1fr);gap:10px}.website-input-wrapper{flex-direction:column;align-items:stretch}.import-btn{width:100%}}@media(max-width:480px){.style-grid{grid-template-columns:1fr}}.dark-theme .logo-modal-content{background:#1f2937}.dark-theme .logo-modal-content .modal-header{border-bottom-color:#374151}.dark-theme .logo-modal-content .modal-header .modal-title{color:#e5e7eb}.dark-theme .logo-modal-content .modal-header .modal-close-btn{background:#374151;color:#9ca3af}.dark-theme .logo-modal-content .modal-header .modal-close-btn:hover{background:#4b5563;color:#e5e7eb}.dark-theme .logo-modal-content .form-label{color:#e5e7eb}.dark-theme .logo-modal-content .form-input,.dark-theme .logo-modal-content .form-select,.dark-theme .logo-modal-content .form-textarea{background:#111827;border-color:#374151;color:#e5e7eb}.dark-theme .logo-modal-content .form-textarea:focus{border-color:#cbff4d;box-shadow:0 0 0 4px #cbff4d33}.dark-theme .logo-modal-content .form-textarea::-moz-placeholder{color:#6b7280}.dark-theme .logo-modal-content .form-textarea::placeholder{color:#6b7280}.dark-theme .preview-card{background:#374151;border-color:#4b5563}.dark-theme .preview-content{color:#9ca3af}.dark-theme .style-card{background:#374151;border-color:#4b5563}.dark-theme .style-card:not(:disabled):hover{border-color:#6b7280}.dark-theme .style-card.selected{border-color:#cbff4d}.dark-theme .style-check-circle{background:#4b5563}.dark-theme .style-card.selected .style-check-circle{background:#cbff4d}.dark-theme .style-placeholder{color:#6b7280}.dark-theme .logo-modal-content .style-section::-webkit-scrollbar-thumb{background:#4b5563}.dark-theme .logo-modal-content .style-section::-webkit-scrollbar-thumb:hover{background:#6b7280}.dark-theme .logo-modal-content .modal-footer{background:#1f2937}.dark-theme .btn-primary-full:not(:disabled){background:#cbff4d;color:#111827}.dark-theme .btn-primary-full:not(:disabled):hover{background:#b8f038;color:#111827}.dark-theme .btn-primary-full:disabled{background:#4b5563;color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.brandkit-modal-content{position:relative;background:#fff;border-radius:24px;max-width:850px;width:85%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px #00000040;animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:none}@keyframes slideUp{0%{transform:translateY(40px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.dark-theme .brandkit-modal-content{background:#1a1a1a;border:1px solid #333}.modal-header{padding:30px 32px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:center;align-items:center;position:relative}.dark-theme .modal-header{border-bottom-color:#333}.modal-title{font-size:28px;font-weight:600;color:#1a1a1a;margin:0}.dark-theme .modal-title{color:#fff}.modal-close-btn{position:absolute;right:32px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;color:#666}.modal-close-btn:hover{background:#f5f5f5;color:#000}.dark-theme .modal-close-btn{color:#999}.dark-theme .modal-close-btn:hover{background:#2a2a2a;color:#fff}.modal-close-btn svg{width:24px;height:24px}.modal-form{flex:1;padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:12px}.form-label{font-size:15px;font-weight:500;color:#333;display:flex;align-items:center;gap:4px}.dark-theme .form-label{color:#e0e0e0}.required-mark{color:#f44}.upload-area{position:relative;min-height:200px;border:2px dashed #e0e0e0;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:#fafafa;overflow:hidden}.upload-area:hover{border-color:#beef05;background:#f5f5f5}.dark-theme .upload-area{border-color:#333;background:#2a2a2a}.dark-theme .upload-area:hover{border-color:#beef05;background:#1f1f1f}.upload-area.has-image{border:none;background:transparent;cursor:default;padding:0}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;text-align:center}.upload-placeholder svg{width:48px;height:48px;color:#999}.upload-text{font-size:15px;color:#666;margin:0;line-height:1.5}.dark-theme .upload-text{color:#999}.crop-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;background:#000;border-radius:16px;overflow:hidden}.crop-container img{max-width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain}.remove-image-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#000000b3;border:none;border-radius:50%;color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s ease;z-index:10}.remove-image-btn:hover{background:#ff4444e6;transform:scale(1.1)}.modal-footer{padding:24px 32px;border-top:1px solid #f0f0f0;display:flex;justify-content:center;background:#fafafa}.dark-theme .modal-footer{border-top-color:#333;background:#1f1f1f}@media(max-width:768px){.brandkit-modal-content{width:95%;max-height:95vh}.modal-header{padding:24px}.modal-title{font-size:24px}.modal-form{padding:24px;gap:24px}.form-row{grid-template-columns:1fr;gap:24px}.upload-placeholder{padding:30px 20px}.upload-placeholder svg{width:40px;height:40px}.upload-text{font-size:14px}.modal-footer{padding:20px 24px}}@media(max-width:480px){.brandkit-modal-content{width:100%;max-height:100vh;border-radius:16px 16px 0 0;align-self:flex-end}.modal-header{padding:20px}.modal-title{font-size:20px}.modal-form{padding:20px;gap:20px}.upload-area{min-height:160px}.upload-placeholder{padding:24px 16px}.upload-placeholder svg{width:32px;height:32px}.upload-text{font-size:13px}.remove-image-btn{width:32px;height:32px;font-size:24px}.modal-footer{padding:16px 20px}}.modal-loading-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:9999;border-radius:24px}.dark-theme .modal-loading-overlay{background:#000000e6}.modal-loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.modal-loading-text{font-size:18px;font-weight:500;color:#1a1a1a;margin:0}.dark-theme .modal-loading-text{color:#fff}.revise-logo-modal-content{position:relative;background:#fff;border-radius:24px;max-width:850px;width:85%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px #00000040;animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:none}.revise-logo-modal-content .modal-header{position:relative;padding:16px 24px;border-bottom:none;display:flex;align-items:center;justify-content:center;flex-shrink:0}.revise-logo-modal-content .modal-header .modal-title{text-align:center;font-size:20px;font-weight:700;color:#111827;margin:0}.revise-logo-modal-content .modal-header .modal-close-btn{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;transition:all .2s;color:#000}.revise-logo-modal-content .modal-header .modal-close-btn:hover{background:#e5e5e5}.revise-logo-modal-content .modal-header .modal-close-btn svg{width:18px;height:18px}.revise-logo-modal-content .modal-form{padding:12px 24px 80px;display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}.revise-logo-modal-content .modal-form::-webkit-scrollbar{width:14px}.revise-logo-modal-content .modal-form::-webkit-scrollbar-track{background:transparent;margin:8px 0;border-right:8px solid transparent;background-clip:padding-box}.revise-logo-modal-content .modal-form::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px;border-right:8px solid transparent;background-clip:padding-box}.revise-logo-modal-content .modal-form::-webkit-scrollbar-thumb:hover{background:#b0b0b0;border-right:8px solid transparent;background-clip:padding-box}.revise-logo-modal-content .form-group{margin-bottom:6px}.revise-logo-modal-content .form-label{display:block;font-size:13px;margin-bottom:4px;font-weight:600;color:#111827}.revise-logo-modal-content .form-label .required-mark{color:#ef4444;margin-left:2px}.revise-logo-modal-content .form-input,.revise-logo-modal-content .form-select,.revise-logo-modal-content .form-textarea{padding:8px 18px;border-radius:24px;font-size:13px;font-weight:400;border:1.5px solid #e5e7eb}.revise-logo-modal-content .form-textarea{resize:vertical;min-height:34px;width:100%;color:#111827;background:#fff;outline:none;transition:all .2s ease;font-family:inherit;line-height:1.5}.revise-logo-modal-content .form-textarea::-moz-placeholder{color:#9ca3af;font-size:12px;font-weight:400}.revise-logo-modal-content .form-textarea::placeholder{color:#9ca3af;font-size:12px;font-weight:400}.revise-logo-modal-content .form-textarea:focus{border-color:#d4fc79;box-shadow:0 0 0 4px #d4fc7926}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:0!important}.form-row .form-input-group,.revise-logo-modal-content .form-row{margin-bottom:0!important}.upload-area{width:100%;max-width:350px;aspect-ratio:1;margin:6px auto 0;border:2px dashed #e5e7eb;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#fafafa;padding:20px}.upload-area.has-image{aspect-ratio:auto;max-width:100%;width:-moz-fit-content;width:fit-content;max-height:450px;padding:0;border-style:solid;background:#fff;border-color:#d4fc79;cursor:default}.upload-area:hover{border-color:#d4fc79;background:#f9fff0}.upload-area.error{border-color:#ef4444;background:#fef2f2}.upload-area.has-file{border-style:solid;background:#f0fdf4;border-color:#d4fc79}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-placeholder svg{width:48px;height:48px;color:#9ca3af;margin-bottom:4px}.upload-text{font-size:11px;font-weight:400;color:silver;margin:0;line-height:1.4}.crop-container{position:relative;display:block;line-height:0;max-width:100%;max-height:100%}.crop-container .ReactCrop{border-radius:14px;overflow:hidden}.ReactCrop__crop-selection{border:none!important;box-shadow:none!important}.ReactCrop__drag-handle{display:block!important;opacity:1!important;pointer-events:auto!important;border:1px solid rgba(255,255,255,.9)!important;background:#ffffff80!important}.ReactCrop__drag-handle.ord-n,.ReactCrop__drag-handle.ord-s,.ReactCrop__drag-handle.ord-e,.ReactCrop__drag-handle.ord-w{display:block!important;visibility:visible!important}.remove-image-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#000000b3;color:#fff;border:2px solid #ffffff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1000;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.remove-image-btn:hover{background:#ef4444;transform:scale(1.1)}.uploaded-file{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;width:100%;max-width:400px}.uploaded-file svg{width:32px;height:32px;color:#d4fc79;flex-shrink:0}.file-name{flex:1;font-size:14px;color:#111827;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-file-btn{width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.remove-file-btn:hover{background:#dc2626;transform:scale(1.1)}.error-message{display:block;margin-top:4px;font-size:12px;color:#ef4444;margin-left:2px}.revise-logo-modal-content .modal-footer{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;display:flex;justify-content:center;background:#fff;z-index:10;border-radius:0 0 24px 24px}@media(max-width:768px){.revise-logo-modal-content{width:95%;max-height:90vh}.form-row{grid-template-columns:1fr;gap:8px}.upload-area{max-width:280px}.uploaded-file{padding:10px 12px}.uploaded-file svg{width:28px;height:28px}.file-name{font-size:13px}}.dark-theme .revise-logo-modal-content{background:#1f2937}.dark-theme .revise-logo-modal-content .modal-header{border-bottom-color:#374151}.dark-theme .revise-logo-modal-content .modal-header .modal-title{color:#e5e7eb}.dark-theme .revise-logo-modal-content .modal-header .modal-close-btn{background:#374151;color:#9ca3af}.dark-theme .revise-logo-modal-content .modal-header .modal-close-btn:hover{background:#4b5563;color:#e5e7eb}.dark-theme .revise-logo-modal-content .modal-form::-webkit-scrollbar-thumb{background:#4b5563}.dark-theme .revise-logo-modal-content .modal-form::-webkit-scrollbar-thumb:hover{background:#6b7280}.dark-theme .revise-logo-modal-content .form-label{color:#e5e7eb}.dark-theme .revise-logo-modal-content .form-input,.dark-theme .revise-logo-modal-content .form-select,.dark-theme .revise-logo-modal-content .form-textarea{background:#111827;border-color:#374151;color:#e5e7eb}.dark-theme .revise-logo-modal-content .form-textarea:focus{border-color:#cbff4d;box-shadow:0 0 0 4px #cbff4d33}.dark-theme .revise-logo-modal-content .form-textarea::-moz-placeholder{color:#6b7280}.dark-theme .revise-logo-modal-content .form-textarea::placeholder{color:#6b7280}.dark-theme .upload-area{background:#374151;border-color:#4b5563}.dark-theme .upload-area:hover{border-color:#cbff4d;background:#cbff4d1a}.dark-theme .upload-area.has-image{background:#1f2937;border-color:#cbff4d}.dark-theme .upload-placeholder svg{color:#9ca3af}.dark-theme .upload-text{color:#9ca3af}.dark-theme .uploaded-file{background:#374151;border-color:#4b5563}.dark-theme .file-name{color:#e5e7eb}.dark-theme .revise-logo-modal-content .modal-footer{background:#1f2937}.page-skeleton{width:100vw;height:100vh;display:flex;background:#fff;position:fixed;top:0;left:0;z-index:9999}.dark-theme .page-skeleton{background:#0a0a0a}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer-effect{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite;pointer-events:none}.dark-theme .shimmer-effect{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}.skeleton-sidebar{width:280px;background:#000;display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid #2a2a2a}.skeleton-sidebar-header{padding:20px;border-bottom:1px solid #2a2a2a}.skeleton-logo{position:relative;width:100px;height:24px;background:#333;border-radius:6px;margin-bottom:16px;overflow:hidden}.skeleton-new-btn{position:relative;width:100%;height:44px;background:#1a1a1a;border-radius:22px;overflow:hidden}.skeleton-conversations{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.skeleton-conversation-item{position:relative;height:52px;background:#1a1a1a;border-radius:12px;overflow:hidden}.skeleton-main{flex:1;display:flex;flex-direction:column;background:#fafafa;overflow:hidden}.dark-theme .skeleton-main{background:#0a0a0a}.skeleton-header{height:72px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 32px;gap:16px;flex-shrink:0}.dark-theme .skeleton-header{background:#0f0f0f;border-bottom-color:#2a2a2a}.skeleton-back-btn{position:relative;width:36px;height:36px;background:#e5e7eb;border-radius:8px;overflow:hidden}.dark-theme .skeleton-back-btn{background:#2a2a2a}.skeleton-title{position:relative;width:150px;height:28px;background:#e5e7eb;border-radius:8px;overflow:hidden}.dark-theme .skeleton-title{background:#2a2a2a}.skeleton-header-actions{margin-left:auto;display:flex;gap:12px}.skeleton-icon-btn{position:relative;width:40px;height:40px;background:#e5e7eb;border-radius:50%;overflow:hidden}.dark-theme .skeleton-icon-btn{background:#2a2a2a}.skeleton-messages-area{flex:1;padding:32px 100px;overflow-y:auto;display:flex;flex-direction:column;gap:24px;max-width:1200px;width:100%;margin:0 auto}.skeleton-message{display:flex;gap:12px;align-items:flex-start;animation:fadeIn .5s ease-out}.skeleton-message-user{flex-direction:row-reverse;align-self:flex-end}.skeleton-avatar{position:relative;width:36px;height:36px;border-radius:50%;background:#d5d5d5;flex-shrink:0;overflow:hidden}.dark-theme .skeleton-avatar{background:#3a3a3a}.skeleton-message-content{flex:1;display:flex;flex-direction:column;gap:12px;max-width:70%}.skeleton-message-user .skeleton-message-content{align-items:flex-end}.skeleton-bubble{position:relative;padding:16px 20px;background:#e5e7eb;border-radius:16px;overflow:hidden;min-width:200px}.dark-theme .skeleton-bubble{background:#2a2a2a}.skeleton-message-user .skeleton-bubble{background:#d5d5d5}.dark-theme .skeleton-message-user .skeleton-bubble{background:#3a3a3a}.skeleton-text{height:14px;background:#ccc;border-radius:7px;margin-bottom:10px}.skeleton-text:last-child{margin-bottom:0}.dark-theme .skeleton-text{background:#1a1a1a}.skeleton-text-50{width:50%}.skeleton-text-60{width:60%}.skeleton-text-70{width:70%}.skeleton-text-80{width:80%}.skeleton-text-90{width:90%}.skeleton-text-100{width:100%}.skeleton-logos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.skeleton-logo-card{position:relative;aspect-ratio:1;background:#e5e7eb;border-radius:12px;overflow:hidden}.dark-theme .skeleton-logo-card{background:#2a2a2a}.skeleton-input-area{padding:20px 100px 32px;background:#fff;flex-shrink:0;max-width:1200px;width:100%;margin:0 auto}.dark-theme .skeleton-input-area{background:#0a0a0a}.skeleton-input-box{position:relative;height:56px;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:16px;overflow:hidden}.dark-theme .skeleton-input-box{background:#1f2937;border-color:#374151}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:1024px){.skeleton-messages-area{padding:24px 40px}.skeleton-input-area{padding:16px 40px 24px}}@media(max-width:768px){.skeleton-sidebar{width:70px}.skeleton-sidebar-header{padding:16px 12px}.skeleton-logo{width:40px;height:20px}.skeleton-new-btn{height:40px}.skeleton-messages-area{padding:20px 16px}.skeleton-input-area{padding:12px 16px 20px}.skeleton-header{padding:0 16px}}.conversation-list-skeleton{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loading-dots-container{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px}.loading-dot{width:8px;height:8px;border-radius:50%;background-color:#888;animation:dot-pulse 1.4s ease-in-out infinite}.dark-theme .loading-dot{background-color:#aaa}.loading-dot:nth-child(1){animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media(max-width:768px){.loading-dot{width:6px;height:6px}.loading-dots-container{gap:6px}}.confirm-dialog-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.confirm-dialog{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026,0 1px 4px #00000014;max-width:380px;width:90%;padding:32px;animation:slideUp .3s ease}.confirm-dialog-icon{display:flex;justify-content:center;margin-bottom:20px;animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.confirm-dialog-icon svg circle,.confirm-dialog-icon svg path{stroke:#111827}.confirm-dialog-icon.danger svg circle,.confirm-dialog-icon.danger svg path{stroke:#111827}.confirm-dialog-icon.warning svg circle,.confirm-dialog-icon.warning svg path{stroke:#111827}.confirm-dialog-icon.info svg circle,.confirm-dialog-icon.info svg path{stroke:#111827}.confirm-dialog-content{text-align:center;margin-bottom:24px}.confirm-dialog-title{font-size:18px;font-weight:700;color:#111827;margin:0 0 8px;letter-spacing:-.2px}.confirm-dialog-message{font-size:13px;color:#6b7280;line-height:1.6;margin:0}.confirm-dialog-actions{display:flex;gap:10px;justify-content:center}.confirm-dialog-btn{flex:1;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.cancel-btn:hover{background:#e5e7eb}.cancel-btn:active{transform:scale(.98)}.confirm-btn,.confirm-btn.danger{background:#111827;color:#fff;box-shadow:none}.confirm-btn.danger:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.confirm-btn.warning{background:#111827;color:#fff;box-shadow:none}.confirm-btn.warning:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.confirm-btn.info{background:#111827;color:#fff;box-shadow:none}.confirm-btn.info:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.confirm-btn:active{transform:scale(.98)}.confirm-dialog-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.confirm-dialog .spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin .8s linear infinite}.dark-theme .confirm-dialog{background:#1f2937}.dark-theme .confirm-dialog-title{color:#f3f4f6}.dark-theme .confirm-dialog-message{color:#9ca3af}.dark-theme .confirm-dialog-icon svg circle,.dark-theme .confirm-dialog-icon svg path{stroke:#e5e7eb}.dark-theme .cancel-btn{background:#374151;color:#e5e7eb;border-color:#4b5563}.dark-theme .cancel-btn:hover{background:#4b5563}.dark-theme .confirm-btn,.dark-theme .confirm-btn.danger,.dark-theme .confirm-btn.warning,.dark-theme .confirm-btn.info{background:#e5e7eb;color:#111827}.dark-theme .confirm-btn:hover,.dark-theme .confirm-btn.danger:hover,.dark-theme .confirm-btn.warning:hover,.dark-theme .confirm-btn.info:hover{background:#fff}.wm-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background .35s ease,backdrop-filter .35s ease;padding:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.wm-overlay.visible{background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wm-overlay.shrinking{background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);pointer-events:none}.wm-card{position:relative;width:100%;max-width:720px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 60px #0000001f,0 1px 3px #0000000f;transform:scale(.92) translateY(16px);opacity:0;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s ease;will-change:transform,opacity;overflow:hidden}.wm-overlay.visible .wm-card{transform:scale(1) translateY(0);opacity:1}.wm-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;color:#9ca3af;transition:all .15s;z-index:2}.wm-close:hover{border-color:#d1d5db;color:#374151;background:#f9fafb}.wm-layout{display:flex;min-height:360px}.wm-left{flex:1;padding:40px 36px;display:flex;flex-direction:column;justify-content:center}.wm-logo{margin-bottom:20px}.wm-logo-circle{width:36px;height:36px;border-radius:50%;background:#111827;display:flex;align-items:center;justify-content:center}.wm-logo-diamond{width:9px;height:9px;background:#fff;transform:rotate(45deg);border-radius:1px;display:block}.wm-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 6px;letter-spacing:-.02em;line-height:1.2}.wm-greeting{font-size:14px;color:#6b7280;margin:0 0 8px;line-height:1.5}.wm-desc{font-size:14px;color:#9ca3af;margin:0 0 28px;line-height:1.5}.wm-actions{display:flex;gap:10px}.wm-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:none;font-family:inherit;letter-spacing:-.01em}.wm-btn.primary{background:#111827;color:#fff}.wm-btn.primary:hover{background:#1f2937}.wm-btn.primary svg{transition:transform .15s}.wm-btn.primary:hover svg{transform:translate(2px)}.wm-btn.secondary{background:#fff;color:#374151;border:1px solid #e5e7eb}.wm-btn.secondary:hover{border-color:#d1d5db;background:#f9fafb}.wm-right{width:300px;flex-shrink:0;background:#fafafa;border-left:1px solid #f0f0f0;padding:32px 28px;display:flex;align-items:center}.wm-features{display:flex;flex-direction:column;gap:6px;width:100%}.wm-feature{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px}.wm-feature-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151}.wm-feature-text{display:flex;flex-direction:column;min-width:0}.wm-feature-title{font-size:13px;font-weight:600;color:#111827;line-height:1.3}.wm-feature-desc{font-size:12px;color:#9ca3af;line-height:1.3}.dark-theme .wm-card{background:#111;border-color:#222;box-shadow:0 20px 60px #00000080}.dark-theme .wm-close{background:#111;border-color:#2a2a2a;color:#6b7280}.dark-theme .wm-close:hover{background:#1a1a1a;border-color:#333;color:#d1d5db}.dark-theme .wm-logo-circle{background:#f3f4f6}.dark-theme .wm-logo-diamond{background:#111827}.dark-theme .wm-title{color:#f3f4f6}.dark-theme .wm-greeting{color:#9ca3af}.dark-theme .wm-desc{color:#6b7280}.dark-theme .wm-btn.primary{background:#f3f4f6;color:#111827}.dark-theme .wm-btn.primary:hover{background:#e5e7eb}.dark-theme .wm-btn.secondary{background:transparent;border-color:#2a2a2a;color:#d1d5db}.dark-theme .wm-btn.secondary:hover{background:#1a1a1a;border-color:#333}.dark-theme .wm-right{background:#0a0a0a;border-color:#1a1a1a}.dark-theme .wm-feature-icon{background:#151515;border-color:#2a2a2a;color:#d1d5db}.dark-theme .wm-feature-title{color:#e5e7eb}.dark-theme .wm-feature-desc{color:#6b7280}@media(max-width:680px){.wm-layout{flex-direction:column;min-height:auto}.wm-left{padding:32px 28px 24px}.wm-right{width:100%;border-left:none;border-top:1px solid #f0f0f0;padding:20px 28px 28px}.wm-actions{flex-direction:column}.wm-btn{justify-content:center}}.nc-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background .3s ease,backdrop-filter .3s ease;padding:32px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.nc-overlay.visible{background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nc-overlay.exit{background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.nc-modal{width:100%;max-width:880px;height:min(640px,80vh);background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000001f,0 1px 3px #0000000f;transform:scale(.92) translateY(20px);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease}.nc-overlay.visible .nc-modal{transform:scale(1) translateY(0);opacity:1}.nc-overlay.exit .nc-modal{transform:scale(.95) translateY(10px);opacity:0}.nc-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.nc-header-left{display:flex;align-items:center;gap:12px}.nc-header-left h2{font-size:18px;font-weight:700;color:#111827;margin:0;letter-spacing:-.02em}.nc-unread-badge{font-size:11px;font-weight:600;color:#6b7280;background:#f3f4f6;padding:3px 10px;border-radius:10px}.nc-header-right{display:flex;align-items:center;gap:8px}.nc-header-btn{font-size:13px;font-weight:500;color:#6b7280;background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .15s;font-family:inherit}.nc-header-btn:hover{background:#f3f4f6;color:#111827}.nc-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;color:#9ca3af;transition:all .15s}.nc-close-btn:hover{border-color:#d1d5db;color:#374151;background:#f9fafb}.nc-filters{display:flex;gap:4px;padding:10px 24px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.nc-filter-btn{font-size:13px;font-weight:500;color:#9ca3af;background:none;border:none;cursor:pointer;padding:5px 12px;border-radius:6px;transition:all .15s;font-family:inherit}.nc-filter-btn:hover{background:#f3f4f6;color:#6b7280}.nc-filter-btn.active{background:#111827;color:#fff}.nc-content{display:flex;flex:1;min-height:0}.nc-list{width:320px;flex-shrink:0;border-right:1px solid #f0f0f0;overflow-y:auto}.nc-list::-webkit-scrollbar{width:4px}.nc-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.nc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#d1d5db}.nc-empty-icon{margin-bottom:12px;color:#d1d5db}.nc-empty p{font-size:13px;color:#9ca3af;margin:0}.nc-item{display:flex;align-items:flex-start;gap:10px;padding:14px 20px;cursor:pointer;border-bottom:1px solid #f5f5f5;transition:background .15s;position:relative}.nc-item:hover{background:#fafafa}.nc-item.selected{background:#f5f5f5}.nc-item.unread{background:#fafafa}.nc-item.unread.selected{background:#f0f0f0}.nc-item-icon{flex-shrink:0;margin-top:2px;color:#6b7280}.nc-item-icon-svg{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.nc-item-body{flex:1;min-width:0}.nc-item-title{font-size:13px;font-weight:600;color:#111827;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nc-item-preview{font-size:12px;color:#9ca3af;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nc-item-time{font-size:11px;color:#d1d5db;margin-top:4px}.nc-item-dot{width:7px;height:7px;border-radius:50%;background:#111827;flex-shrink:0;margin-top:6px}.nc-detail{flex:1;overflow-y:auto;padding:28px 32px}.nc-detail::-webkit-scrollbar{width:4px}.nc-detail::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.nc-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#d1d5db}.nc-detail-empty-icon{margin-bottom:16px;color:#d1d5db}.nc-detail-empty p{font-size:14px;color:#9ca3af;margin:0}.nc-detail-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.nc-detail-icon{flex-shrink:0;color:#374151}.nc-detail-icon-svg{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.nc-detail-header h3{font-size:18px;font-weight:700;color:#111827;margin:2px 0 4px;letter-spacing:-.02em}.nc-detail-time{font-size:12px;color:#9ca3af}.nc-detail-message p{font-size:14px;line-height:1.6;color:#374151;margin:0 0 6px}.nc-detail-spacer{height:8px}.nc-detail-feature{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:4px 0;border-radius:8px;background:#fafafa;border:1px solid #f0f0f0;font-size:13px;color:#374151;line-height:1.5}.nc-detail-feature-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280}.nc-detail-actions{display:flex;gap:10px;margin-top:28px}.nc-detail-action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:none;font-family:inherit;letter-spacing:-.01em}.nc-detail-action-btn.primary{background:#111827;color:#fff}.nc-detail-action-btn.primary:hover{background:#1f2937}.nc-detail-action-btn.primary svg{transition:transform .15s}.nc-detail-action-btn.primary:hover svg{transform:translate(2px)}.nc-detail-action-btn.secondary{background:#fff;color:#374151;border:1px solid #e5e7eb}.nc-detail-action-btn.secondary:hover{border-color:#d1d5db;background:#f9fafb}.dark-theme .nc-modal{background:#111;border-color:#222;box-shadow:0 20px 60px #00000080}.dark-theme .nc-header{border-color:#1a1a1a}.dark-theme .nc-header-left h2{color:#f3f4f6}.dark-theme .nc-unread-badge{color:#9ca3af;background:#1a1a1a}.dark-theme .nc-header-btn{color:#6b7280}.dark-theme .nc-header-btn:hover{background:#1a1a1a;color:#d1d5db}.dark-theme .nc-close-btn{background:#111;border-color:#2a2a2a;color:#6b7280}.dark-theme .nc-close-btn:hover{background:#1a1a1a;border-color:#333;color:#d1d5db}.dark-theme .nc-filters{border-color:#1a1a1a}.dark-theme .nc-filter-btn{color:#6b7280}.dark-theme .nc-filter-btn:hover{background:#1a1a1a;color:#9ca3af}.dark-theme .nc-filter-btn.active{background:#f3f4f6;color:#111827}.dark-theme .nc-list{border-color:#1a1a1a}.dark-theme .nc-item{border-color:#151515}.dark-theme .nc-item:hover{background:#ffffff08}.dark-theme .nc-item.selected{background:#ffffff0f}.dark-theme .nc-item.unread{background:#ffffff05}.dark-theme .nc-item-icon-svg{background:#151515;border-color:#2a2a2a;color:#9ca3af}.dark-theme .nc-item-title{color:#e5e7eb}.dark-theme .nc-item-preview{color:#6b7280}.dark-theme .nc-item-time{color:#4b5563}.dark-theme .nc-item-dot{background:#e5e7eb}.dark-theme .nc-empty-icon,.dark-theme .nc-detail-empty-icon{color:#333}.dark-theme .nc-detail-icon-svg{background:#151515;border-color:#2a2a2a;color:#d1d5db}.dark-theme .nc-detail-header h3{color:#f3f4f6}.dark-theme .nc-detail-time{color:#6b7280}.dark-theme .nc-detail-message p{color:#d1d5db}.dark-theme .nc-detail-feature{background:#0a0a0a;border-color:#1a1a1a;color:#d1d5db}.dark-theme .nc-detail-feature-icon{background:#151515;border-color:#2a2a2a;color:#9ca3af}.dark-theme .nc-detail-action-btn.primary{background:#f3f4f6;color:#111827}.dark-theme .nc-detail-action-btn.primary:hover{background:#e5e7eb}.dark-theme .nc-detail-action-btn.secondary{background:transparent;border-color:#2a2a2a;color:#d1d5db}.dark-theme .nc-detail-action-btn.secondary:hover{background:#1a1a1a;border-color:#333}@media(max-width:768px){.nc-overlay{padding:16px}.nc-modal{height:min(90vh,700px)}.nc-content{flex-direction:column}.nc-list{width:100%;border-right:none;border-bottom:1px solid #f0f0f0;max-height:240px}.nc-detail{padding:20px}}.notification-bell-container{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #999999;border-radius:12px;padding:2px 4px;background:transparent;transition:all .2s;box-sizing:border-box;color:#1c1b1f}.notification-bell-container:hover{background:#f3f4f6;border-color:#d1d5db}.notification-btn{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0}.notification-btn svg{width:16px;height:20px;flex-shrink:0}.notification-bell-container.chat-plain-variant{width:24px;height:24px;padding:0;border:none;border-radius:0;background:transparent}.notification-bell-container.chat-plain-variant:hover{background:transparent;border-color:transparent}.notification-bell-container.chat-plain-variant .notification-btn{width:24px;height:24px}.notification-bell-container.chat-plain-variant .notification-btn svg{width:24px;height:24px}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2;box-shadow:0 2px 4px #0003}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 12px 32px #00000026;overflow:hidden;z-index:1000;animation:slideDownFade .2s ease}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.notification-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.mark-all-read-btn{font-size:13px;color:#000;background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.mark-all-read-btn:hover{background:var(--bg-secondary);color:#000}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary)}.no-notifications svg{width:48px;height:48px;margin-bottom:12px;opacity:.4}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s;position:relative}.notification-item:hover{background:var(--bg-secondary)}.notification-item.unread{background:#6366f10d}.notification-item.unread:hover{background:#6366f11a}.notification-type-icon{flex-shrink:0;margin-top:2px;color:#6b7280}.notification-type-svg{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.notification-content{flex:1;min-width:0}.notification-content p{font-size:13px;color:var(--text-secondary);margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:12px;color:var(--text-muted)}.unread-dot{width:8px;height:8px;background:#6366f1;border-radius:50%;flex-shrink:0;margin-top:6px}.notification-footer{padding:10px 16px;border-top:1px solid var(--border-color);text-align:center}.view-all-btn{font-size:13px;font-weight:500;color:#6366f1;background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background .2s;width:100%}.view-all-btn:hover{background:#6366f114}.notification-header-actions{display:flex;align-items:center;gap:8px}.dark-theme .notification-dropdown{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 12px 32px #000c}.dark-theme .notification-header{background:#1a1a1a;border-color:#2a2a2a}.dark-theme .notification-item{border-color:#2a2a2a}.dark-theme .notification-item:hover{background:#242424}.dark-theme .notification-item.unread{background:#6366f11a}.dark-theme .notification-item.unread:hover{background:#6366f126}.dark-theme .notification-bell-container,.page-header-card.dark-theme .notification-bell-container{border-color:#374151;color:#9ca3af}.dark-theme .notification-bell-container:hover,.page-header-card.dark-theme .notification-bell-container:hover{background:#374151;border-color:#4b5563;color:#fff}.dark-theme .notification-bell-container svg,.page-header-card.dark-theme .notification-bell-container svg{color:inherit}.dark-theme .notification-bell-container svg path,.page-header-card.dark-theme .notification-bell-container svg path{fill:currentColor}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.page-header-card{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 16px 32px;background:#fff;border-radius:16px;flex-shrink:0}.page-header-card .header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.page-header-card .breadcrumb{flex-shrink:0}.page-header-card .back-btn{display:flex!important;align-items:center!important;gap:6px!important;padding:8px 16px!important;background:#fff!important;border:1.5px solid #e0e0e0!important;border-radius:20px!important;font-size:13px!important;font-weight:500!important;color:#333!important;cursor:pointer;transition:all .2s ease;width:auto!important;height:auto!important;justify-content:center!important}.page-header-card .back-btn:hover{background:#f8f8f8!important;border-color:#ccc!important}.page-header-card .back-btn svg{width:12px!important;height:12px!important}.page-header-card .breadcrumb{font-size:16px;font-weight:600;color:#333}.page-header-card .header-title{font-size:20px;font-weight:600;color:#333;margin:0}.page-header-card .header-actions{display:flex;align-items:center;gap:8px}.page-header-card .header-icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #999999;border-radius:10px;padding:2px 4px;cursor:pointer;color:#6b7280;transition:all .2s;box-sizing:border-box}.page-header-card .header-icon-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#1a1a1a}.page-header-card .header-icon-btn svg{width:16px;height:16px}.page-header-card .header-help-btn{display:flex;align-items:center;gap:4px;width:80px;height:28px;padding:0 12px;background:transparent;border:1px solid #999999;border-radius:10px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;box-sizing:border-box;justify-content:center}.page-header-card .header-help-btn:hover{background:#f9fafb;border-color:#d1d5db}.page-header-card .header-help-btn svg{width:14px;height:14px}.dark-theme .page-header-card{background:#0a0a0a}.dark-theme .page-header-card .back-btn{background:#1a1a1a!important;border-color:#3a3a3a!important;color:#888!important}.dark-theme .page-header-card .back-btn:hover{background:#2a2a2a!important;border-color:#beef05!important;color:#beef05!important}.dark-theme .page-header-card .breadcrumb,.dark-theme .page-header-card .header-title{color:#fff}.dark-theme .page-header-card .header-icon-btn{color:#9ca3af}.dark-theme .page-header-card .header-icon-btn:hover{background:#374151;border-color:#d1d5db;color:#fff}.dark-theme .page-header-card .header-help-btn{border-color:#374151;color:#d1d5db}.dark-theme .page-header-card .header-help-btn:hover{background:#374151;border-color:#4b5563}.dark-theme .page-header-card .header-help-btn svg,.dark-theme .page-header-card .header-icon-btn svg{color:inherit}.dark-theme .page-header-card .header-help-btn svg path,.dark-theme .page-header-card .header-icon-btn svg path{fill:currentColor}.create-new-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.create-new-modal-content{background:#fff;border-radius:16px;border:1px solid #D9D9D9;width:478px;max-height:540px;overflow:hidden;box-shadow:0 20px 60px #0003;animation:slideUp .2s ease-out}.create-new-modal-header{position:relative;padding:16px 20px;display:flex;align-items:center;justify-content:center}.create-new-modal-title{font-size:18px;font-weight:700;color:#000;margin:0}.create-new-modal-close{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;transition:all .2s;color:#000}.create-new-modal-close:hover{background:#e5e5e5}.create-new-modal-close svg{width:14px;height:14px}.create-new-modal-body{padding:16px 20px}.create-new-modal-description{font-size:12px;color:#000;margin:0 0 16px;text-align:center}.create-new-option-card{background:#fff;border:1px solid #D9D9D9;border-radius:12px;padding:14px 16px;margin-bottom:12px}.create-new-option-content{margin-bottom:12px}.create-new-option-title{font-size:14px;font-weight:600;color:#000;margin:0 0 6px}.create-new-option-description{font-size:12px;color:#000;margin:0;line-height:1.5}.create-new-option-button{width:100%;padding:8px 16px;border-radius:69px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.create-new-option-button-primary{background:#000;color:#fff}.create-new-option-button-primary:hover{background:#333}.create-new-option-button-secondary{background:#fff;color:#000;border:1px solid #000000}.create-new-option-button-secondary:hover{background:#f9fafb}.create-new-divider{display:flex;align-items:center;margin:16px 0}.create-new-divider-line{flex:1;height:1px;background:#d9d9d9}.create-new-divider-text{padding:0 12px;font-size:12px;color:#000}.create-new-cancel-button{width:100%;padding:0;background:transparent;border:none;color:#000;font-size:12px;cursor:pointer;transition:color .2s;margin-top:8px;text-align:center;font-weight:400}.create-new-cancel-button:hover{color:#000}.dark-theme .create-new-modal-content{background:#1f2937;border-color:#374151}.dark-theme .create-new-modal-title{color:#e5e7eb}.dark-theme .create-new-modal-close{background:#374151;color:#9ca3af}.dark-theme .create-new-modal-close:hover{background:#4b5563;color:#e5e7eb}.dark-theme .create-new-modal-description{color:#9ca3af}.dark-theme .create-new-option-card{background:#374151;border-color:#4b5563}.dark-theme .create-new-option-title{color:#e5e7eb}.dark-theme .create-new-option-description{color:#9ca3af}.dark-theme .create-new-option-button-primary{background:#cbff4d;color:#111827}.dark-theme .create-new-option-button-primary:hover{background:#b8f038}.dark-theme .create-new-option-button-secondary{background:#374151;color:#e5e7eb;border-color:#4b5563}.dark-theme .create-new-option-button-secondary:hover{background:#4b5563;border-color:#6b7280}.dark-theme .create-new-divider-line{background:#374151}.dark-theme .create-new-divider-text,.dark-theme .create-new-cancel-button{color:#9ca3af}.dark-theme .create-new-cancel-button:hover{color:#e5e7eb}.select-brandkit-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease-out}.select-brandkit-modal-content{background:#fff;border-radius:16px;border:1px solid #D9D9D9;width:478px;max-height:540px;overflow:hidden;box-shadow:0 20px 60px #0003;animation:slideUp .2s ease-out;display:flex;flex-direction:column}.select-brandkit-modal-header{position:relative;padding:16px 20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.select-brandkit-modal-title{font-size:18px;font-weight:700;color:#000;margin:0}.select-brandkit-modal-close{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;transition:all .2s;color:#000}.select-brandkit-modal-close:hover{background:#e5e5e5}.select-brandkit-modal-close svg{width:14px;height:14px}.select-brandkit-modal-body{padding:16px 20px;display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.select-brandkit-modal-description{font-size:12px;color:#000;margin:0 0 12px}.select-brandkit-create-new{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff;border:1px dashed #D9D9D9;border-radius:12px;cursor:pointer;transition:all .2s;margin-bottom:12px}.select-brandkit-create-new:hover{background:#f3f4f6;border-color:#d9d9d9}.select-brandkit-create-new-text{font-size:12px;color:#000;font-weight:500}.select-brandkit-create-new-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#000;border-radius:50%;color:#fff;flex-shrink:0}.select-brandkit-create-new-icon svg{width:12px;height:12px}.select-brandkit-search{margin-bottom:12px}.select-brandkit-search-input{width:100%;padding:8px 12px;border:1px solid #D9D9D9;border-radius:12px;font-size:12px;color:#000;background:#fff;transition:border-color .2s}.select-brandkit-search-input:focus{outline:none;border-color:#000}.select-brandkit-search-input::-moz-placeholder{color:#9ca3af}.select-brandkit-search-input::placeholder{color:#9ca3af}.select-brandkit-list{flex:1;overflow-y:auto;margin-bottom:12px;min-height:0}.select-brandkit-list::-webkit-scrollbar{width:8px}.select-brandkit-list::-webkit-scrollbar-track{background:transparent}.select-brandkit-list::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:4px}.select-brandkit-list::-webkit-scrollbar-thumb:hover{background-color:#00000040}.select-brandkit-item{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border:1px solid #D9D9D9;border-radius:12px;margin-bottom:6px;cursor:pointer;transition:all .2s;background:#fff;min-height:36px}.select-brandkit-item:hover{border-color:#d9d9d9;background:#f9fafb}.select-brandkit-item.selected{background:#fff;border-color:#d9d9d9}.select-brandkit-item-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.select-brandkit-item-logo{width:32px;height:32px;border-radius:12px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.select-brandkit-item-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.select-brandkit-item-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.select-brandkit-item-logo-placeholder svg{width:20px;height:20px}.select-brandkit-item-name{font-size:12px;font-weight:500;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-brandkit-item.selected .select-brandkit-item-name{color:#000}.select-brandkit-item-check{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.select-brandkit-item-check svg{width:16px;height:16px}.select-brandkit-item-check-empty{width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid #D9D9D9;display:flex;align-items:center;justify-content:center;color:#d9d9d9;flex-shrink:0}.select-brandkit-item-check-empty svg{width:16px;height:16px}.select-brandkit-loading,.select-brandkit-empty{text-align:center;padding:20px;color:#000;font-size:12px}.select-brandkit-footer{margin-bottom:8px;flex-shrink:0}.select-brandkit-confirm-button{width:100%;padding:8px 16px;background:#000;color:#fff;border:none;border-radius:69px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.select-brandkit-confirm-button:hover:not(:disabled){background:#333}.select-brandkit-confirm-button:disabled{background:#d1d5db;color:#000;cursor:not-allowed}.select-brandkit-cancel-button{width:100%;padding:0;background:transparent;border:none;color:#000;font-size:12px;cursor:pointer;transition:color .2s;margin-top:8px;text-align:center;font-weight:400;flex-shrink:0}.select-brandkit-cancel-button:hover{color:#000}.dark-theme .select-brandkit-modal-content{background:#1f2937;border-color:#374151}.dark-theme .select-brandkit-modal-title{color:#e5e7eb}.dark-theme .select-brandkit-modal-close{background:#374151;color:#9ca3af}.dark-theme .select-brandkit-modal-close:hover{background:#4b5563;color:#e5e7eb}.dark-theme .select-brandkit-modal-description{color:#9ca3af}.dark-theme .select-brandkit-create-new{background:#374151;border-color:#4b5563}.dark-theme .select-brandkit-create-new:hover{background:#4b5563;border-color:#6b7280}.dark-theme .select-brandkit-create-new-text{color:#e5e7eb}.dark-theme .select-brandkit-create-new-icon{background:#cbff4d;color:#111827}.dark-theme .select-brandkit-search-input{background:#111827;border-color:#374151;color:#e5e7eb}.dark-theme .select-brandkit-search-input:focus{border-color:#cbff4d;box-shadow:0 0 0 3px #cbff4d33}.dark-theme .select-brandkit-search-input::-moz-placeholder{color:#6b7280}.dark-theme .select-brandkit-search-input::placeholder{color:#6b7280}.dark-theme .select-brandkit-list::-webkit-scrollbar-thumb{background-color:#ffffff26}.dark-theme .select-brandkit-list::-webkit-scrollbar-thumb:hover{background-color:#ffffff40}.dark-theme .select-brandkit-item{background:#374151;border-color:#4b5563}.dark-theme .select-brandkit-item:hover{background:#4b5563;border-color:#6b7280}.dark-theme .select-brandkit-item.selected{background:#cbff4d1a;border-color:#cbff4d}.dark-theme .select-brandkit-item-logo{background:#1f2937}.dark-theme .select-brandkit-item-logo-placeholder{color:#6b7280}.dark-theme .select-brandkit-item-name,.dark-theme .select-brandkit-item.selected .select-brandkit-item-name{color:#e5e7eb}.dark-theme .select-brandkit-item-check-empty{background:#1f2937;border-color:#4b5563;color:#6b7280}.dark-theme .select-brandkit-loading,.dark-theme .select-brandkit-empty{color:#9ca3af}.dark-theme .select-brandkit-confirm-button{background:#cbff4d;color:#111827}.dark-theme .select-brandkit-confirm-button:hover:not(:disabled){background:#b8f038}.dark-theme .select-brandkit-confirm-button:disabled{background:#4b5563;color:#6b7280}.dark-theme .select-brandkit-cancel-button{color:#9ca3af}.dark-theme .select-brandkit-cancel-button:hover{color:#e5e7eb}.community-preview-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;box-sizing:border-box}.community-preview-modal-container{position:relative;width:1069px;max-width:calc(100vw - 40px);height:534.5px;max-height:calc(100vh - 40px);display:flex;align-items:stretch;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;box-sizing:border-box}.community-preview-modal-left{flex-shrink:0;width:534.5px;height:534.5px;background:#f6f6f6;display:flex;align-items:center;justify-content:center;padding:0 32px;box-sizing:border-box}.community-preview-modal-image-wrapper{position:relative;width:470.5px;height:470.5px;max-width:100%;max-height:100%;border-radius:12px;overflow:hidden}.community-preview-modal-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;border-radius:12px}.community-preview-modal-right{flex:1 1 0;min-width:0;position:relative;padding:32px;box-sizing:border-box;display:flex;flex-direction:column}.community-preview-modal-user{display:flex;align-items:center;gap:6px;flex-shrink:0}.community-preview-modal-user-avatar{width:28px;height:28px;border-radius:999px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.community-preview-modal-user-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px;font-weight:600;line-height:28px;letter-spacing:.12px;color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-preview-modal-prompt-section{margin-top:44px;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.community-preview-modal-prompt-title{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:600;line-height:28px;letter-spacing:-.4395px;color:#101828}.community-preview-modal-prompt-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:21px;height:146px;box-sizing:border-box;overflow-y:auto}.community-preview-modal-prompt-text{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:26px;letter-spacing:-.3125px;color:#364153;white-space:pre-wrap;word-wrap:break-word}.community-preview-modal-prompt-empty{color:#9ca3af;font-style:italic}.community-preview-modal-prompt-text .inline-image-chip{display:inline-flex;align-items:center;gap:3px;background:#adff2f1a;border:1px solid #adff2f;border-radius:6px;padding:3px;margin:0 2px;vertical-align:middle;line-height:1}.community-preview-modal-prompt-text .inline-image-chip-thumb{width:18px;height:18px;border-radius:3px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;display:block}.community-preview-modal-prompt-text .inline-image-chip-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:400;line-height:18px;color:#242424;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-preview-modal-actions{display:flex;align-items:stretch;gap:12px;margin-top:32px;flex-shrink:0}.community-preview-modal-btn{flex:1 1 0;min-width:0;min-height:40px;padding:10px;border:none;border-radius:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;line-height:20px;letter-spacing:-.3125px;text-align:center;cursor:pointer;transition:filter .15s ease,transform .1s ease}.community-preview-modal-btn:active{transform:scale(.99)}.community-preview-modal-btn-primary{background:#adff2f;color:#101828}.community-preview-modal-btn-primary:hover{filter:brightness(.96)}.community-preview-modal-btn-secondary{background:#101828;color:#fff}.community-preview-modal-btn-secondary:hover{filter:brightness(1.15)}.community-preview-modal-btn:disabled,.community-preview-modal-btn[aria-disabled=true]{cursor:not-allowed;opacity:.45;filter:none;transform:none}.community-preview-modal-btn:disabled:hover,.community-preview-modal-btn[aria-disabled=true]:hover{filter:none}.community-preview-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:999px;cursor:pointer;color:#101828;box-shadow:0 1px 3px #00000014;transition:background .15s ease;z-index:2}.community-preview-modal-close:hover{background:#fff}.community-preview-modal-close svg{width:20px;height:20px;display:block}@media(max-width:1100px){.community-preview-modal-container{width:min(100%,900px);height:auto;max-height:calc(100vh - 40px);flex-direction:column;overflow-y:auto}.community-preview-modal-left{width:100%;height:auto;aspect-ratio:1 / 1;max-height:50vh;padding:16px}.community-preview-modal-image-wrapper{width:auto;height:100%;aspect-ratio:1 / 1}.community-preview-modal-right{padding:24px}.community-preview-modal-prompt-section{margin-top:20px}}.dark-theme .community-preview-modal-container{background:#1a1a1a}.dark-theme .community-preview-modal-left{background:#242424}.dark-theme .community-preview-modal-user-name,.dark-theme .community-preview-modal-prompt-title{color:#f5f5f5}.dark-theme .community-preview-modal-prompt-box{background:#242424;border-color:#3a3a3a}.dark-theme .community-preview-modal-prompt-text{color:#d1d5db}.dark-theme .community-preview-modal-close{background:#242424e6;color:#f5f5f5}.dark-theme .community-preview-modal-close:hover{background:#2a2a2a}.uploads-panel{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:#ffffff4d;box-shadow:0 8px 24px #959da533;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;z-index:1100;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.uploads-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #A3A3A3}.uploads-panel-title{margin:0;font-size:18px;font-weight:600;line-height:28px;letter-spacing:.36px;color:#000;white-space:nowrap}.uploads-panel-close{width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.uploads-panel-close img{width:24px;height:24px;display:block}.uploads-panel-body{display:flex;flex-direction:column;gap:12px;width:100%}.uploads-panel-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.uploads-panel-tabs{display:inline-flex;align-items:center;gap:8px}.uploads-panel-tab{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:8px 12px;border:0;border-radius:8px;background:transparent;font-family:inherit;font-size:12px;font-weight:500;line-height:18px;color:#242424;cursor:pointer;white-space:nowrap}.uploads-panel-tab.active{background:#adff2f}.uploads-panel-search{display:inline-flex;align-items:center;gap:4px;height:32px;padding:6px 12px;border:.5px solid #a3a3a3;border-radius:8px;background:#fff;min-width:0;flex:0 1 240px}.uploads-panel-search img{width:16px;height:16px;flex-shrink:0}.uploads-panel-search input{width:100%;min-width:0;border:0;background:transparent;outline:none;font-family:inherit;font-size:12px;font-weight:400;line-height:18px;color:#242424}.uploads-panel-search input::-moz-placeholder{color:#a3a3a3}.uploads-panel-search input::placeholder{color:#a3a3a3}.uploads-panel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%}.uploads-panel-add{width:100%;aspect-ratio:1 / 1;display:inline-flex;align-items:center;justify-content:center;padding:10px;border:1px dashed #adff2f;border-radius:8px;background:#fff;cursor:pointer;box-sizing:border-box}.uploads-panel-add img{width:24px;height:24px;display:block}.uploads-panel-tile{width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:#fff}.uploads-panel-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;pointer-events:none}.uploads-panel-tile--uploaded{padding:0;margin:0;border:0;cursor:pointer;font:inherit;color:inherit;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}.uploads-panel-tile--uploaded img{transition:filter .15s ease}.uploads-panel-tile--uploaded:hover img{filter:brightness(.88)}.uploads-panel-tile--uploaded:focus-visible{outline:2px solid #101828;outline-offset:2px}.page-header-card{display:flex;justify-content:flex-end;align-items:center;padding:12px 24px;background:#fff;border-radius:16px;flex-shrink:0}.page-header-card:has(.page-header-title){justify-content:space-between}.page-header-title{font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.page-header-actions{display:flex;gap:10px;align-items:center}.page-header-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #999999;border-radius:12px;padding:2px 4px;cursor:pointer;color:#1c1b1f;transition:all .2s;box-sizing:border-box;aspect-ratio:1 / 1}.page-header-icon-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#1a1a1a}.page-header-icon-btn svg{width:16px;height:16px}.page-header-help-btn{display:flex;align-items:center;gap:5px;width:100px;height:36px;padding:10px 16px;background:transparent;border:1px solid #999999;border-radius:12px;font-size:12px;font-weight:500;color:#1c1b1f;cursor:pointer;transition:all .2s;box-sizing:border-box;justify-content:center}.page-header-help-btn:hover{background:#f9fafb;border-color:#d1d5db}.page-header-help-btn svg{width:16px;height:16px;flex-shrink:0}.dark-theme .page-header-card,.page-header-card.dark-theme{background:#0a0a0a}.dark-theme .page-header-title,.page-header-card.dark-theme .page-header-title{color:#fff}.dark-theme .page-header-icon-btn,.page-header-card.dark-theme .page-header-icon-btn{color:#9ca3af;border-color:#374151}.dark-theme .page-header-icon-btn:hover,.page-header-card.dark-theme .page-header-icon-btn:hover{background:#374151;border-color:#4b5563;color:#fff}.dark-theme .page-header-help-btn,.page-header-card.dark-theme .page-header-help-btn{border-color:#374151;color:#d1d5db}.dark-theme .page-header-help-btn:hover,.page-header-card.dark-theme .page-header-help-btn:hover{background:#374151;border-color:#4b5563}.dark-theme .page-header-help-btn svg,.page-header-card.dark-theme .page-header-help-btn svg{color:inherit}.dark-theme .page-header-help-btn svg path,.page-header-card.dark-theme .page-header-help-btn svg path{fill:currentColor}.hero{position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:-1}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(99,102,241,.05) 50%,var(--bg-secondary) 100%)}.hero-gradient:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 70%,rgba(99,102,241,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-20px,-20px) rotate(5deg)}50%{transform:translate(20px,-10px) rotate(-5deg)}75%{transform:translate(-10px,20px) rotate(3deg)}}.hero .container{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}.hero-content{text-align:center;z-index:1}.hero-title{font-size:2.5rem;font-weight:800;line-height:1.2;color:var(--text-primary);margin-bottom:1.5rem}.hero-title .highlight{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;line-height:1.7}.hero-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.hero-visual{display:flex;justify-content:center;margin-top:2rem}.hero-card{position:relative;background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);max-width:300px;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform var(--transition-slow)}.hero-card:hover{transform:perspective(1000px) rotateY(0) rotateX(0) translateY(-10px)}.card-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:var(--radius-xl);z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.hero-card:hover .card-glow{opacity:.3}.card-content{text-align:center}.card-icon{font-size:3rem;margin-bottom:1rem}.card-content h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.card-content p{color:var(--text-secondary);font-size:.875rem}@media(min-width:768px){.hero .container{grid-template-columns:1fr 1fr;text-align:left}.hero-content{text-align:left}.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.25rem;margin-left:0;margin-right:0}.hero-actions{flex-direction:row;justify-content:flex-start}.hero-visual{justify-content:flex-end;margin-top:0}}@media(min-width:1024px){.hero-title{font-size:4rem}}.features{padding:5rem 0;background-color:var(--bg-secondary)}.features-header{margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:1fr;gap:2rem}.feature-card{background:#fff;border-radius:var(--radius-lg);padding:2rem;text-align:center;border:1px solid var(--gray-200);transition:all var(--transition-normal);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .6s ease}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.feature-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.feature-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.feature-description{color:var(--text-secondary);line-height:1.6}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}.feature-card{padding:2.5rem}}.feature-card{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(30px)}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.brand-showcase{position:relative;z-index:200;padding:80px 0 70px;overflow:visible;background:transparent}.brand-showcase>.container{position:relative;z-index:2}.brand-glow{position:absolute;pointer-events:none;z-index:0;display:block;overflow:visible}.brand-bg,.brand-gradient{display:none}.brand-head{text-align:center;max-width:1240px;margin:0 auto 48px}.brand-head>*+*{margin-top:16px}.brand-title{font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:60px;line-height:72px;letter-spacing:0;margin-bottom:0;color:#242424}.brand-title .highlight{background:none;-webkit-text-fill-color:currentColor;color:inherit}.brand-subtitle{color:#242424;font-weight:400;font-size:20px;line-height:30px;max-width:956px;width:100%;margin:48px auto 0;text-align:center}.brand-showcase .container{position:relative;max-width:1440px;width:100%;margin:0 auto;padding:0;box-sizing:border-box}@media(max-width:1439px){.brand-showcase .container{padding:0 16px}}.brand-action{display:flex;justify-content:center;margin:64px auto 120px}.brand-showcase .brand-action .BSbtn{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;font-weight:700;line-height:1;background:#242424;color:#fff;border:1px solid rgba(0,0,0,.7);border-radius:8px;box-shadow:0 8px 20px #00000026;transition:background .2s,transform .15s,box-shadow .2s;text-decoration:none}.brand-showcase .brand-action .BSbtn.BSbtn-primary{background:#242424;color:#fff;border-color:#000000b3}.brand-showcase .brand-action .BSbtn:hover{background:#0f0f0f;transform:translateY(-1px);box-shadow:0 10px 24px #0000002e}.brand-showcase .brand-action .BSbtn:active{transform:translateY(0);box-shadow:0 6px 16px #00000024}.brand-showcase .brand-action .BSbtn:focus-visible{outline:none;box-shadow:0 0 0 4px #ccff008c}.brand-showcase .brand-action .BSbtn.BSbtn-large{width:auto;font-size:16px;height:48px;font-weight:700;margin-bottom:0}.brand-grid-stack{position:relative;width:100%;max-width:1440px;margin:0 auto}.brand-grid-slide{display:grid;width:100%;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr));opacity:0;pointer-events:none}.brand-grid-slide:first-child{position:relative}.brand-grid-slide:not(:first-child){position:absolute;inset:0}.brand-grid-slide.active{opacity:1;pointer-events:auto}.brand-grid{display:grid;width:100%;max-width:1440px;margin:0 auto;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.tile{position:relative;border:1px solid rgba(190,190,190,.65);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000014;opacity:0;transform:translateY(24px) scale(.985) translateZ(0);contain:paint;backface-visibility:hidden}.brand-grid-slide.active .tile{animation:tileIn .55s cubic-bezier(.22,.61,.36,1) forwards;will-change:transform,opacity}.brand-grid-slide.active .tile:nth-child(1){animation-delay:0ms}.brand-grid-slide.active .tile:nth-child(2){animation-delay:90ms}.brand-grid-slide.active .tile:nth-child(3){animation-delay:.18s}.brand-grid-slide.active .tile:nth-child(4){animation-delay:.27s}.brand-grid-slide.active .tile:nth-child(5){animation-delay:.36s}.brand-grid-slide.active .tile:nth-child(6){animation-delay:.45s}.brand-grid-slide.active .tile:nth-child(7){animation-delay:.54s}.brand-grid-slide.active .tile:nth-child(8){animation-delay:.63s}.brand-grid-slide.active .tile:nth-child(9){animation-delay:.72s}.tile.small{grid-column:span 1;aspect-ratio:342 / 398.25}.tile.large{grid-column:span 2;aspect-ratio:708 / 398.25}.tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transform:scale(1.001);transition:transform .45s ease}.tile:after{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(0deg,#00000014,#0000);transition:opacity .2s ease}.tile:hover img{transform:scale(1.03)}.tile:hover:after{opacity:.6}@keyframes tileIn{0%{opacity:0;transform:translateY(24px) scale(.985) translateZ(0)}to{opacity:1;transform:translateY(0) scale(1) translateZ(0)}}@media(max-width:1200px){.brand-title{font-size:52px;line-height:72px}.brand-subtitle{font-size:18px}}@media(max-width:900px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile.large{grid-column:span 2}.brand-title{font-size:42px;line-height:58px}.brand-action{margin:56px auto 72px}}@media(max-width:640px){.brand-showcase{padding:56px 0 48px}.brand-head{margin-bottom:32px}.brand-title{font-size:32px;line-height:42px;margin-bottom:12px}.brand-subtitle{font-size:16px;margin:24px auto}.brand-action{margin:36px auto 48px}.brand-showcase .brand-action .BSbtn.BSbtn-large{width:100%;max-width:350px}.brand-grid{grid-template-columns:1fr}.tile.large{grid-column:auto}}.touchpoints{position:relative;padding:120px 0;background:#fff;overflow:visible}.touchpoints .container{max-width:1440px;width:100%;margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:center;gap:60px;box-sizing:border-box}@media(max-width:1439px){.touchpoints .container{padding:0 16px}}.tp-head{display:flex;flex-direction:column;gap:12px;width:100%;text-align:center}.tp-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:36px;line-height:44px;color:#242424;margin:0}.tp-subtitle{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#656565;margin:0}.tp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%}.tp-card{background:#f6f6f6;border-radius:20px;padding:48px 0 0 48px;overflow:hidden;display:flex;flex-direction:column;gap:48px}.tp-card.card-digital-growth,.tp-card.card-merch{border-radius:16px}.tp-text-row{display:flex;align-items:flex-start;gap:36px;padding-right:48px}.tp-text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:24px}.tp-card-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:24px;line-height:32px;color:#242424;margin:0}.tp-card.card-consistency .tp-card-title,.tp-card.card-digital-growth .tp-card-title,.tp-card.card-merch .tp-card-title{line-height:36px}.tp-card-desc{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#656565;margin:0}.tp-arrow{display:flex;width:60px;height:60px;flex-direction:column;justify-content:center;align-items:center;gap:10px;flex-shrink:0;aspect-ratio:1 / 1;border-radius:8px;background:#eaeaea;text-decoration:none;transition:background .15s ease,transform .15s ease}.tp-arrow:hover{background:#dcdcdc;transform:translateY(-1px)}.tp-arrow-icon{width:26.667px;height:26.667px;aspect-ratio:1 / 1;display:block}.tp-visual-frame{width:100%;padding:12px 0 0 12px;border-top-left-radius:20px;border-bottom-right-radius:20px;border:1px solid rgba(255,255,255,.7);background:#ffffff4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 24px #959da533;position:relative;box-sizing:border-box}.tp-card.card-digital-growth .tp-visual-frame,.tp-card.card-merch .tp-visual-frame{border-top-left-radius:16px;border-bottom-right-radius:16px}.tp-visual-frame img{display:block;width:100%;height:auto;aspect-ratio:660 / 422;-o-object-fit:cover;object-fit:cover;border-top-left-radius:16px;border-bottom-right-radius:20px}.tp-card.card-digital-growth .tp-visual-frame img,.tp-card.card-merch .tp-visual-frame img{border-top-left-radius:16px;border-bottom-right-radius:16px}@media(max-width:992px){.tp-grid{grid-template-columns:1fr}.touchpoints{padding:80px 0}.touchpoints .container{gap:40px}}@media(max-width:640px){.tp-title{font-size:28px;line-height:36px}.tp-subtitle{font-size:16px;line-height:24px}.tp-card{padding:28px 0 0 28px}.tp-text-row{padding-right:28px;gap:20px}.tp-card-title{font-size:20px;line-height:28px}.tp-arrow{width:48px;height:48px}}:root{--bb-text:#111;--bb-muted:#6b7280;--bb-line:#e5e7eb;--bb-container:1150px;--bb-sticky-top:96px}.bb{background:transparent;padding:32px 0 64px}.bb-container{max-width:var(--bb-container);margin:0 auto}.bb-head{margin-bottom:18px}.bb-title{margin:0 0 6px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:36px;line-height:1.15;color:var(--bb-text)}.bb-sub{color:var(--bb-muted);font-size:20px;font-weight:400;margin-bottom:40px}.bb-grid{margin-top:16px;display:grid;grid-template-columns:.85fr 1.35fr;gap:24px;align-items:start}.bb-steps{display:grid;gap:12px;width:100%}.bb-step{width:100%;border:1px solid var(--bb-line);border-radius:12px;background:#f8faf5;box-shadow:0 6px 18px #0000000d inset;overflow:hidden}.bb-step-head{width:100%;min-height:56px;display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:14px 14px 14px 16px;background:transparent;border:0;text-align:left;cursor:pointer;font-weight:600;color:#111}.bb-step-idx{width:20px;color:#7c838d;flex-shrink:0}.bb-step-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-caret{transition:transform .2s ease;color:#5b6470;will-change:transform;flex-shrink:0}.bb-step.open .bb-caret{transform:rotate(180deg)}.bb-step-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.bb-step-body-inner{overflow:hidden;padding:0 14px 0 44px}.bb-step-body-inner p{margin:0;color:var(--bb-muted);font-size:12.5px;line-height:1.6;transform:translateY(-6px);opacity:0;transition:opacity .2s ease,transform .2s ease}.bb-step.open .bb-step-body{grid-template-rows:1fr}.bb-step.open .bb-step-body-inner.is-one-line{padding:10px 14px 14px 44px}.bb-step.open .bb-step-body-inner.is-two-lines{margin-top:-10px;margin-bottom:14px}.bb-step.open .bb-step-body-inner p{transform:translateY(0);opacity:1}.bb-preview{position:sticky;top:var(--bb-sticky-top);align-self:start}.bb-image-card{position:relative;height:380px;min-height:320px;border-radius:16px;overflow:hidden;background:#f3f4f6;border:1px solid #ececec;box-shadow:0 14px 40px #00000014}.bb-preview-image{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;will-change:opacity,transform;transform:scale(1);opacity:1;transition:opacity .22s ease,transform .22s ease}.bb-preview-image.is-hidden{opacity:0;transform:scale(1.01)}.bb-preview-image.is-visible{opacity:1;transform:scale(1)}.bb-cta-row{display:flex;justify-content:center;margin-top:18px}.bb-cta{height:50px;width:300px;padding:0 18px;border-radius:9999px;border:1px solid rgba(0,0,0,.85);font-size:16px;background:#111;color:#fff;font-weight:700;box-shadow:0 6px 18px #00000026;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.bb-cta:hover{background:#000;transform:translateY(-1px);box-shadow:0 10px 26px #0003}@media(max-width:960px){.bb-grid{grid-template-columns:1fr}.bb-preview{position:static;top:auto}.bb-image-card{height:300px}.bb-title{font-size:28px}}@media(max-width:560px){.bb-image-card{height:240px;border-radius:14px}.bb-step-head{padding:13px 12px 13px 14px}.bb-step.open .bb-step-body-inner.is-one-line{padding:8px 12px 12px 38px}.bb-step.open .bb-step-body-inner.is-two-lines{padding:5px 12px 9px 38px}}.why-artisk{background:#fff;padding:120px 0;position:relative;overflow:hidden}.why-artisk .container{position:relative;z-index:1;max-width:1440px;width:100%;margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:center;gap:60px;box-sizing:border-box}@media(max-width:1439px){.why-artisk .container{padding:0 16px}}.war-head{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;text-align:center;margin:0}.war-title{font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:36px;line-height:44px;color:#242424;margin:0}.war-subtitle{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#656565;max-width:952px;margin:0}.war-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:24px;column-gap:24px;row-gap:60px;width:100%;max-width:1440px}.war-card{background:transparent;border:0;box-shadow:none;border-radius:16px;padding:0 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.war-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.war-icon svg{display:block}.war-card-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:20px;line-height:30px;color:#242424;margin:0}.war-card-desc{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#656565;margin:0}@media(max-width:900px){.war-grid{grid-template-columns:1fr;row-gap:40px}.why-artisk{padding:80px 0}}@media(max-width:640px){.war-title{font-size:28px;line-height:36px}.war-subtitle{font-size:16px;line-height:24px}}.testimonials{position:relative;background:#fff;padding:120px 0;overflow:hidden}.testimonials .container{position:relative;z-index:1;max-width:1440px;width:100%;margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:center;gap:60px;box-sizing:border-box}@media(max-width:1439px){.testimonials .container{padding:0 16px}}.ts-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;margin:0}.ts-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:36px;line-height:44px;color:#242424;margin:0}.ts-subtitle{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#656565;margin:0}.ts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%}.ts-card{min-height:390px;background:#ffffff4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:16px;box-shadow:0 8px 24px #959da533;padding:36px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.ts-card-content{display:flex;flex-direction:column;gap:24px}.ts-card-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:20px;line-height:30px;color:#242424;margin:0}.ts-quote{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#656565;margin:0}.ts-author{display:flex;align-items:center;gap:12px}.ts-avatar{width:52px;height:52px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.ts-author-meta{display:flex;flex-direction:column;gap:4px}.ts-author-name{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:16px;line-height:24px;color:#242424}.ts-author-role{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#656565;letter-spacing:.168px}@media(max-width:992px){.ts-grid{grid-template-columns:1fr}.testimonials{padding:80px 0}.testimonials .container{gap:40px}}@media(max-width:640px){.ts-title{font-size:28px;line-height:36px}.ts-subtitle{font-size:16px;line-height:24px}.ts-card{padding:24px;min-height:340px}}.faq{background:#fff;padding:120px 0;position:relative;overflow:hidden}.faq-layout{position:relative;z-index:1}.faq-bg,.faq-gradient{display:none}.faq-layout{max-width:1440px;width:100%;margin:0 auto;padding:0;display:flex;align-items:flex-start;justify-content:space-between;box-sizing:border-box}@media(max-width:1439px){.faq-layout{padding:0 16px}}.faq-aside{flex:0 0 auto;width:585px;max-width:100%;padding:24px 0;display:flex;flex-direction:column;gap:24px}.faq-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:36px;line-height:44px;color:#242424;margin:0}.faq-subtitle{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#656565;margin:0}.faq-list{flex:0 0 auto;width:708px;max-width:100%;display:flex;flex-direction:column;gap:2px}.faq-item{border-bottom:1px solid #656565}.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:36px 10px 36px 0;background:transparent;border:0;cursor:pointer;text-align:left}.faq-question{flex:1 1 0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:#242424}.faq-icon{flex:0 0 auto;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:24px;line-height:1;color:#242424;transition:transform .2s ease}.faq-item.open .faq-icon{transform:none}.faq-panel{overflow:hidden;transition:max-height .28s ease}.faq-answer{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#656565;margin:0 10px 24px 0}@media(max-width:992px){.faq{padding:80px 0}.faq-layout{flex-direction:column;gap:40px}.faq-aside,.faq-list{width:100%}}@media(max-width:640px){.faq-title{font-size:28px;line-height:36px}.faq-subtitle{font-size:16px;line-height:24px}.faq-trigger{padding:24px 4px 24px 0}}.ctab-banner{background:#fff;padding:120px 0}.ctab-banner .container{max-width:1440px;width:100%;margin:0 auto;padding:0;box-sizing:border-box}@media(max-width:1439px){.ctab-banner .container{padding:0 16px}}.ctab-card{position:relative;border-radius:24px;padding:48px;background:linear-gradient(104.28deg,#adff2f .4%,#adff2f1a 99.6%);display:flex;flex-direction:column;justify-content:center;gap:160px;width:100%}.ctab-title{font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:48px;line-height:60px;color:#242424;max-width:658px;margin:0}.ctab-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;height:58px;width:100%}.ctab-banner .ctab-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:16px 24px;border-radius:8px;background:#242424;color:#fafafa;text-decoration:none;transition:background .15s ease,transform .15s ease;border:0}.ctab-banner .ctab-btn:hover{background:#0f0f0f;transform:translateY(-1px)}.ctab-btn-text{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:#fafafa;text-align:center}.ctab-arrow{display:block;flex-shrink:0}.ctab-note{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#242424;max-width:293px;margin:0}@media(max-width:992px){.ctab-banner{padding:80px 0}.ctab-card{padding:36px;gap:80px}.ctab-title{font-size:36px;line-height:46px}}@media(max-width:640px){.ctab-card{padding:24px;gap:48px}.ctab-title{font-size:28px;line-height:36px}.ctab-footer{flex-direction:column;align-items:flex-start;height:auto;gap:16px}}.trusted{background:#f6f6f6;border-top:1px solid #eee;border-bottom:1px solid #eee;display:flex;align-items:center;padding:72px 0}.trusted .container{max-width:2400px;width:100%;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;align-items:center;gap:36px}.trusted-title{margin:0;text-align:center;color:#656565;font-size:20px;line-height:30px;font-weight:400;letter-spacing:.2px}.brand-row{display:flex;justify-content:center;align-items:center;gap:60px;flex-wrap:nowrap}.brand{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s ease,transform .2s ease}.brand img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media(prefers-color-scheme:dark){.trusted{background:#f6f6f6;border-color:#f6f6f6}.trusted-title{color:#a0a6ad}.brand{color:#9aa0a6}}.quote-headline{background:#fff;padding:120px 0}.quote-headline .container{max-width:1440px;margin:0 auto;padding:0 clamp(16px,4vw,64px);display:flex;justify-content:center}.quote-headline-text{font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:48px;line-height:60px;color:#222;text-align:center;max-width:952px;width:100%;margin:0}@media(max-width:768px){.quote-headline{padding:80px 0}.quote-headline-text{font-size:32px;line-height:42px}}.why-compare{background:#fff;padding:120px 0}.why-compare .container{max-width:1440px;width:100%;margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:center;gap:60px;box-sizing:border-box}@media(max-width:1439px){.why-compare .container{padding:0 16px}}.wc-head{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:830px;width:100%;text-align:center;margin:0}.wc-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:36px;line-height:44px;color:#222;margin:0;width:100%}.wc-subtitle{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#666;margin:0}.wc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%}.wc-card{background:#ffffff4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:16px;box-shadow:0 8px 24px #959da533;padding:36px;display:flex;flex-direction:column;gap:24px}.wc-card-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:20px;line-height:30px;color:#242424;margin:0}.wc-card-list{list-style:disc;padding-left:24px;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#656565}.wc-card-list li+li{margin-top:0}@media(max-width:992px){.wc-grid{grid-template-columns:1fr}.why-compare{padding:80px 0}.why-compare .container{gap:40px}}@media(max-width:640px){.wc-title{font-size:28px;line-height:36px}.wc-subtitle{font-size:16px;line-height:24px}.wc-card{padding:24px}}.green-glow{position:absolute;pointer-events:none;z-index:0;background-color:#adff2f33;border-radius:50%;filter:blur(100px);-webkit-filter:blur(100px)}:root{--bg-secondary: #F6F8FA}.home-page{position:relative;background:transparent;overflow:visible;padding-top:120px}.home-page>*{position:relative;z-index:1}@media(max-width:1024px){.home-page,.about-page,.insp-page,.pricing-page,.blog-page{overflow-x:hidden;max-width:100%}.home-page,.about-page,.insp-page,.pricing-page,.blog-page{padding-left:0;padding-right:0}.home-page img,.home-page video,.home-page iframe,.about-page img,.about-page video,.about-page iframe,.insp-page img,.insp-page video,.insp-page iframe,.pricing-page img,.pricing-page video,.pricing-page iframe,.blog-page img,.blog-page video,.blog-page iframe{max-width:100%;height:auto}.about-container,.pr-container,.insp-container,.how-container,.blog-container{max-width:100%;padding-left:16px;padding-right:16px}.home-page [class*=-row],.about-page [class*=-row],.insp-page [class*=-row],.pricing-page [class*=-row],.blog-page [class*=-row]{flex-wrap:wrap}.home-page h1,.about-page h1,.insp-page h1,.pricing-page h1,.blog-page h1{font-size:clamp(28px,5vw,48px);line-height:1.2}.home-page h2,.about-page h2,.insp-page h2,.pricing-page h2,.blog-page h2{font-size:clamp(24px,4vw,40px);line-height:1.25}.home-page h3,.about-page h3,.insp-page h3,.pricing-page h3,.blog-page h3{font-size:clamp(18px,3vw,28px);line-height:1.3}}@media(max-width:1024px){.about-hero{height:auto!important;min-height:0!important}.about-hero-image,.about-hero-img,.about-hero img{width:100%!important;height:auto!important;-o-object-fit:cover;object-fit:cover}.about-page [class*=-grid],.about-page [class*=-cols],.about-page [class*=-columns]{display:flex!important;flex-direction:column!important;gap:24px!important}}@media(max-width:1024px){.pr-plans,.pr-plans-row,.pr-plan-cards{flex-wrap:wrap!important;justify-content:center!important;gap:20px!important}.pr-plan,.pr-plan-card{flex:1 1 300px!important;max-width:420px!important;width:100%!important;min-width:0!important}.pr-compare,.pr-table{overflow-x:auto;max-width:100%}.cmp-grid{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;overflow-x:visible!important;gap:16px!important;width:100%!important}.cmp-card{flex:1 1 auto!important;width:100%!important;max-width:100%!important;min-width:0!important}}@media(max-width:1024px){.insp-search,.insp-head form{flex-wrap:wrap!important;gap:8px}.INsearch-input{flex:1 1 200px!important;min-width:0!important}.insp-tabs,.tab-list{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.insp-tabs::-webkit-scrollbar,.tab-list::-webkit-scrollbar{display:none}.insp-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:16px!important}.how-media--collage,.how-media--files{transform:scale(clamp(.5,calc(100vw / 720),1));transform-origin:top left}.how-media--editor img{width:100%!important;height:auto!important}.how-row{flex-direction:column!important;gap:24px!important}.how-row.reverse{flex-direction:column!important}}@media(max-width:1024px){.blog-scroller{--blog-card-w: 70vw !important;--blog-card-h: auto !important;max-width:100%!important}.blog-scroll-card{aspect-ratio:16 / 9!important;height:auto!important}.blog-grid-row{flex-direction:column!important;gap:24px!important}.blog-card{width:100%!important;height:auto!important;min-height:0!important;flex:1 1 auto!important}}@media(max-width:1024px){.home-page section,.home-page [class*=hero],.home-page [class*=showcase],.home-page [class*=features],.home-page [class*=trusted]{max-width:100%!important}.home-page [class*=split],.home-page [class*=two-col],.home-page [class*=columns],.home-page [class*=flex-row]{flex-wrap:wrap!important;gap:24px!important}}@media(max-width:640px){.about-container,.pr-container,.insp-container,.how-container,.blog-container{padding-left:12px;padding-right:12px}.home-page h1,.about-page h1,.insp-page h1,.pricing-page h1,.blog-page h1{font-size:clamp(24px,7vw,36px)}.insp-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.how-media--collage,.how-media--files{transform:scale(clamp(.35,calc(100vw / 900),1))}.pr-plan,.pr-plan-card{flex:1 1 100%!important;max-width:100%!important}}.about-page{position:relative;background:transparent;overflow:visible}.about-container{position:relative;z-index:1;max-width:1440px;width:100%;margin:0 auto;padding:0;box-sizing:border-box}@media(max-width:1439px){.about-container{padding:0 16px}}.about-hero{position:relative;width:100%;height:640px;overflow:hidden}.about-hero-image{position:absolute;inset:0}.about-hero-image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.about-hero-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:48px;line-height:60px;color:#242424;text-align:center;white-space:nowrap;margin:0;z-index:1}.about-story{background:#fff;padding:120px 0;position:relative}.about-story .about-container{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.about-story-heading{flex:0 0 auto;width:221px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:36px;line-height:44px;color:#242424;margin:0}.about-story-body{flex:0 0 auto;width:706px;max-width:100%;display:flex;flex-direction:column;gap:24px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#656565}.about-story-body p{margin:0}.about-mv{background:#fafafa;padding:120px 0;position:relative}.about-mv .about-container{display:flex;flex-direction:column;gap:60px}.about-mv-row{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%}.about-mv-copy{flex:0 0 auto;width:587px;display:flex;flex-direction:column;gap:24px}.about-mv-heading{display:flex;flex-direction:column;gap:12px}.about-mv-eyebrow{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:20px;line-height:30px;color:#a3a3a3;margin:0}.about-mv-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:30px;line-height:38px;color:#242424;margin:0}.about-mv-body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#656565;margin:0}.about-mv-media{flex:0 0 auto;width:708px;height:398px;border-radius:16px;overflow:hidden}.about-mv-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.about-values{background:#fff;padding:120px 0;position:relative;overflow:hidden}.about-values .about-container{display:flex;flex-direction:column;align-items:center;gap:60px}.about-values-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:36px;line-height:44px;color:#222;text-align:center;margin:0;width:100%}.about-values-title span{color:inherit}.about-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:24px;column-gap:24px;row-gap:60px;width:100%;max-width:1196px}.about-value-card{background:transparent;border-radius:16px;padding:0 12px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.about-value-head{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:20px;line-height:30px;color:#242424;margin:0}.about-value-desc{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#656565;margin:0}.about-serve{background:#fff;padding:120px 0;position:relative}.about-serve .about-container{display:flex;flex-direction:column;align-items:center;gap:60px}.about-serve-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:36px;line-height:44px;color:#242424;text-align:center;margin:0;width:100%}.about-serve-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%}.about-serve-card{aspect-ratio:1 / 1;background:#ffffff4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:16px;box-shadow:0 8px 24px #959da533;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;box-sizing:border-box}.about-serve-avatar{width:96px;height:96px;border-radius:100px;padding:10px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0}.about-serve-avatar-inner{width:56px;height:56px;background:#eaeaea;border-radius:16px}.about-serve-head{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:20px;line-height:30px;color:#242424;margin:0}.about-serve-desc{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#656565;margin:0}@media(max-width:992px){.about-hero-title{font-size:36px;line-height:48px}.about-story,.about-mv,.about-values,.about-serve{padding:80px 0}.about-story .about-container,.about-mv-row,.about-mv-row.reverse{flex-direction:column;gap:32px}.about-story-heading,.about-story-body,.about-mv-copy,.about-mv-media{width:100%}.about-mv-media{height:auto;aspect-ratio:708 / 398}.about-values-grid{grid-template-columns:1fr;row-gap:40px}.about-serve-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.about-values-title,.about-serve-title{font-size:28px;line-height:36px}.about-mv-title{font-size:24px;line-height:32px}.about-story-heading{font-size:28px;line-height:36px}.about-serve-grid{grid-template-columns:1fr}}.contact-page{padding:5rem 0;min-height:70vh}.contact-content{max-width:1000px;margin:0 auto}.contact-subtitle{font-size:1.25rem;color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 3rem}.contact-grid{display:grid;grid-template-columns:1fr;gap:3rem}.contact-info h2,.contact-form h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.contact-item{margin-bottom:1.5rem}.contact-item h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.contact-item p{color:var(--text-secondary);font-size:1rem}.contact-form{background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.form-group textarea{resize:vertical;min-height:100px}@media(min-width:768px){.contact-grid{grid-template-columns:1fr 1fr}}:root{--uc-text: #111;--uc-muted: #6b7280;--uc-border: #ececec;--uc-card-border: #e5e7eb;--uc-soft-border: #eff1f2;--uc-bg: #fff;--uc-card-bg: linear-gradient(180deg, #f7f7f7 0%, #f4f4f4 100%);--uc-shadow: 0 8px 28px rgba(20, 20, 20, .06);--uc-shadow-lg: 0 12px 30px rgba(0, 0, 0, .06);--uc-btn-shadow: 0 6px 18px rgba(0, 0, 0, .15);--uc-max-width: 1100px;--uc-side-padding: 16px;--uc-title-font: "Atyp Display", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.UCfeat{background:transparent;padding:64px 0 80px}.UCfeat-container,.UCsteps-container,.UCgal-container,.UCsustainable-container,.UCexplore-container{max-width:var(--uc-max-width);margin:0 auto;padding:0 var(--uc-side-padding)}.UCgal-head,.UCsustainable-head,.UCexplore-head,.UCfeat-head{text-align:center}.UCfeat-title,.UCgal-title,.UCsustainable-title,.UCexplore-title{font-family:var(--uc-title-font);font-size:38px;line-height:1.2;color:var(--uc-text)}.UCfeat-sub,.UCgal-sub,.UCsustainable-sub,.UCsteps-sub,.UCstep-desc,.UCexplore-card-desc,.UCs-card-desc{color:var(--uc-muted)}.UCgal-grid,.UCsustainable-grid,.UCexplore-grid{display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.UCfeat-cta,.UCstep-cta,.UCbtn.UCbtn-primary{border:1px solid rgba(0,0,0,.85);background:#111;color:#fff;cursor:pointer}.UCfeat-cta:hover,.UCstep-cta:hover,.UCbtn.UCbtn-primary:hover{background:#000}.checker,.UCs-checker{width:100%;background-color:#f8f8f8}.checker:before,.UCs-checker:before{content:"";display:block}.UCfeat-head{margin:0 0 28px}.UCfeat-title{margin:0 0 8px;font-weight:400;line-height:1.25}.UCfeat-sub{max-width:620px;margin:0 auto 14px;font-size:16px;line-height:1.7;font-weight:400}.UCfeat-cta{width:300px;height:45px;margin-top:20px;padding:10px 16px;border-radius:9999px;font-size:16px;font-weight:600;box-shadow:var(--uc-btn-shadow);transition:background .2s,transform .15s}.UCfeat-cta:active{transform:translateY(1px)}.UCfeat-stage{position:relative;width:100%;margin:24px auto 100px;border:1px solid var(--uc-border);border-radius:14px;background:linear-gradient(45deg,#e9e9e9 25%,transparent 25%) 0 0 / 48px 48px,linear-gradient(-45deg,#e9e9e9 25%,transparent 25%) 0 0 / 48px 48px,linear-gradient(45deg,transparent 75%,#e9e9e9 75%) 0 0 / 48px 48px,linear-gradient(-45deg,transparent 75%,#e9e9e9 75%) 0 0 / 48px 48px;background-color:#fff;box-shadow:inset 0 10px 26px #0000000d}.UCfeat-stage:before{content:"";display:block;padding-top:56.25%}.UCgallery{padding:40px 0 60px;background:transparent}.UCgal-head{margin-bottom:16px}.UCgal-title{max-width:560px;margin:30px auto 10px;font-weight:400;line-height:1.25}.UCgal-sub{max-width:680px;margin:0 auto 30px;font-size:16px;line-height:1.6;font-weight:400}.UCgal-grid{margin-top:22px}.UCgal-card{display:flex;flex-direction:column;gap:8px}.UCgal-media{aspect-ratio:1 / 1;overflow:hidden;border:1px solid var(--uc-border);border-radius:16px;background:#f8f8f8;box-shadow:var(--uc-shadow)}.UCgal-media img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.UCgal-meta{display:flex;align-items:center;justify-content:space-between;padding:0 2px;font-size:15px;font-weight:500;color:#374151}.UCgal-meta .brand,.UCgal-meta .likes{color:#111}.UCgal-meta .likes{display:inline-flex;align-items:center;gap:6px}.UCgal-more{display:flex;justify-content:center;margin-top:22px}.UCbtn.UCbtn-primary{display:inline-flex;align-items:center;justify-content:center;width:250px;height:40px;padding:0 18px;border-radius:9999px;font-size:16px;font-weight:600;box-shadow:var(--uc-btn-shadow)}.UCsteps{padding:100px 0 20px;background:transparent}.UCsteps-head{margin:0 0 50px}.UCsteps-title{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:38px;line-height:1.25;font-weight:400;color:var(--uc-text)}.UCsteps-sub{margin:4px 0 0;font-size:20px;font-weight:400}.UCstep-card{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:28px;margin:18px 0 28px;padding:70px;overflow:hidden;border:1px solid var(--uc-soft-border);border-radius:16px;background:#fff;box-shadow:var(--uc-shadow-lg)}.UCstep-card.reverse{grid-template-columns:1fr 1.2fr}.UCstep-card.reverse .UCstep-copy{order:2}.UCstep-card.reverse .UCstep-media{order:1}.UCstep-card.glow:after{content:"";position:absolute;inset:-20% -10% auto;height:120%;pointer-events:none;filter:blur(6px);background:radial-gradient(600px 240px at 75% 40%,rgba(152,236,119,.18),transparent 60%)}.UCstep-copy{min-width:0;padding-inline:70px}.UCstep-title{margin:0 0 8px;font-size:26px;font-weight:500;color:#111}.UCstep-desc{max-width:520px;margin:0 0 12px;font-size:16px;line-height:1.7;font-weight:400}.UCstep-cta{height:40px;margin-top:10px;padding:0 30px;border-radius:9999px;font-size:13px;font-weight:600;box-shadow:0 6px 16px #00000024}.UCstep-media{width:100%}.checker{border:1px solid #e8e8e8;border-radius:10px;background:linear-gradient(45deg,#e9e9e9 25%,transparent 25%) 0 0 / 32px 32px,linear-gradient(-45deg,#e9e9e9 25%,transparent 25%) 0 0 / 32px 32px,linear-gradient(45deg,transparent 75%,#e9e9e9 75%) 0 0 / 32px 32px,linear-gradient(-45deg,transparent 75%,#e9e9e9 75%) 0 0 / 32px 32px;box-shadow:inset 0 8px 20px #0000000a}.checker:before{padding-top:60%}.UCsustainable{padding:56px 0 72px;background:transparent}.UCsustainable-head{margin-bottom:42px}.UCsustainable-title{margin:40px 0 12px;font-weight:400}.UCsustainable-sub{max-width:980px;margin:0 auto;font-size:16px;line-height:1.45;font-weight:400}.UCs-card{display:flex;flex-direction:column;min-height:370px;padding:14px;border:1px solid var(--uc-card-border);border-radius:14px;background:var(--uc-card-bg)}.UCs-card-step{margin-bottom:14px;font-size:12px;line-height:1;color:#222}.UCs-card-title,.UCexplore-card-title{margin:0 0 8px;font-size:18px;line-height:1.3;font-weight:500;color:#222}.UCs-card-desc{max-width:240px;margin:0;font-size:14px;line-height:1.5}.UCs-card-media{margin-top:auto;padding-top:18px}.UCs-checker{overflow:hidden;border-radius:14px;background:linear-gradient(45deg,#ececec 25%,transparent 25%) 0 0 / 28px 28px,linear-gradient(-45deg,#ececec 25%,transparent 25%) 0 0 / 28px 28px,linear-gradient(45deg,transparent 75%,#ececec 75%) 0 0 / 28px 28px,linear-gradient(-45deg,transparent 75%,#ececec 75%) 0 0 / 28px 28px}.UCs-checker:before{padding-top:94%}.UCexplore{padding:80px 0 72px;background:transparent}.UCexplore-head{margin-bottom:42px;text-align:center}.UCexplore-title{margin:0;font-weight:500}.UCexplore-card{display:flex;flex-direction:column;justify-content:flex-start;min-height:88px;padding:14px 16px;border:1px solid var(--uc-card-border);border-radius:12px;background:var(--uc-card-bg)}.UCexplore-card-desc{max-width:240px;margin:0;font-size:14px;line-height:1.45}.UCbtn-loading{display:inline-flex;align-items:center;gap:8px}.UCbtn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:UCbtn-spin .8s linear infinite}@keyframes UCbtn-spin{to{transform:rotate(360deg)}}.UCbtn-primary:disabled{opacity:.7;cursor:not-allowed}@media(max-width:1100px){.UCgal-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.UCsustainable-grid,.UCexplore-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.UCstep-card,.UCstep-card.reverse{grid-template-columns:1fr}.UCstep-card.reverse .UCstep-copy,.UCstep-card.reverse .UCstep-media{order:unset}.UCstep-copy{padding-inline:16px}.checker:before{padding-top:56%}}@media(max-width:900px){.UCgal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.UCfeat-title,.UCgal-title,.UCsustainable-title,.UCexplore-title{font-size:24px}.UCfeat-sub{font-size:12.5px}.UCfeat-stage{border-radius:12px}.UCfeat-stage:before{padding-top:60%}.UCsustainable{padding:40px 0 56px}.UCexplore{padding:16px 0 56px}.UCsustainable-sub{font-size:14px;line-height:1.6}.UCsustainable-grid,.UCexplore-grid{grid-template-columns:1fr}.UCs-card{min-height:auto}}@media(max-width:520px){.UCgal-grid{grid-template-columns:1fr}}.pricing-page{position:relative;background:transparent;overflow:visible;padding-top:200px}.pricing-page>*{position:relative;z-index:1}.pr-container{max-width:1440px;width:100%;margin:0 auto;padding:0;box-sizing:border-box}@media(max-width:1439px){.pr-container{padding:0 16px}}.pr-hero{background:#fff;padding:0 0 120px}.pr-container{display:flex;flex-direction:column;align-items:center;gap:0}.pr-hero .pr-container>.pr-head{margin-bottom:120px}.pr-hero .pr-container>.pr-toggle-block{margin-bottom:24px}.pr-head{width:952px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:36px;text-align:center}.pr-heading{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.pr-title-block{display:flex;flex-direction:column;align-items:center}.pr-title{font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:48px;line-height:60px;color:#222;margin:0}.pr-subtitle{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#656565;margin:0}.pr-lead{display:flex;gap:16px;align-items:stretch;width:100%}.pr-input{flex:1 1 0;min-width:0;height:48px;padding:10px 25px;border-radius:8px;border:1px solid #aaa;background:#fff;color:#242424;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:24px;outline:none;box-shadow:none}.pr-input::-moz-placeholder{color:#9e9e9e}.pr-input::placeholder{color:#9e9e9e}.pr-hero .pr-start{flex:0 0 auto;width:260px;height:48px;padding:16px 24px;border-radius:8px;border:0;background:#242424;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:16px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:none}.pr-hero .pr-start:hover{background:#1a1a1a}.pr-toggle-block{display:flex;flex-direction:column;align-items:center;gap:10px}.pr-save{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;color:#242424;text-align:center}.pr-switch{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;background:#00000008;border:1px solid rgba(190,190,190,.65);border-radius:100px;padding:4px;height:48px;box-sizing:border-box;gap:0;overflow:visible;box-shadow:none}.pr-switch:before{content:none}.pr-switch .pr-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;height:100%;width:128px;padding:10px;border-radius:100px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:16px;line-height:24px;color:#242424;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;box-sizing:border-box}.pr-switch .pr-pill.active{background:#adff2f;border:1px solid rgba(255,255,255,.65)}.pr-switch .pr-pill:focus-visible{outline:2px solid rgba(0,0,0,.3);outline-offset:2px}.pr-plans-section{width:100%;max-width:1440px;display:flex;flex-direction:column;gap:16px}.pr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:stretch}.pr-grid-side{display:flex;flex-direction:column;gap:24px;height:100%}.pr-card{position:relative;display:flex;flex-direction:column;gap:20px;background:#ffffff4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:16px;padding:36px;box-shadow:0 8px 24px #959da533;overflow:visible;box-sizing:border-box}.pr-card.accent{border:1px solid #adff2f}.pr-grid-side .pr-card{flex:1 1 auto}.pr-card-head{display:flex;flex-direction:column;gap:6px;min-height:auto}.pr-plan{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:20px;line-height:22px;color:#000;margin:0}.pr-blurb{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#000;margin:0}.pr-price-wrap{display:flex;flex-direction:column;justify-content:flex-end;min-height:36px}.pr-price-row{display:flex;align-items:baseline;gap:6px;height:36px}.pr-price{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:32px;line-height:36px;color:#000;white-space:nowrap}.pr-price.pr-price--sm{font-size:28px}.pr-per{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:14px;line-height:18px;color:#6d6d6d;white-space:nowrap}.pr-cta{width:100%}.pr-card .PRbtn,.pr-card .PRbtn-primary,.pr-card .PRbtn-long{width:100%;height:auto;min-height:40px;padding:10px 12px;border-radius:8px!important;background:#000!important;color:#fbfbfb!important;border:0!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700!important;font-size:14px!important;line-height:20px!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none!important;transition:background .2s ease}.pr-card .PRbtn:hover:not(:disabled){background:#1a1a1a!important}.pr-featuresGeneratorPage{display:flex;flex-direction:column;gap:16px}.pr-feat-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#000}.pr-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pr-feat{display:flex;align-items:flex-start;gap:8px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#000}.pr-feat-icon{width:18px;height:18px;flex-shrink:0;margin:1px}.pr-feat .dot{display:none}.pr-disclaimer{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#353538;text-align:center;margin:0;padding:16px 36px}.pricing-page .trusted{background:#fafafa;padding:102px 0;margin:0;width:100%;border-top:0;border-bottom:0}.pricing-page .trusted .container{max-width:1440px;margin:0 auto;padding:0 16px;gap:36px}.pr-compare{background:#fff;padding:120px 0 0;margin:0}.cmp-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:36px;line-height:44px;color:#242424;text-align:center;margin:0 0 60px}.cmp-grid{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;gap:24px;margin:0;width:100%;max-width:1440px}.cmp-card{position:relative;flex:0 0 342px;width:342px;height:328px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;padding:48px 36px;border-radius:16px;border:1px solid rgba(255,255,255,.7);background:#ffffff4d;box-shadow:0 8px 24px #959da533,-9.144px -9.144px 30.479px #ffffff26 inset,12.192px 12.192px 36.575px -9.144px #ffffff26 inset;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-sizing:border-box;aspect-ratio:auto}.cmp-card.accent{border:1px solid #adff2f}.cmp-head{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:20px;line-height:30px;color:#242424;text-align:center;width:100%}.cmp-price-row{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;width:100%}.cmp-price{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:36px;line-height:1.1;color:#242424;margin:0}.cmp-price-row.is-high .cmp-price{color:#ff4f4f}.cmp-unit{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#656565;text-align:center}.cmp-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cmp-feats li{display:flex;align-items:center;gap:8px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#242424}.cmp-icon{width:20px;height:20px;flex-shrink:0;display:block}.cmp-feats .tick,.cmp-feats .minus{display:none}.cmp-banner{margin:24px 0 0;padding:16px 36px;border-radius:16px;background:transparent;color:#242424;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:20px;line-height:30px;text-align:center;box-shadow:none;border:0}.pricing-page .testimonials{padding-top:240px}.pr-card.is-current{border:2px solid #c8ff00}.pr-current-badge{position:absolute;top:-1px;right:-1px;background:#c8ff00;color:#1a1a1a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:700;padding:4px 12px;border-radius:0 16px 0 8px;text-transform:uppercase;letter-spacing:.5px}.pr-card .pr-current-plan-btn{background:#1a1a1a!important;color:#fff!important;cursor:pointer}.pr-card .pr-current-plan-btn:hover{background:#333!important}.pr-card .pr-lower-plan-btn{background:#000!important;color:#fbfbfb!important;cursor:not-allowed}.pr-card .pr-upgrade-btn{background:#000!important;color:#fbfbfb!important}.pr-card .pr-upgrade-btn:hover{background:#1a1a1a!important}@media(max-width:1439px){.pr-grid,.cmp-grid{grid-template-columns:repeat(2,1fr)}.pr-grid-side{flex-direction:row;grid-column:span 2}.pr-grid-side .pr-card{flex:1 1 0}}@media(max-width:900px){.pr-title{font-size:36px;line-height:44px}.pr-subtitle{font-size:16px;line-height:24px}.pr-lead{flex-direction:column}.pr-hero .pr-start{width:100%}.pr-grid,.cmp-grid{grid-template-columns:1fr}.pr-grid-side{flex-direction:column;grid-column:span 1}.cmp-title{font-size:28px;line-height:36px}}.insp-page{position:relative;background:transparent;overflow:visible;padding-top:200px}.insp-page>*{position:relative;z-index:1}.insp-container,.how-container{max-width:1440px;width:100%;margin:0 auto;padding:0;box-sizing:border-box}@media(max-width:1439px){.insp-container,.how-container{padding:0 16px}}.insp{background:#fff;padding:0 0 120px}.insp-container{display:flex;flex-direction:column;align-items:center;gap:120px}.insp-head{width:952px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:36px;text-align:center}.insp-heading{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.insp-title{font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:48px;line-height:60px;color:#222;margin:0}.insp-subtitle{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#656565;margin:0}.insp-search{margin-top:0;display:flex;align-items:stretch;gap:16px;width:100%}.INsearch-input{flex:1 1 0;min-width:0;height:48px;padding:10px 25px;border-radius:8px;border:1px solid #aaa;background:#fff;color:#242424;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:24px;outline:none}.INsearch-input::-moz-placeholder{color:#9e9e9e}.INsearch-input::placeholder{color:#9e9e9e}.insp .INbtn-search{flex:0 0 auto;width:148px;height:48px;padding:16px 24px;border-radius:8px;border:0;background:#000;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.insp .INbtn-search:hover{background:#111}.insp-logos{width:100%;max-width:1440px;align-self:stretch;display:flex;flex-direction:column;align-items:stretch;gap:36px}.insp-tabs{width:100%;display:flex;align-items:center;gap:26px}.filter-INbtn{flex:0 0 auto;width:120px;height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #a3a3a3;background:#fff;border-radius:14px;color:#333;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:16px;cursor:pointer;box-sizing:border-box}.filter-INbtn img{width:24px;height:24px;flex-shrink:0}.tab-list{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap}.tab-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#fff;height:40px;padding:12px 24px;border-radius:91px;color:#333;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:16px;line-height:24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.tab-pill.active{background:#f2f2f2}.insp-grid{width:100%;display:grid;grid-template-columns:repeat(4,342px);justify-content:center;gap:16px 24px}.insp-card{width:342px;display:flex;flex-direction:column;background:transparent;border:0;box-shadow:none;overflow:visible}.card-media{width:342px;height:342px;border-radius:16px;overflow:hidden;background:#f8f8f8;border:1px solid #d2d2d2;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}.card-media:focus-visible{outline:2px solid #101828;outline-offset:2px}.card-media img{transition:filter .15s ease}.card-media:hover img{filter:brightness(.9)}.card-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.card-meta{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 4px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.card-meta .brand{font-weight:500;font-size:14px;line-height:20px;letter-spacing:.084px;color:#333}.likes{display:inline-flex;align-items:center;gap:4px;color:#333}.likes img{width:20px;height:20px;flex-shrink:0}.likes-num{min-width:25px;text-align:center;font-weight:500;font-size:14px;line-height:20px;letter-spacing:.084px;color:#333}.insp-more{display:flex;justify-content:center;width:100%}.INbtn-discover{width:180px;height:48px;padding:16px 24px;border-radius:8px;border:0;background:#242424;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:16px;line-height:24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.INbtn-discover:hover{background:#1a1a1a}.showcase{background:#fff;padding:120px 0;display:flex;flex-direction:column;align-items:stretch;gap:60px;overflow:hidden}.show-head{width:952px;max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:48px;text-align:center;padding:0 16px;box-sizing:border-box}.show-heading{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.show-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:36px;line-height:44px;color:#000;margin:0}.show-desc{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#656565;margin:0}.show-cta{display:flex;justify-content:center;margin:0}.INbtn-start{width:180px;height:48px;padding:16px 10px;border-radius:8px;border:0;background:#242424;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:16px;line-height:24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.INbtn-start:hover{background:#1a1a1a}.show-stage{position:relative;width:100%;align-self:stretch;aspect-ratio:1920 / 1080;overflow:hidden;background:#f5f6f7;border-top:1px solid #aaa;border-bottom:1px solid #aaa}.show-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .6s ease}.show-slide.active{opacity:1}.show-dots{display:inline-flex;align-items:center;justify-content:center;gap:15px;margin:0 auto;padding:0}.show-dots .dot{width:12px;height:12px;border-radius:76px;background:#cfcfcf;border:0;cursor:pointer;padding:0}.show-dots .dot.active{background:#cf0}.how{background:#f6f6f6;padding:120px 0}.how-container{display:flex;flex-direction:column;align-items:center;gap:60px}.how-title{width:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:36px;line-height:44px;color:#242424;text-align:center}.how-row{width:100%;display:flex;align-items:center;justify-content:center;gap:146px}.how-row.reverse .how-copy{order:1}.how-row.reverse .how-media{order:2}.how-media{flex:0 0 auto;width:708px;height:472px;border-radius:24px;position:relative;overflow:hidden;box-shadow:none}.how-media-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:24px;pointer-events:none;z-index:0}.how-media-bg--extra{opacity:.4;mix-blend-mode:soft-light}.how-media--collage{background:#fff}.how-tile{position:absolute;overflow:hidden;background:#ffffff4d;backdrop-filter:blur(11.7px);-webkit-backdrop-filter:blur(11.7px);border:.585px solid rgba(255,255,255,.7);box-shadow:0 4.683px 14.049px #959da533;box-sizing:border-box;z-index:1}.how-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.how-media--editor{background:#fff}.how-media--editor>img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:24px}.how-media--files{background:#fff}.how-file{position:absolute;width:310px;height:232px;border-radius:12px;background:#fff;box-shadow:0 9.718px 29.155px #959da533,0 18.222px 30.37px #61392940;overflow:hidden;display:flex;flex-direction:column;z-index:1}.how-file-title{width:100%;height:50px;background:#adff2f;color:#242424;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;box-sizing:border-box;gap:13px;flex-shrink:0;position:relative;z-index:2}.how-file-download{width:16px;height:16px;flex-shrink:0}.how-file-download--sm{width:14px;height:14px}.how-file-body{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.how-file-letters-text{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:90px;line-height:1;color:#000;position:relative;z-index:1}.how-file-svgpic{position:absolute;left:55px;top:89px;width:200px;height:82px;-o-object-fit:contain;object-fit:contain;pointer-events:none;z-index:1}.how-file--svg{left:347px;top:17px;background:#fff;z-index:2}.how-file--jpg{left:47px;top:111px;background:#ffffffa8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:3}.how-file--png{left:284px;top:268px;background:#fff;z-index:4}.how-file--jpg .how-file-body{background:#fff}.how-file--png .how-file-body{background:transparent}.how-file-checker{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0;pointer-events:none}.how-file-cursor{position:absolute;left:492px;top:297px;width:97px;height:48px;display:flex;align-items:flex-end;gap:4px;z-index:10;pointer-events:none}.how-file-cursor-download{width:20px;height:20px;flex-shrink:0;align-self:flex-start}.how-file-title-cursor-arrow{width:14px;height:20px;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.how-file-cursor-tag{background:#7ccc00;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:14px;line-height:18px;padding:2px 10px;border-radius:3px;box-shadow:0 1.806px 2.258px #00000030;align-self:flex-end}.how-copy{flex:0 0 auto;width:587px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;box-sizing:border-box}.how-subtitle{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:24px;line-height:32px;color:#222;display:flex;align-items:baseline;gap:12px}.how-step{font-weight:500;font-size:24px;line-height:32px;color:#222;flex-shrink:0}.how-desc{margin:0 0 0 36px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#656565;max-width:551px}@media(max-width:1439px){.insp-grid{grid-template-columns:repeat(4,1fr)}.insp-card,.card-media{width:100%}.card-media{height:auto;aspect-ratio:1 / 1}.how-row{gap:48px}.how-media{width:min(708px,60%);height:auto;aspect-ratio:708 / 472}.how-copy{width:auto;flex:1 1 0;min-width:0}}@media(max-width:1100px){.insp-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.insp-grid{grid-template-columns:repeat(2,1fr)}.insp-title{font-size:36px;line-height:44px}.insp-subtitle{font-size:16px;line-height:24px}.how-row,.how-row.reverse{flex-direction:column;gap:36px}.how-row.reverse .how-copy,.how-row.reverse .how-media{order:unset}.how-media,.how-copy{width:100%}}@media(max-width:520px){.insp-grid{grid-template-columns:1fr}.insp-search{flex-direction:column}.insp .INbtn-search{width:100%}}:root{--FGfeat-text:#111;--FGfeat-muted:#6b7280;--FGfeat-border:#ececec;--FGfeat-bg:#fff}.FGfeat{background:transparent;padding:64px 0 80px}.FGfeat-container{max-width:1100px;margin:0 auto;padding:0 16px}.FGfeat-head{text-align:center;margin:0 0 28px}.FGfeat-title{margin:0 0 8px;font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:38px;line-height:1.25;color:var(--FGfeat-text)}.FGfeat-sub{margin:0 auto 14px;max-width:620px;font-size:16px;line-height:1.7;color:var(--FGfeat-muted);font-weight:400}.FGfeat-cta{height:45px;padding:10px 16px;border-radius:9999px;border:1px solid rgba(0,0,0,.85);width:300px;background:#111;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #00000026;transition:background .2s,transform .15s;font-size:16px;margin-top:20px}.FGfeat-cta:hover{background:#000}.FGfeat-cta:active{transform:translateY(1px)}.FGfeat-stage{position:relative;margin:24px auto 100px;width:100%;border-radius:14px;border:1px solid var(--FGfeat-border);background:linear-gradient(45deg,#e9e9e9 25%,transparent 25%) 0 0/48px 48px,linear-gradient(-45deg,#e9e9e9 25%,transparent 25%) 0 0/48px 48px,linear-gradient(45deg,transparent 75%,#e9e9e9 75%) 0 0/48px 48px,linear-gradient(-45deg,transparent 75%,#e9e9e9 75%) 0 0/48px 48px;background-color:#fff;box-shadow:inset 0 10px 26px #0000000d}.FGfeat-stage:before{content:"";display:block;padding-top:56.25%}@media(max-width:640px){.FGfeat-title{font-size:24px}.FGfeat-sub{font-size:12.5px}.FGfeat-stage{border-radius:12px}.FGfeat-stage:before{padding-top:60%}}.FGsteps{padding:100px 0 20px;background:transparent}.FGsteps-container{max-width:1100px;margin:0 auto;padding:0 16px}.FGsteps-head{margin:0 0 50px}.FGsteps-title{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:38px;line-height:1.25;color:var(--FGfeat-text)}.FGsteps-sub{margin:4px 0 0;color:var(--FGfeat-muted);font-size:20px;font-weight:400}.FGstep-card{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding:26px;border-radius:16px;background:#fff;border:1px solid #eff1f2;box-shadow:0 12px 30px #0000000f;overflow:hidden;margin:18px 0 28px}.FGstep-card.reverse{grid-template-columns:1fr 1.2fr}.FGstep-card.reverse .FGstep-copy{order:2}.FGstep-card.reverse .FGstep-media{order:1}.FGstep-card.glow:after{content:"";position:absolute;inset:-20% -10% auto;height:120%;background:radial-gradient(600px 240px at 75% 40%,rgba(152,236,119,.18),transparent 60%);pointer-events:none;filter:blur(6px)}.FGstep-copy{min-width:0;padding-inline:70px}.FGstep-tag{height:40px;width:74px;display:inline-block;padding:13px 14px;border-radius:999px;background:#f3f4f6;color:#111;font-size:14px;line-height:1;margin-bottom:10px;font-weight:500}.FGstep-title{margin:0 0 8px;font-size:26px;font-weight:500;color:#111}.FGstep-desc{margin:0 0 12px;color:var(--FGfeat-muted);font-size:16px;line-height:1.7;max-width:520px;font-weight:400}.FGstep-cta{height:40px;padding:0 30px;border-radius:9999px;border:1px solid rgba(0,0,0,.85);background:#111;color:#fff;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 6px 16px #00000024;margin-top:10px}.FGstep-cta:hover{background:#000}.FGstep-media{width:100%}@media(max-width:980px){.FGstep-card,.FGstep-card.reverse{grid-template-columns:1fr}.FGstep-card.reverse .FGstep-copy,.FGstep-card.reverse .FGstep-media{order:unset}.checker:before{padding-top:56%}.FGstep-copy{padding-inline:16px}}.FGgallery{padding:40px 0 60px;background:transparent}.FGgal-container{max-width:1100px;margin:0 auto;padding:0 16px}.FGgal-head{text-align:center;margin-bottom:16px}.FGgal-title{margin:30px 0 8px;font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:38px;line-height:1.25;color:var(--FGfeat-text)}.FGgal-sub{margin:0 auto;max-width:880px;color:var(--FGfeat-muted);font-size:16px;line-height:1.6;font-weight:400}.FGgal-grid{margin-top:22px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.FGgal-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.FGgal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.FGgal-grid{grid-template-columns:1fr}}.FGgal-card{background:transparent;border:0;box-shadow:none;display:flex;flex-direction:column;gap:8px}.FGgal-media{aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#f8f8f8;border:1px solid #ececec;box-shadow:0 8px 28px #1414140f}.FGgal-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.FGgal-meta{padding:0 2px;display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#374151;font-weight:500}.FGgal-meta .brand{font-weight:500;color:#111}.FGgal-meta .likes{display:inline-flex;align-items:center;gap:6px;color:#111}.FGgal-more{display:flex;justify-content:center;margin-top:22px}.FGbtn.FGbtn-primary{display:inline-flex;align-items:center;justify-content:center;width:250px;height:40px;border-radius:9999px;padding:0 18px;font-weight:600;cursor:pointer;font-size:16px;border:1px solid rgba(0,0,0,.85);background:#111;color:#fff;box-shadow:0 6px 18px #00000026}.FGbtn.FGbtn-primary:hover{background:#000}.FGwhy-artisk{padding:56px 0 72px;max-width:1080px;width:100%;margin-inline:auto}.FGwa-head{text-align:start;margin-bottom:22px}.FGwa-title{font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:38px;line-height:36px;color:var(--text-primary);margin-top:20px}.FGwa-subtitle{margin-top:10px;margin-bottom:40px;color:var(--text-secondary);font-size:16px;font-weight:400}.FGwa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.FGwa-card{aspect-ratio:1 / 1;background:#fff;border:1px solid var(--gray-200, #ececec);border-radius:16px;box-shadow:0 8px 28px #1414140f;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;padding:24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.FGwa-card:hover{transform:translateY(-2px);box-shadow:0 12px 34px #14141414;border-color:var(--gray-300, #e5e7eb)}.FGwa-icon{width:56px;height:56px;font-size:30px;display:grid;place-items:center;border-radius:14px;background:#f8f8f9;border:1px solid #eee}.FGwa-card-title{font-weight:700;font-size:16px;color:var(--text-primary)}.FGwa-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.6;max-width:32ch;margin-inline:auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.FGwa-cta{display:flex;justify-content:center;margin-top:22px}.FGwhy-artisk .FGwa-cta .FGbtn{display:inline-flex;align-items:center;justify-content:center;background:#000;color:#fff;border:1px solid rgba(0,0,0,.85);border-radius:9999px;height:40px;padding:0 20px;font-weight:700;line-height:1;width:200px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.FGwhy-artisk .FGwa-cta .FGbtn.FGbtn-primary{background:#000;color:#fff}.FGwhy-artisk .FGwa-cta .FGbtn:hover{background:#0f0f0f;transform:translateY(-1px);box-shadow:0 10px 24px #0000002e}.FGwhy-artisk .FGwa-cta .FGbtn:active{transform:translateY(0);box-shadow:0 6px 16px #00000024}.FGwhy-artisk .FGwa-cta .FGbtn:focus-visible{outline:none;box-shadow:0 0 0 4px #ccff008c}@media(max-width:1024px){.FGwa-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.FGwa-grid{grid-template-columns:1fr}.FGwa-title{font-size:24px;line-height:32px}}:root{--BKfeat-text:#111;--BKfeat-muted:#6b7280;--BKfeat-border:#ececec;--BKfeat-bg:#fff}.BKfeat{background:transparent;padding:64px 0 80px}.BKfeat-container{max-width:1100px;margin:0 auto;padding:0 16px}.BKfeat-head{text-align:center;margin:0 0 28px}.BKfeat-title{margin:0 0 8px;font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:38px;line-height:1.25;color:var(--BKfeat-text)}.BKfeat-sub{margin:0 auto 14px;max-width:620px;font-size:16px;line-height:1.7;color:var(--BKfeat-muted);font-weight:400}.BKfeat-cta{height:48px;padding:0 30px;border-radius:9999px;border:1px solid rgba(0,0,0,.85);background:#111;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #00000026;transition:background .2s,transform .15s;font-size:16px;margin-bottom:20px}.BKfeat-cta:hover{background:#000}.BKfeat-cta:active{transform:translateY(1px)}.BKfeat-stage{position:relative;margin:24px auto 100px;width:100%;border-radius:14px;border:1px solid var(--BKfeat-border);background:linear-gradient(45deg,#e9e9e9 25%,transparent 25%) 0 0/48px 48px,linear-gradient(-45deg,#e9e9e9 25%,transparent 25%) 0 0/48px 48px,linear-gradient(45deg,transparent 75%,#e9e9e9 75%) 0 0/48px 48px,linear-gradient(-45deg,transparent 75%,#e9e9e9 75%) 0 0/48px 48px;background-color:#fff;box-shadow:inset 0 10px 26px #0000000d}.BKfeat-stage:before{content:"";display:block;padding-top:56.25%}@media(max-width:640px){.BKfeat-title{font-size:24px}.BKfeat-sub{font-size:12.5px}.BKfeat-stage{border-radius:12px}.BKfeat-stage:before{padding-top:60%}}.BKsteps{padding:100px 0 20px;background:transparent}.BKsteps-container{max-width:1100px;margin:0 auto;padding:0 16px}.BKsteps-head{margin:0 0 50px}.BKsteps-title{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:38px;line-height:1.25;color:var(--BKfeat-text)}.BKsteps-sub{margin:4px 0 0;color:var(--BKfeat-muted);font-size:20px;font-weight:400}.BKstep-card{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding:26px;border-radius:16px;background:#fff;border:1px solid #eff1f2;box-shadow:0 12px 30px #0000000f;overflow:hidden;margin:18px 0 28px}.BKstep-card.reverse{grid-template-columns:1fr 1.2fr}.BKstep-card.reverse .BKstep-copy{order:2}.BKstep-card.reverse .BKstep-media{order:1}.BKstep-card.glow:after{content:"";position:absolute;inset:-20% -10% auto;height:120%;background:radial-gradient(600px 240px at 75% 40%,rgba(152,236,119,.18),transparent 60%);pointer-events:none;filter:blur(6px)}.BKstep-copy{min-width:0;padding-inline:70px}.BKstep-tag{height:40px;width:74px;display:inline-block;padding:13px 14px;border-radius:999px;background:#f3f4f6;color:#111;font-size:14px;line-height:1;margin-bottom:10px;font-weight:500}.BKstep-title{margin:0 0 8px;font-size:26px;font-weight:500;color:#111}.BKstep-desc{margin:0 0 12px;color:var(--FGfeat-muted);font-size:16px;line-height:1.7;max-width:520px;font-weight:400}.BKstep-cta{height:40px;padding:0 30px;border-radius:9999px;border:1px solid rgba(0,0,0,.85);background:#111;color:#fff;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 6px 16px #00000024;margin-top:10px}.BKstep-cta:hover{background:#000}.BKstep-media{width:100%}@media(max-width:980px){.BKstep-card,.BKstep-card.reverse{grid-template-columns:1fr}.BKstep-card.reverse .BKstep-copy,.BKstep-card.reverse .BKstep-media{order:unset}.checker:before{padding-top:56%}.BKstep-copy{padding-inline:16px}}.bkgal-title{margin:30px 0 8px;font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:38px;line-height:1.25;color:var(--FGfeat-text)}:root{--feat-text:#111;--feat-muted:#6b7280;--feat-border:#ececec;--feat-bg:#fff}.feat{background:transparent;padding:64px 0 80px}.feat-container{max-width:1100px;margin:0 auto;padding:0 16px}.feat-head{text-align:center;margin:0 0 28px}.feat-title{margin:0 auto 14px;font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:38px;line-height:1.25;color:var(--BKfeat-text);max-width:720px}.feat-sub{margin:0 auto 14px;max-width:620px;font-size:16px;line-height:1.7;color:var(--BKfeat-muted);font-weight:400}.feat-cta{height:48px;padding:0 30px;border-radius:9999px;border:1px solid rgba(0,0,0,.85);background:#111;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #00000026;transition:background .2s,transform .15s;font-size:16px;margin-bottom:20px}.feat-cta:hover{background:#000}.feat-cta:active{transform:translateY(1px)}.feat-stage{position:relative;margin:24px auto 100px;width:100%;border-radius:14px;border:1px solid var(--feat-border);background:linear-gradient(45deg,#e9e9e9 25%,transparent 25%) 0 0/48px 48px,linear-gradient(-45deg,#e9e9e9 25%,transparent 25%) 0 0/48px 48px,linear-gradient(45deg,transparent 75%,#e9e9e9 75%) 0 0/48px 48px,linear-gradient(-45deg,transparent 75%,#e9e9e9 75%) 0 0/48px 48px;background-color:#fff;box-shadow:inset 0 10px 26px #0000000d}.feat-stage:before{content:"";display:block;padding-top:56.25%}@media(max-width:640px){.feat-title{font-size:24px}.feat-sub{font-size:12.5px}.feat-stage{border-radius:12px}.feat-stage:before{padding-top:60%}}.steps{padding:100px 0 20px;background:transparent}.steps-container{max-width:1100px;margin:0 auto;padding:0 16px}.steps-head{margin:0 0 50px}.steps-title{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:38px;line-height:1.25;color:var(--BKfeat-text)}.steps-sub{margin:4px 0 0;color:var(--BKfeat-muted);font-size:20px;font-weight:400}.step-card{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding:26px;border-radius:16px;background:#fff;border:1px solid #eff1f2;box-shadow:0 12px 30px #0000000f;overflow:hidden;margin:18px 0 28px}.step-card.reverse{grid-template-columns:1fr 1.2fr}.step-card.reverse .step-copy{order:2}.step-card.reverse .step-media{order:1}.step-card.glow:after{content:"";position:absolute;inset:-20% -10% auto;height:120%;background:radial-gradient(600px 240px at 75% 40%,rgba(152,236,119,.18),transparent 60%);pointer-events:none;filter:blur(6px)}.step-copy{min-width:0;padding-inline:70px}.step-tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#f3f4f6;color:#111;font-size:11.5px;line-height:1;margin-bottom:10px}.step-title{margin:0 0 8px;font-size:26px;font-weight:500;color:#111}.step-desc{margin:0 0 12px;color:var(--FGfeat-muted);font-size:16px;line-height:1.7;max-width:520px;font-weight:400}.step-cta{height:40px;padding:0 30px;border-radius:9999px;border:1px solid rgba(0,0,0,.85);background:#111;color:#fff;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 6px 16px #00000024;margin-top:10px}.step-cta:hover{background:#000}.step-media{width:100%}.checker{width:100%;border-radius:10px;border:1px solid #e8e8e8;background:linear-gradient(45deg,#e9e9e9 25%,transparent 25%) 0 0/32px 32px,linear-gradient(-45deg,#e9e9e9 25%,transparent 25%) 0 0/32px 32px,linear-gradient(45deg,transparent 75%,#e9e9e9 75%) 0 0/32px 32px,linear-gradient(-45deg,transparent 75%,#e9e9e9 75%) 0 0/32px 32px;background-color:#fff;box-shadow:inset 0 8px 20px #0000000a}.checker:before{content:"";display:block;padding-top:60%}@media(max-width:980px){.step-card,.step-card.reverse{grid-template-columns:1fr}.step-card.reverse .step-copy,.step-card.reverse .step-media{order:unset}.checker:before{padding-top:56%}.step-copy{padding-inline:16px}}.btn.btn-primary{display:inline-flex;align-items:center;justify-content:center;width:250px;height:40px;border-radius:9999px;padding:0 18px;font-weight:700;cursor:pointer;border:1px solid rgba(0,0,0,.85);background:#111;color:#fff;box-shadow:0 6px 18px #00000026}.btn.btn-primary:hover{background:#000}.why-artisk{padding:56px 0 72px}.wa-head{text-align:start;margin-bottom:22px}.wa-title{font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:28px;line-height:36px;color:var(--text-primary)}.wa-subtitle{margin-top:6px;color:var(--text-secondary);font-size:14px}.wa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.wa-card{aspect-ratio:1 / 1;background:#fff;border:1px solid var(--gray-200, #ececec);border-radius:16px;box-shadow:0 8px 28px #1414140f;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;padding:24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.wa-card:hover{transform:translateY(-2px);box-shadow:0 12px 34px #14141414;border-color:var(--gray-300, #e5e7eb)}.wa-icon{width:56px;height:56px;font-size:30px;display:grid;place-items:center;border-radius:14px;background:#f8f8f9;border:1px solid #eee}.wa-card-title{font-weight:700;font-size:16px;color:var(--text-primary)}.wa-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.6;max-width:32ch;margin-inline:auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.wa-cta{display:flex;justify-content:center;margin-top:22px}.why-artisk .wa-cta .btn{display:inline-flex;align-items:center;justify-content:center;background:#000;color:#fff;border:1px solid rgba(0,0,0,.85);border-radius:9999px;height:40px;padding:0 20px;font-weight:700;line-height:1;width:200px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.why-artisk .wa-cta .btn.btn-primary{background:#000;color:#fff}.why-artisk .wa-cta .btn:hover{background:#0f0f0f;transform:translateY(-1px);box-shadow:0 10px 24px #0000002e}.why-artisk .wa-cta .btn:active{transform:translateY(0);box-shadow:0 6px 16px #00000024}.why-artisk .wa-cta .btn:focus-visible{outline:none;box-shadow:0 0 0 4px #ccff008c}@media(max-width:1024px){.wa-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.wa-grid{grid-template-columns:1fr}.wa-title{font-size:24px;line-height:32px}}.bkgallery{padding:40px 0 80px;background:transparent}.bkgal-container{max-width:1100px;margin:0 auto;padding:0 16px}.bkgal-head{text-align:center;margin-bottom:24px}.bkgal-title{margin:30px 0 8px;font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:38px;line-height:1.25;color:var(--FGfeat-text)}.bkgal-sub{margin:0 auto;max-width:880px;color:var(--FGfeat-muted);font-size:16px;line-height:1.6;font-weight:400}.bkgal-grid{margin-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@media(max-width:1100px){.bkgal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.bkgal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.bkgal-grid{grid-template-columns:1fr}}.bkgal-card{display:flex;flex-direction:column;align-items:center;gap:10px}.bkgal-box{width:100%;aspect-ratio:1 / 1;border-radius:16px;background:#fff;border:1px solid #ececec;box-shadow:0 8px 28px #1414140f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.bkgal-card:hover .gal-box{transform:translateY(-2px);box-shadow:0 12px 34px #14141414;border-color:#e5e7eb}.bkgal-label{font-size:16px;color:#4b5563;text-align:center}.faq-page{position:relative;background:#fff;overflow:visible;padding-top:0}.faq-page>*{position:relative;z-index:1}.faq-hero{position:relative;width:100%;min-height:480px;padding:200px 0 80px;background-color:#e7e5ff;background-repeat:no-repeat;background-position:center;background-size:cover;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box}.faq-hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:1440px;width:100%;padding:0 16px;box-sizing:border-box;text-align:center}.faq-hero-title{margin:0;font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:48px;line-height:60px;color:#222}.faq-hero-sub{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#656565}.faq-body{background:#fff;padding:100px 0 120px}.faq-container{max-width:1440px;width:100%;margin:0 auto;padding:0;box-sizing:border-box;display:grid;grid-template-columns:260px 1fr;-moz-column-gap:120px;column-gap:120px;row-gap:0}@media(max-width:1439px){.faq-container{padding:0 16px}}.faq-side{position:sticky;top:120px;align-self:start;max-width:260px}.cat-title{margin:0 0 24px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:20px;line-height:28px;color:#242424}.cat-list{list-style:none;padding:0;margin:0;border-top:0}.cat-item{border-bottom:1px solid #A3A3A3}.cat-item a{display:flex;align-items:center;gap:6px;padding:12px 0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#656565;text-decoration:none;transition:color .15s ease}.cat-item a:hover{color:#242424}.cat-item a:focus-visible{outline:2px solid rgba(0,0,0,.3);outline-offset:2px;border-radius:4px}.cat-idx{display:inline-block;min-width:20px;color:inherit;font-weight:500}.faq-main{min-width:0;display:flex;flex-direction:column;gap:48px}.grp{display:flex;flex-direction:column;gap:0}.grp-title{margin:0;padding:0 0 12px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:24px;line-height:32px;color:#242424}.acc{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.acc-item{border-top:1px solid #A3A3A3}.acc-item:last-child{border-bottom:1px solid #A3A3A3}.acc-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 10px 16px 0;background:transparent;border:0;cursor:pointer;text-align:left;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#242424}.acc-q:focus-visible{outline:2px solid rgba(0,0,0,.3);outline-offset:2px;border-radius:4px}.acc-q-text{flex:1 1 0;min-width:0}.acc-icon{position:relative;width:20px;height:20px;flex-shrink:0;display:inline-block}.acc-icon img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .2s ease,transform .2s ease;display:block}.acc-icon-plus{opacity:1;transform:rotate(0)}.acc-icon-close{opacity:0;transform:rotate(0)}.acc-item.open .acc-icon-plus{opacity:0;transform:rotate(45deg)}.acc-item.open .acc-icon-close{opacity:1;transform:rotate(0)}.acc-a{display:none;padding:0 10px 20px 0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:14px;line-height:22px;color:#656565}.acc-item.open .acc-a{display:block}html{scroll-behavior:smooth}.grp[id]{scroll-margin-top:120px}@media(max-width:1200px){.faq-container{-moz-column-gap:72px;column-gap:72px}}@media(max-width:900px){.faq-hero{min-height:360px;padding:140px 0 48px}.faq-hero-title{font-size:32px;line-height:40px}.faq-hero-sub{font-size:16px;line-height:24px}.faq-container{grid-template-columns:1fr;row-gap:32px}.faq-side{position:static;max-width:none}.grp[id]{scroll-margin-top:100px}}.blog-page{position:relative;background:transparent;overflow:visible;padding-top:200px}.blog-page>*{position:relative;z-index:1}.blog-container{max-width:1440px;width:100%;margin:0 auto;padding:0;box-sizing:border-box}@media(max-width:1439px){.blog-container{padding:0 16px}}.blog-hero{background:#fff;padding:0 0 240px}.blog-head{width:952px;max-width:100%;margin:0 auto 120px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.blog-title{font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:48px;line-height:60px;color:#222;margin:0}.blog-subtitle{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:20px;line-height:30px;color:#656565;margin:0}.blog-scroller{position:relative;width:100%;max-width:2880px;margin:0 auto;overflow:hidden;--blog-card-w: 36rem;--blog-card-h: 20.25rem;--blog-card-gap: 1.5rem}.blog-scroll-track{display:flex;gap:var(--blog-card-gap);width:-moz-max-content;width:max-content;padding:0 var(--blog-card-gap);animation:blog-scroll 40s linear infinite}@keyframes blog-scroll{0%{transform:translate(0)}to{transform:translate(calc(-3 * (var(--blog-card-w) + var(--blog-card-gap))))}}.blog-scroller:hover .blog-scroll-track{animation-play-state:paused}.blog-scroll-card{flex:0 0 var(--blog-card-w);width:var(--blog-card-w);height:var(--blog-card-h);border-radius:1.5rem;padding:1.75rem;box-sizing:border-box;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 .5rem 1.5rem #959da533;color:#333;overflow:hidden}.blog-scroll-meta{display:flex;flex-direction:column;gap:.75rem;width:100%}.blog-scroll-title{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:1.375rem;line-height:1.75rem;color:#333}.blog-scroll-body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:1rem;line-height:1.5rem;color:#333}.blog-grid-section{background:#fff;padding:0 0 120px}.blog-grid-title{color:#242424;text-align:center;font-family:Atyp Display,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:36px;font-style:normal;font-weight:400;line-height:44px;margin:0 0 60px;width:100%}.blog-grid{display:flex;flex-direction:column;gap:36px;width:100%}.blog-grid-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:0}.blog-card{position:relative;width:464px;height:403px;flex:0 0 464px;display:flex;flex-direction:column;gap:24px;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.7);background:#ffffff4d;box-shadow:0 8px 24px #959da533,-9.144px -9.144px 30.479px #ffffff26 inset,12.192px 12.192px 36.575px -9.144px #ffffff26 inset;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-sizing:border-box;overflow:hidden}.blog-card-media{position:relative;width:100%;aspect-ratio:464 / 261;border-radius:16px;overflow:hidden;flex-shrink:0}.blog-card-media img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.blog-card-media-overlay{mix-blend-mode:normal}.blog-card-title{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#242424}.blog-card-tags{display:flex;flex-wrap:nowrap;gap:0 12px;height:32px;min-height:32px;width:100%;margin-top:auto}.blog-card-tag.is-hidden{display:none}.blog-card-tag{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:8px 16px;border:1px solid #a3a3a3;border-radius:8px;background:transparent;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:12px;line-height:1;color:#656565;white-space:nowrap;box-sizing:border-box;flex-shrink:0}@media(max-width:1439px){.blog-grid-row{gap:16px}.blog-card{flex:1 1 0;width:auto!important}}@media(max-width:900px){.blog-title{font-size:36px;line-height:44px}.blog-subtitle{font-size:16px;line-height:24px}.blog-scroller{--blog-card-w: 85vw;--blog-card-h: auto}.blog-scroll-card{flex:0 0 var(--blog-card-w);width:var(--blog-card-w);height:auto;aspect-ratio:16 / 9}.blog-scroll-title{font-size:1.25rem;line-height:1.625rem}.blog-scroll-body{font-size:.875rem;line-height:1.375rem}.blog-grid-row{flex-direction:column;gap:24px}.blog-card{width:100%!important}.blog-grid-title{font-size:28px;line-height:36px}}.blog-article{position:relative;background:#fff;color:#111;padding-top:140px;padding-bottom:120px;min-height:100vh;box-sizing:border-box}.blog-article-container{width:100%;max-width:800px;margin:0 auto;padding:0 24px;box-sizing:border-box}.blog-article-state{text-align:center;padding:80px 0;color:#555;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}.blog-article-body{display:flex;flex-direction:column;gap:32px}.blog-article-head{display:flex;flex-direction:column;gap:16px}.blog-article-category{align-self:flex-start;display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#111;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:600;font-size:12px;letter-spacing:.02em;text-transform:uppercase}.blog-article-title{margin:0;font-family:Atyp Display,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:600;font-size:44px;line-height:52px;color:#111;letter-spacing:-.01em}.blog-article-excerpt{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;font-size:18px;line-height:28px;color:#555}.blog-article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#333;margin-top:4px}.blog-article-author-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.blog-article-author-name{font-weight:600;color:#111}.blog-article-meta-sep{color:#999}.blog-article-cover{width:100%;border-radius:16px;overflow:hidden;background:#f2f2f2}.blog-article-cover img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.blog-article-content{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;font-size:17px;line-height:28px;color:#1a1a1a}.blog-article-content p,.blog-article-content span,.blog-article-content li,.blog-article-content div,.blog-article-content mark,.blog-article-content strong,.blog-article-content em,.blog-article-content b,.blog-article-content i,.blog-article-content u,.blog-article-content small,.blog-article-content sub,.blog-article-content sup,.blog-article-content a{background-color:transparent!important;background:none!important;color:inherit!important;font-family:inherit!important}.blog-article-content a{color:#111!important}.blog-article-content p,.blog-article-content li,.blog-article-content blockquote,.blog-article-content>div{font-size:17px!important;line-height:28px!important;font-weight:400!important}.blog-article-content p *,.blog-article-content li *,.blog-article-content blockquote *{font-size:inherit!important;line-height:inherit!important}.blog-article-content mark{background:none!important;color:inherit!important;padding:0!important}.blog-article-content strong,.blog-article-content b{font-weight:600!important}.blog-article-content em,.blog-article-content i{font-style:italic}.blog-article-content iframe,.blog-article-content video,.blog-article-content embed,.blog-article-content object{display:block;width:100%;max-width:100%;aspect-ratio:16 / 9;height:auto;border:0;border-radius:12px;margin:20px 0}.blog-article-content figure{margin:20px 0;padding:0}.blog-article-content figcaption{font-size:14px!important;line-height:20px!important;color:#666!important;margin-top:6px;text-align:center}.blog-article-content h1,.blog-article-content h2,.blog-article-content h3,.blog-article-content h4{font-family:Atyp Display,Inter,system-ui,-apple-system,sans-serif;color:#111;margin:36px 0 12px;line-height:1.25}.blog-article-content h1{font-size:32px!important;line-height:40px!important;font-weight:700!important}.blog-article-content h2{font-size:26px!important;line-height:34px!important;font-weight:700!important}.blog-article-content h3{font-size:22px!important;line-height:30px!important;font-weight:600!important}.blog-article-content h4{font-size:18px!important;line-height:26px!important;font-weight:600!important}.blog-article-content h5,.blog-article-content h6{font-size:17px!important;line-height:26px!important;font-weight:600!important}.blog-article-content h1 *,.blog-article-content h2 *,.blog-article-content h3 *,.blog-article-content h4 *,.blog-article-content h5 *,.blog-article-content h6 *{font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important}.blog-article-content p{margin:0 0 18px}.blog-article-content a{color:#111;text-decoration:underline}.blog-article-content a:hover{opacity:.75}.blog-article-content ul,.blog-article-content ol{margin:0 0 18px;padding-left:24px}.blog-article-content li{margin-bottom:6px}.blog-article-content blockquote{margin:20px 0;padding:12px 20px;border-left:3px solid #111;background:#f7f7f7;color:#333;font-style:italic}.blog-article-content img{max-width:100%;height:auto;border-radius:12px;display:block;margin:20px 0}.blog-article-content code{background:#f2f2f2;color:#111;padding:2px 6px;border-radius:4px;font-family:Menlo,Consolas,monospace;font-size:.9em}.blog-article-content pre{background:#0f0f0f;color:#f5f5f5;padding:16px;border-radius:12px;overflow-x:auto;font-family:Menlo,Consolas,monospace;font-size:14px;line-height:22px;margin:20px 0}.blog-article-content pre code{background:transparent;color:inherit;padding:0}.blog-article-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}.blog-article-content th,.blog-article-content td{border:1px solid #e2e2e2;padding:10px 12px;text-align:left}.blog-article-content th{background:#f5f5f5;font-weight:600}.blog-article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.blog-article-tag{display:inline-flex;align-items:center;height:28px;padding:0 12px;border:1px solid #bbb;border-radius:999px;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:500;font-size:12px;color:#333;background:transparent}.blog-article-footer-nav{margin-top:16px}.blog-article-back{display:inline-flex;align-items:center;gap:6px;color:#111;text-decoration:none;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:500;font-size:15px;border-bottom:1px solid #111;padding-bottom:2px}.blog-article-back:hover{opacity:.7}body.blog-article-page .header .container{background:#fff;border-color:#00000014}body.blog-article-page .header .nav-menu a,body.blog-article-page .header .nav-link,body.blog-article-page .header .nav-link--trigger{color:#111}body.blog-article-page .header .nav-caret svg path{fill:#111}body.blog-article-page .header .logo-wordmark{filter:brightness(0) saturate(100%)}body.blog-article-page .header .btn.btn-outline{color:#242424!important;background:#f6f6f6!important;border-color:#f6f6f6!important}body.blog-article-page .header .btn.btn-outline:hover{background:#ececec!important;border-color:#ececec!important}body.blog-article-page .header .btn.btn-primary{color:#242424!important;background:#adff2f!important;border-color:#adff2f!important}body.blog-article-page .header .btn.btn-primary:hover{background:#9ce628!important;border-color:#9ce628!important}body.blog-article-page .header .nav-submenu{background:#fff;color:#111;border:1px solid rgba(0,0,0,.08)}body.blog-article-page .header .nav-submenu-item{color:#111}@media(max-width:768px){.blog-article{padding-top:120px;padding-bottom:80px}.blog-article-title{font-size:32px;line-height:40px}.blog-article-excerpt{font-size:16px;line-height:24px}.blog-article-content{font-size:16px;line-height:26px}}.login-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:#f3f4f6;padding:120px 24px 24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18181b}.login-card{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center}.login-logo-wrap{margin-bottom:18px;margin-top:12px}.login-logo-circle{width:40px;height:40px;border-radius:999px;background:#000;display:flex;align-items:center;justify-content:center}.login-logo-diamond{width:10px;height:10px;background:#fff;transform:rotate(45deg);display:block;border-radius:1px}.login-title{margin:0;font-size:28px;line-height:1.25;font-weight:600;color:#27272a;text-align:center}.login-subtitle{margin:10px 0 26px;font-size:14px;font-weight:400;color:#71717a;text-align:center}.login-form{width:90%}.login-form-group{margin-bottom:30px}.login-form-group label{display:block;margin-bottom:8px;font-size:13px;line-height:1;font-weight:600;color:#3f3f46}.login-form-group input[type=email],.login-form-group input[type=password]{width:100%;height:40px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;padding:0 12px;font-size:14px;color:#18181b;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.login-form-group input::-moz-placeholder{color:#a1a1aa}.login-form-group input::placeholder{color:#a1a1aa}.login-form-group input:focus{border-color:#a3e635;box-shadow:0 0 0 3px #a3e63526}.login-form-row{margin:-8px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.remember-me{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#52525b;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.remember-me input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:#a3e635;cursor:pointer}.forgot-link{font-size:13px;font-weight:600;color:#9cf01a;text-decoration:none}.forgot-link:hover{text-decoration:underline}.sign-in-btn{width:100%;height:40px;border:none;border-radius:8px;background:#adff2f;color:#111827;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .02s ease;margin-bottom:14px}.sign-in-btn:hover{filter:brightness(.98)}.sign-in-btn:active{transform:translateY(1px)}.login-google-btn{width:90%;height:40px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:#27272a;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.login-google-btn:hover{background:#fafafa;border-color:#c4c4cc}.google-icon{width:18px;height:18px;flex-shrink:0}.signup-text{margin:24px 0 0;font-size:13px;color:#71717a;text-align:center}.signup-link{color:#9cf01a;font-weight:600;text-decoration:none}.signup-link:hover{text-decoration:underline}@media(max-width:480px){.login-page{padding:100px 16px 20px}.login-card{max-width:100%}.login-title{font-size:20px}.login-form-row{align-items:flex-start;gap:8px}.remember-me{line-height:1.2}}.login-error{color:#dc2626;font-size:14px;text-align:center;margin:0 0 12px;padding:8px 12px;background:#fef2f2;border-radius:6px;border:1px solid #fecaca}@media(max-width:1024px){.profile-page,.settings-page,.products-page,.community-standalone-page,.explore-standalone-page,.my-uploads-page,.my-orders-page,.help-standalone,.logo-designs-list-page,.video-setup,.image-composition-page,.brandbrain-page,.not-found,.login-page,.register-page,.forgot-page,.reset-page,.template-background-manager{max-width:100%;overflow-x:hidden;box-sizing:border-box}.profile-page img,.profile-page video,.profile-page iframe,.settings-page img,.settings-page video,.settings-page iframe,.products-page img,.products-page video,.products-page iframe,.community-standalone-page img,.community-standalone-page video,.community-standalone-page iframe,.explore-standalone-page img,.explore-standalone-page video,.explore-standalone-page iframe,.my-uploads-page img,.my-uploads-page video,.my-uploads-page iframe,.my-orders-page img,.my-orders-page video,.my-orders-page iframe,.help-standalone img,.help-standalone video,.help-standalone iframe,.logo-designs-list-page img,.logo-designs-list-page video,.logo-designs-list-page iframe,.video-setup img,.video-setup video,.video-setup iframe,.image-composition-page img,.image-composition-page video,.image-composition-page iframe,.brandbrain-page img,.brandbrain-page video,.brandbrain-page iframe,.template-background-manager img,.template-background-manager video,.template-background-manager iframe{max-width:100%;height:auto}.profile-page [class*=-row],.settings-page [class*=-row],.products-page [class*=-row],.community-standalone-page [class*=-row],.explore-standalone-page [class*=-row],.my-uploads-page [class*=-row],.my-orders-page [class*=-row],.help-standalone [class*=-row],.logo-designs-list-page [class*=-row],.video-setup [class*=-row],.image-composition-page [class*=-row],.brandbrain-page [class*=-row]{flex-wrap:wrap}.my-uploads-page [class*=-grid],.my-orders-page [class*=-grid],.products-page [class*=-grid],.explore-standalone-page [class*=-grid],.community-standalone-page [class*=-grid],.logo-designs-list-page [class*=-grid],.help-standalone [class*=-grid],.image-composition-page [class*=-grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.profile-page h1,.profile-page h2,.settings-page h1,.settings-page h2,.products-page h1,.products-page h2,.community-standalone-page h1,.community-standalone-page h2,.explore-standalone-page h1,.explore-standalone-page h2,.my-uploads-page h1,.my-uploads-page h2,.my-orders-page h1,.my-orders-page h2,.help-standalone h1,.help-standalone h2,.logo-designs-list-page h1,.logo-designs-list-page h2,.video-setup h1,.video-setup h2,.image-composition-page h1,.image-composition-page h2,.brandbrain-page h1,.brandbrain-page h2,.not-found h1,.not-found h2,.template-background-manager h1,.template-background-manager h2{font-size:clamp(20px,4.5vw,32px);line-height:1.25}.profile-page .container,.settings-page .container,.products-page .container,.help-standalone .container,.not-found .container{width:100%;max-width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box}.login-page,.register-page,.forgot-page,.reset-page{padding-left:24px;padding-right:24px}.login-page input,.login-page button,.register-page input,.register-page button,.forgot-page input,.forgot-page button,.reset-page input,.reset-page button{max-width:100%;box-sizing:border-box}}@media(max-width:640px){.profile-page,.settings-page,.products-page,.community-standalone-page,.explore-standalone-page,.my-uploads-page,.my-orders-page,.help-standalone,.logo-designs-list-page,.video-setup,.image-composition-page,.brandbrain-page,.template-background-manager{padding-left:12px;padding-right:12px}.my-uploads-page [class*=-grid],.my-orders-page [class*=-grid],.products-page [class*=-grid],.explore-standalone-page [class*=-grid],.community-standalone-page [class*=-grid],.logo-designs-list-page [class*=-grid],.help-standalone [class*=-grid],.image-composition-page [class*=-grid]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.video-setup{flex-direction:column}.video-setup .video-sidebar{width:100%;max-width:100%}.template-background-manager .tbm-header{flex-wrap:wrap;gap:8px}.not-found{padding:16px}.login-page,.register-page,.forgot-page,.reset-page{padding-left:16px;padding-right:16px}}.register-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:#f3f4f6;padding:120px 24px 24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18181b}.register-container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.register-logo-wrap{margin-bottom:18px;margin-top:12px}.register-logo-circle{width:40px;height:40px;border-radius:999px;background:#000;display:flex;align-items:center;justify-content:center}.register-logo-diamond{width:10px;height:10px;background:#fff;transform:rotate(45deg);border-radius:1px;display:block}.register-title{margin:0;font-size:22px;line-height:1.25;font-weight:700;color:#27272a;text-align:center}.register-subtitle{margin:10px 0 24px;font-size:14px;color:#71717a;text-align:center;line-height:1.5}.register-subtitle strong{color:#27272a;font-weight:600}.register-email-form{width:100%}.register-field{margin-bottom:14px}.register-field label{display:block;font-size:13px;font-weight:600;color:#344054;margin-bottom:6px}.register-input{width:100%;height:40px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;padding:0 12px;font-size:14px;color:#18181b;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.register-input::-moz-placeholder{color:#a1a1aa}.register-input::placeholder{color:#a1a1aa}.register-input:focus{border-color:#a3e635;box-shadow:0 0 0 3px #a3e63526}.register-input.input-error{border-color:#ef4444}.register-input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.register-field-hint{display:block;margin-top:4px;font-size:12px;color:#a1a1aa}.register-name-row{display:flex;gap:12px}.register-name-row .register-field{flex:1}.register-primary-btn{margin-top:6px;width:100%;height:40px;border:none;border-radius:8px;background:#adff2f;color:#111827;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .02s ease}.register-primary-btn:hover:not(:disabled){filter:brightness(.96)}.register-primary-btn:active:not(:disabled){transform:translateY(1px)}.register-primary-btn:disabled{opacity:.55;cursor:not-allowed}.register-error-text{margin-top:10px;font-size:13px;line-height:1.4;color:#dc2626;text-align:center}.register-divider{width:100%;position:relative;text-align:center;margin:22px 0 18px}.register-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e4e4e7;transform:translateY(-50%)}.register-divider span{position:relative;display:inline-block;padding:0 12px;background:#f3f4f6;color:#71717a;font-size:12px;font-weight:600;letter-spacing:.04em}.register-social-list{width:100%;display:flex;flex-direction:column;gap:10px}.register-social-btn{width:100%;height:40px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:#3f3f46;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.register-social-btn:hover{background:#fafafa;border-color:#c4c4cc}.register-social-icon{width:18px;height:18px;flex-shrink:0}.register-login-text{margin:26px 0 0;font-size:13px;color:#71717a;text-align:center}.register-login-link{color:#84cc16;font-weight:600;text-decoration:none}.register-login-link:hover{text-decoration:underline}.register-verify-section{width:100%;display:flex;flex-direction:column;align-items:center}.register-verify-icon{font-size:48px;margin-bottom:12px;animation:verifyBounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes verifyBounce{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.register-code-inputs{display:flex;gap:8px;justify-content:center;margin:8px 0 20px}.register-code-input{width:48px;height:56px;border:2px solid #d4d4d8;border-radius:12px;background:#fff;font-size:24px;font-weight:700;text-align:center;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease;caret-color:#84cc16}.register-code-input:focus{border-color:#a3e635;box-shadow:0 0 0 3px #a3e63533}.register-code-input.input-error{border-color:#ef4444;animation:codeShake .4s ease}@keyframes codeShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.register-resend-text{margin:16px 0 0;font-size:13px;color:#71717a;text-align:center}.register-resend-countdown{color:#a1a1aa;font-weight:500}.register-resend-btn{background:none;border:none;color:#84cc16;font-weight:600;font-size:13px;cursor:pointer;padding:0;text-decoration:none}.register-resend-btn:hover{text-decoration:underline}.register-resend-btn:disabled{color:#a1a1aa;cursor:not-allowed}.register-back-btn{margin-top:20px;background:none;border:none;color:#71717a;font-size:13px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:color .15s,background .15s}.register-back-btn:hover{color:#27272a;background:#e5e7eb}.register-success-section{width:100%;display:flex;flex-direction:column;align-items:center;padding:20px 0}.register-success-icon{font-size:56px;margin-bottom:16px;animation:successPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes successPop{0%{transform:scale(0) rotate(-15deg);opacity:0}60%{transform:scale(1.15) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}.register-success-loader{width:200px;height:4px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-top:20px}.register-success-bar{height:100%;background:linear-gradient(90deg,#84cc16,#a3e635);border-radius:4px;animation:successProgress 2s ease forwards}@keyframes successProgress{0%{width:0%}to{width:100%}}@media(max-width:480px){.register-page{padding:100px 16px 24px}.register-container{max-width:100%}.register-title{font-size:20px}.register-name-row{flex-direction:column;gap:0}.register-code-input{width:42px;height:50px;font-size:20px}.register-code-inputs{gap:6px}}.forgot-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f4f6;padding:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18181b}.forgot-card{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center}.forgot-logo-wrap{margin-bottom:18px;margin-top:-200px}.forgot-logo-circle{width:40px;height:40px;border-radius:999px;background:#000;display:flex;align-items:center;justify-content:center}.forgot-logo-diamond{width:10px;height:10px;background:#fff;transform:rotate(45deg);display:block;border-radius:1px}.forgot-title{margin:0;font-size:28px;line-height:1.25;font-weight:600;color:#27272a;text-align:center}.forgot-subtitle{margin:10px 0 26px;font-size:14px;font-weight:400;color:#71717a;text-align:center}.forgot-form{width:90%}.forgot-form-group{margin-bottom:30px}.forgot-form-group label{display:block;margin-bottom:8px;font-size:13px;line-height:1;font-weight:600;color:#3f3f46}.forgot-form-group input[type=email]{width:100%;height:40px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;padding:0 12px;font-size:14px;color:#18181b;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.forgot-form-group input::-moz-placeholder{color:#a1a1aa}.forgot-form-group input::placeholder{color:#a1a1aa}.forgot-form-group input:focus{border-color:#a3e635;box-shadow:0 0 0 3px #a3e63526}.forgot-form-group input:disabled{opacity:.6;cursor:not-allowed}.forgot-error{color:#dc2626;font-size:14px;text-align:center;margin:0 0 12px;padding:8px 12px;background:#fef2f2;border-radius:6px;border:1px solid #fecaca}.forgot-submit-btn{width:100%;height:40px;border:none;border-radius:8px;background:#adff2f;color:#111827;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .02s ease}.forgot-submit-btn:hover{filter:brightness(.98)}.forgot-submit-btn:active{transform:translateY(1px)}.forgot-submit-btn:disabled{opacity:.6;cursor:not-allowed}.forgot-success{width:90%;background:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:14px 16px;font-size:14px;line-height:1.5;color:#52525b;text-align:center}.forgot-success p{margin:0}.forgot-back-link{margin-top:24px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#9cf01a;text-decoration:none}.forgot-back-link:hover{text-decoration:underline}@media(max-width:480px){.forgot-page{padding:20px 16px}.forgot-card{max-width:100%}.forgot-title{font-size:20px}}.reset-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f4f6;padding:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18181b}.reset-card{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center}.reset-logo-wrap{margin-bottom:18px;margin-top:-200px}.reset-logo-circle{width:40px;height:40px;border-radius:999px;background:#000;display:flex;align-items:center;justify-content:center}.reset-logo-diamond{width:10px;height:10px;background:#fff;transform:rotate(45deg);display:block;border-radius:1px}.reset-title{margin:0;font-size:28px;line-height:1.25;font-weight:600;color:#27272a;text-align:center}.reset-subtitle{margin:10px 0 26px;font-size:14px;font-weight:400;color:#71717a;text-align:center}.reset-form{width:90%}.reset-form-group{margin-bottom:30px}.reset-form-group label{display:block;margin-bottom:8px;font-size:13px;line-height:1;font-weight:600;color:#3f3f46}.reset-form-group input[type=password]{width:100%;height:40px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;padding:0 12px;font-size:14px;color:#18181b;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.reset-form-group input::-moz-placeholder{color:#a1a1aa}.reset-form-group input::placeholder{color:#a1a1aa}.reset-form-group input:focus{border-color:#a3e635;box-shadow:0 0 0 3px #a3e63526}.reset-form-group input:disabled{opacity:.6;cursor:not-allowed}.reset-error{color:#dc2626;font-size:14px;text-align:center;margin:0 0 12px;padding:8px 12px;background:#fef2f2;border-radius:6px;border:1px solid #fecaca}.reset-submit-btn{width:100%;height:40px;border:none;border-radius:8px;background:#adff2f;color:#111827;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .02s ease}.reset-submit-btn:hover{filter:brightness(.98)}.reset-submit-btn:active{transform:translateY(1px)}.reset-submit-btn:disabled{opacity:.6;cursor:not-allowed}.reset-login-btn{display:inline-flex;align-items:center;justify-content:center;width:90%;height:40px;border:none;border-radius:8px;background:#adff2f;color:#111827;font-size:14px;font-weight:700;text-decoration:none;transition:filter .15s ease,transform .02s ease}.reset-login-btn:hover{filter:brightness(.98)}.reset-login-btn:active{transform:translateY(1px)}.reset-back-link{margin-top:24px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#9cf01a;text-decoration:none}.reset-back-link:hover{text-decoration:underline}@media(max-width:480px){.reset-page{padding:20px 16px}.reset-card{max-width:100%}.reset-title{font-size:20px}}.profile-page{height:100vh;background:#fff;overflow:hidden;box-sizing:border-box}.profile-page .dashboard-sidebar{left:10px;top:10px;bottom:10px;height:auto;border-radius:16px;z-index:2!important;border:1px solid rgba(255,255,255,.7);background:#ffffffb3!important;box-shadow:0 8px 24px #959da533;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.profile-floating-bell{position:fixed;top:22px;right:22px;z-index:1000}.profile-header-spacer{flex-shrink:0;height:60px}.profile-main{position:fixed;inset:12px 12px 12px 284px;display:flex;flex-direction:column;gap:12px;z-index:100;transition:left .3s ease}.profile-page:has(.dashboard-sidebar.collapsed) .profile-main{left:88px}.profile-scroll{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding-bottom:24px}.settings-card{background:#fff;border-radius:16px;padding:28px 32px}.settings-card-danger{border:1px solid #fee2e2}.settings-card-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:20px;letter-spacing:-.005em}.danger-title{color:#dc2626!important}.profile-hero{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f3f4f6}.profile-hero-info{flex:1;min-width:0}.name-display-row{display:flex;align-items:center;gap:8px}.profile-hero-name{font-size:18px;font-weight:700;color:#111827;margin:0;letter-spacing:-.01em}.btn-edit-name{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#9ca3af;transition:color .15s,background .15s;flex-shrink:0}.btn-edit-name:hover{color:#111827;background:#f3f4f6}.btn-edit-name svg{width:14px;height:14px}.name-edit-row{display:flex;align-items:center;gap:6px}.name-edit-input{padding:5px 10px;border:1px solid #e5e7eb;border-radius:7px;font-size:15px;font-weight:600;color:#111827;outline:none;width:180px;background:#fff;transition:border-color .15s}.name-edit-input:focus{border-color:#111827}.btn-save-sm{padding:4px 12px;background:#111827;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-save-sm:hover{background:#374151}.btn-save-sm:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-sm{padding:4px 10px;background:none;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}.btn-cancel-sm:hover{border-color:#9ca3af;color:#111827}.profile-hero-email{font-size:13px;color:#6b7280;margin:4px 0 0}.profile-hero-since{font-size:11.5px;color:#9ca3af;margin:3px 0 0}.plan-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:capitalize;line-height:1;white-space:nowrap;position:relative;top:-1px}.plan-badge--free{background:#f3f4f6;color:#6b7280}.plan-badge--standard,.plan-badge--pro{background:#111827;color:#fff}.credits-card-inline{display:flex;flex-direction:row;align-items:center;gap:0;padding-top:18px!important;padding-bottom:18px!important}.credits-inline-group{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}.credits-inline-divider{width:1px;height:36px;background:#f3f4f6;margin:0 20px;flex-shrink:0}.credits-inline-label{font-size:13px;color:#6b7280;font-weight:400}.credits-inline-total{font-size:22px;font-weight:700;color:#111827;letter-spacing:-.02em;line-height:1}.credits-breakdown-label{font-size:13px;color:#6b7280;font-weight:400}.credits-breakdown-value{font-size:16px;font-weight:600;color:#111827}.profile-actions-row{padding-top:0}.profile-avatar-wrap{position:relative;width:56px;height:56px;border-radius:50%;cursor:pointer;flex-shrink:0}.profile-avatar-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block}.profile-avatar-letter{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center}.profile-avatar-overlay{position:absolute;inset:0;border-radius:50%;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s}.profile-avatar-overlay svg{width:18px;height:18px;color:#fff}.profile-avatar-wrap:hover .profile-avatar-overlay{opacity:1}.avatar-file-input{display:none}.upload-spin{animation:spin .8s linear infinite}.settings-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.settings-label{font-size:12px;font-weight:500;color:#6b7280}.settings-input{padding:9px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;background:#fff;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.settings-input:focus{border-color:#111827}.settings-input-readonly{background:#f9fafb;color:#9ca3af;cursor:default;font-family:SF Mono,Consolas,monospace;font-size:12px}.settings-input-danger:focus{border-color:#dc2626}.settings-footer{display:flex;gap:8px;margin-top:4px}.profile-page .btn-save{padding:8px 18px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.profile-page .btn-save:hover{background:#374151}.profile-page .btn-save:disabled{opacity:.45;cursor:not-allowed}.profile-page .btn-cancel{padding:8px 18px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.profile-page .btn-cancel:hover{border-color:#9ca3af;color:#111827}.profile-page .btn-danger-outline{padding:8px 16px;background:transparent;color:#dc2626;border:1px solid #fca5a5;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.profile-page .btn-danger-outline:hover{background:#fef2f2;border-color:#f87171}.profile-page .btn-danger-fill{padding:8px 18px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.profile-page .btn-danger-fill:hover{background:#b91c1c}.profile-page .btn-danger-fill:disabled{opacity:.45;cursor:not-allowed}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #f3f4f6}.toggle-row:last-of-type{border-bottom:none}.toggle-row-info{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:14px;font-weight:500;color:#111827}.toggle-desc{font-size:12px;color:#9ca3af}.toggle-switch{position:relative;width:36px;height:20px;flex-shrink:0}.toggle-slider{position:absolute;inset:0;background:#e5e7eb;border-radius:20px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.profile-page .toggle-switch input:checked+.toggle-slider{background:#111827!important;background-color:#111827!important}.profile-page .toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)!important}.danger-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.danger-row-title{font-size:14px;font-weight:500;color:#111827;margin:0 0 4px}.danger-row-desc{font-size:12px;color:#9ca3af;margin:0;line-height:1.5}.danger-confirm-desc{font-size:13px;color:#6b7280;margin:0 0 16px;line-height:1.5}.settings-link-row{margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.profile-page .btn-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;padding:0;transition:color .15s}.profile-page .btn-link svg{width:14px;height:14px}.profile-page .btn-link:hover{color:#111827}.pw-modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease}.pw-modal{background:#fff;border-radius:14px;width:400px;max-width:calc(100vw - 40px);box-shadow:0 20px 60px #00000026;animation:modalUp .2s ease;overflow:hidden}.pw-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.pw-modal-title{font-size:15px;font-weight:600;color:#111827;margin:0}.pw-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#9ca3af;transition:color .15s,background .15s}.pw-modal-close:hover{color:#111827;background:#f3f4f6}.pw-modal-close svg{width:18px;height:18px}.pw-modal-body{padding:20px 24px 8px}.pw-modal-body .settings-field{margin-bottom:14px}.pw-modal-footer{display:flex;gap:8px;padding:12px 24px 20px}@keyframes modalUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-page.dark-theme{background:#fff}.profile-page.dark-theme .settings-card{background:#0d0d0d}.profile-page.dark-theme .settings-card-danger{border-color:#3f1515}.profile-page.dark-theme .settings-card-title,.profile-page.dark-theme .profile-hero-name,.profile-page.dark-theme .toggle-label,.profile-page.dark-theme .danger-row-title{color:#f3f4f6}.profile-page.dark-theme .profile-hero-email,.profile-page.dark-theme .profile-hero-since,.profile-page.dark-theme .settings-label,.profile-page.dark-theme .toggle-desc,.profile-page.dark-theme .danger-row-desc,.profile-page.dark-theme .danger-confirm-desc{color:#6b7280}.profile-page.dark-theme .profile-hero{border-color:#1f1f1f}.profile-page.dark-theme .btn-edit-name{color:#6b7280}.profile-page.dark-theme .btn-edit-name:hover{color:#f3f4f6;background:#1f1f1f}.profile-page.dark-theme .name-edit-input{background:#111;border-color:#2a2a2a;color:#f3f4f6}.profile-page.dark-theme .name-edit-input:focus{border-color:#f3f4f6}.profile-page.dark-theme .btn-save-sm{background:#f3f4f6;color:#111}.profile-page.dark-theme .btn-save-sm:hover{background:#e5e7eb}.profile-page.dark-theme .btn-cancel-sm{border-color:#2a2a2a;color:#6b7280}.profile-page.dark-theme .btn-cancel-sm:hover{border-color:#4b5563;color:#f3f4f6}.profile-page.dark-theme .toggle-row{border-color:#1f1f1f}.profile-page.dark-theme .settings-input{background:#111;border-color:#2a2a2a;color:#f3f4f6}.profile-page.dark-theme .settings-input:focus{border-color:#f3f4f6}.profile-page.dark-theme .settings-input-readonly{background:#0a0a0a;color:#4b5563}.profile-page.dark-theme .toggle-slider{background:#2a2a2a}.profile-page.dark-theme .toggle-switch input:checked+.toggle-slider{background:#f3f4f6!important;background-color:#f3f4f6!important}.profile-page.dark-theme .toggle-switch input:checked+.toggle-slider:before{background:#1a1a1a!important}.profile-page.dark-theme .profile-avatar-letter{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.profile-page.dark-theme .plan-badge--free{background:#2a2a2a;color:#9ca3af}.profile-page.dark-theme .plan-badge--standard,.profile-page.dark-theme .plan-badge--pro{background:#f3f4f6;color:#111}.profile-page.dark-theme .credits-inline-total{color:#f3f4f6}.profile-page.dark-theme .credits-inline-divider{background:#1f1f1f}.profile-page.dark-theme .credits-inline-label,.profile-page.dark-theme .credits-breakdown-label{color:#6b7280}.profile-page.dark-theme .credits-breakdown-value{color:#f3f4f6}.profile-page.dark-theme .btn-save{background:#f3f4f6;color:#1a1a1a}.profile-page.dark-theme .btn-save:hover{background:#e5e7eb}.profile-page.dark-theme .btn-cancel{border-color:#2a2a2a;color:#6b7280}.profile-page.dark-theme .btn-cancel:hover{border-color:#4b5563;color:#f3f4f6}.profile-page.dark-theme .settings-link-row{border-top-color:#1f1f1f}.profile-page.dark-theme .btn-link{color:#6b7280}.profile-page.dark-theme .btn-link:hover{color:#f3f4f6}.profile-page.dark-theme .pw-modal-backdrop{background:#0000008c}.profile-page.dark-theme .pw-modal{background:#111;box-shadow:0 20px 60px #0006}.profile-page.dark-theme .pw-modal-title{color:#f3f4f6}.profile-page.dark-theme .pw-modal-close{color:#6b7280}.profile-page.dark-theme .pw-modal-close:hover{color:#f3f4f6;background:#1f1f1f}@media(max-width:900px){.profile-main{left:88px}}@media(max-width:600px){.profile-page .dashboard-sidebar{display:none}.profile-main{inset:8px}.settings-card{padding:20px 16px}.danger-row{flex-direction:column;align-items:flex-start}}.settings-page{height:100vh;background:#f0f0f0;overflow:hidden;box-sizing:border-box}.settings-page .dashboard-sidebar{left:12px;top:12px;height:calc(100vh - 24px);border-radius:16px}.settings-page.dark-theme{background:#1a1a1a}.settings-page.dark-theme .settings-main{background:transparent}.settings-page.dark-theme .settings-header-card,.settings-page.dark-theme .settings-content-card{background:#0a0a0a}.settings-page.dark-theme .settings-header-title{color:#fff}.settings-page.dark-theme .page-subtitle{color:#ccc}.settings-page.dark-theme .settings-card{background:#1a1a1a;border-color:#2a2a2a}.settings-page.dark-theme .settings-card-header h2{color:#fff}.settings-page.dark-theme .settings-card-header p{color:#999}.settings-page.dark-theme .setting-item{border-color:#2a2a2a}.settings-page.dark-theme .setting-info h3{color:#fff}.settings-page.dark-theme .setting-info p{color:#999}.settings-page.dark-theme .radio-option span{color:#ccc}.settings-page.dark-theme .radio-option input[type=radio]:checked+span{color:#c0ff00}.settings-main{display:flex;flex-direction:column;height:calc(100vh - 24px);box-sizing:border-box;gap:12px}.settings-main.with-sidebar{position:fixed;inset:12px 12px 12px 284px;width:auto;height:auto;transition:left .3s ease}.settings-page:has(.dashboard-sidebar.collapsed) .settings-main.with-sidebar{left:88px}.settings-header-card{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-radius:16px;flex-shrink:0}.settings-header-title{font-size:18px;font-weight:600;color:#000;margin:0}.settings-header-actions{display:flex;align-items:center;gap:12px}.settings-icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid #e0e0e0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-icon-btn:hover{background:#f5f5f5;border-color:#c0ff00}.settings-icon-btn svg{width:20px;height:20px;color:#666}.settings-page.dark-theme .settings-icon-btn{border-color:#333}.settings-page.dark-theme .settings-icon-btn:hover{background:#1a1a1a}.settings-page.dark-theme .settings-icon-btn svg{color:#ccc}.settings-help-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:14px;cursor:pointer;transition:all .2s}.settings-help-btn:hover{background:#f5f5f5;border-color:#c0ff00}.settings-help-btn svg{width:16px;height:16px}.settings-page.dark-theme .settings-help-btn{border-color:#333;color:#ccc}.settings-page.dark-theme .settings-help-btn:hover{background:#1a1a1a}.settings-content-card{flex:1;background:#fff;border-radius:16px;overflow-y:auto}.settings-content-inner{padding:32px;max-width:800px;margin:0 auto}.settings-page-header{margin-bottom:24px}.settings-page-header .page-subtitle{color:#666;font-size:14px;margin:0}.settings-grid{display:grid;gap:24px;margin-bottom:24px}.settings-card{background:#f8f8f8;border-radius:12px;padding:24px;border:1px solid #e0e0e0}.settings-card-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.settings-page.dark-theme .settings-card-header{border-bottom-color:#2a2a2a}.settings-card-header h2{font-size:16px;font-weight:600;color:#000;margin:0 0 8px}.settings-card-header p{color:#666;font-size:13px;margin:0}.settings-list{display:flex;flex-direction:column;gap:12px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e0e0e0;border-radius:8px;transition:border-color .2s}.setting-item:hover{border-color:#c0ff00}.setting-info h3{font-size:14px;font-weight:500;color:#000;margin:0 0 4px}.setting-info p{font-size:12px;color:#666;margin:0}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e0e0e0;transition:all .3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:all .3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:#c0ff00}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.settings-page.dark-theme .toggle-slider{background-color:#333}.radio-group{display:flex;gap:16px}.radio-option{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#666}.radio-option input[type=radio]{width:16px;height:16px;margin:0;accent-color:#c0ff00}.radio-option input[type=radio]:checked+span{color:#000;font-weight:500}.settings-actions{text-align:center;padding-top:24px;border-top:1px solid #e0e0e0}.settings-page.dark-theme .settings-actions{border-top-color:#2a2a2a}.btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#000;color:#fff;border:1px solid #000000}.btn-primary:hover{background:#333}.btn-large{padding:12px 32px;font-size:15px}.btn-outline{background:transparent;color:#666;border:1px solid #e0e0e0}.btn-outline:hover{border-color:#c0ff00;color:#000}.settings-page.dark-theme .btn-outline{border-color:#333;color:#ccc}.settings-page.dark-theme .btn-outline:hover{border-color:#c0ff00;color:#fff}.settings-page.dark-theme .btn-primary{background:#c0ff00;color:#000;border-color:#c0ff00}.settings-page.dark-theme .btn-primary:hover{background:#a8e600}@media(max-width:768px){.setting-item{flex-direction:column;align-items:stretch;gap:12px}.radio-group{flex-direction:column;gap:8px}.settings-content-inner{padding:20px}}.gallery-container{width:100%;height:100%;overflow-y:auto;padding:0 0 24px}.gallery-masonry,.gallery-masonry_column{gap:16px}.gallery-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;padding:48px 24px}.empty-icon{width:80px;height:80px;color:var(--text-secondary);opacity:.3;margin-bottom:24px}.empty-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.empty-description{font-size:16px;color:var(--text-secondary);margin:0}.gallery-masonry{display:flex;margin-left:-4px;width:auto}.gallery-masonry_column{padding-left:4px;background-clip:padding-box;display:flex;flex-direction:column;gap:4px}.gallery-item{background:transparent;border-radius:8px;overflow:hidden;border:none;transition:all .3s ease;margin:0 0 4px;padding:0;box-sizing:border-box;cursor:pointer}.gallery-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.item-image-wrapper{position:relative;overflow:hidden;background:#ececeb;border-radius:10px;margin:0;padding:0;display:block;width:100%;cursor:pointer;line-height:0}.item-skeleton{position:absolute;top:0;left:0;width:100%;padding-top:100%;background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-hover) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;z-index:1}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.item-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block;transition:opacity .5s ease;border-radius:10px;margin:0;padding:0}.item-image-wrapper:hover .item-image{transform:none}.item-image.loaded{opacity:1}.community-gallery-item .item-image-wrapper:not([data-loaded=true]){aspect-ratio:1 / 1}.community-gallery-item .item-image-wrapper:not([data-loaded=true]) .item-image{opacity:0}@keyframes galleryImgShimmerScan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.community-gallery-item .item-image-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.4) 45%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.4) 55%,transparent 75%);animation:galleryImgShimmerScan 1.8s ease-in-out infinite;pointer-events:none;z-index:2;transition:opacity .5s ease;border-radius:10px}.community-gallery-item .item-image-wrapper[data-loaded=true]:after{opacity:0;animation:none}.dark-theme .community-gallery-item .item-image-wrapper:after{background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 55%,transparent 75%)}.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000;transition:background .3s ease;z-index:2;pointer-events:none}.item-image-wrapper:hover .video-play-overlay{background:#0000004d}.play-icon-wrapper{width:60px;height:60px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.item-image-wrapper:hover .play-icon-wrapper{opacity:1;transform:scale(1)}.play-icon{width:24px;height:24px;color:#000;margin-left:3px}.item-image-wrapper{cursor:pointer}.image-hover-overlay{position:absolute;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background .2s ease;pointer-events:none;border-radius:10px}.item-image-wrapper:hover .image-hover-overlay{background:#0000002e;opacity:1}.hover-icon{width:56px;height:56px;border-radius:999px;background:#ffffffeb;display:flex;align-items:center;justify-content:center;transform:scale(.94);transition:transform .2s ease;box-shadow:0 10px 28px #00000029}.item-image-wrapper:hover .hover-icon{transform:scale(1)}.hover-icon svg{width:24px;height:24px;color:#141414}.item-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.gallery-item:hover .item-overlay{opacity:1}.overlay-actions{display:flex;gap:12px}.action-btn{width:44px;height:44px;border-radius:50%;background:#fffffff2;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn svg{width:20px;height:20px;color:#000}.action-btn:hover{background:#fff;transform:scale(1.1)}.item-footer{position:absolute;bottom:0;left:0;right:0;padding:16px;display:flex;justify-content:space-between;align-items:flex-end;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.6) 50%,transparent 100%);opacity:1;transition:all .3s ease;z-index:3}.item-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;margin-right:12px}.item-title{font-size:13px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.item-author{font-size:12px;font-weight:600;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-actions{display:flex;gap:8px;align-items:center}.item-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:20px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.item-action-btn svg{width:16px;height:16px}.item-action-btn:hover{background:#ffffff40;transform:translateY(-1px)}.like-btn{padding:6px 10px}.like-btn.liked{background:#ff475733;color:#ff4757}.like-btn.liked svg{color:#ff4757}.like-btn.liked:hover{background:#ff47574d}.like-count{font-size:13px;font-weight:600}.remix-btn:hover{background:#ffffff40;transform:translateY(-1px)}.preview-modal{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#000;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10001}.preview-video{max-width:90vw;max-height:85vh;width:auto;height:auto;border-radius:12px;box-shadow:0 20px 60px #00000080;background:#000}.video-preview{max-width:95vw}.preview-info{display:flex;flex-direction:column;gap:8px}.preview-info h3{font-size:20px;font-weight:600;color:#fff;margin:0}.preview-category{font-size:14px;color:#ffffffb3;padding:4px 12px;background:#ffffff1a;border-radius:12px;width:-moz-fit-content;width:fit-content}.preview-author{font-size:18px;font-weight:600;color:#fff}.preview-actions{display:flex;flex-direction:column;gap:16px;padding-top:16px}.preview-buttons{display:flex;gap:12px;flex-wrap:wrap}.preview-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-btn svg{width:18px;height:18px}.preview-btn:hover{background:#fff3;transform:translateY(-2px)}.preview-btn:disabled{opacity:.5;cursor:not-allowed}.preview-btn.liked{color:#ff4757;border-color:#ff4757;background:#ff47571a}.preview-btn.liked:hover{background:#ff475733}.preview-action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-action-btn svg{width:18px;height:18px}.preview-action-btn:hover{background:#fff3;transform:translateY(-2px)}.preview-action-btn.liked{color:#ff4757;border-color:#ff4757}@media(max-width:1024px){.gallery-container{padding:24px 24px 32px}.gallery-masonry{margin-left:-4px}.gallery-masonry_column{padding-left:4px;gap:4px}}@media(max-width:768px){.gallery-container{padding:20px 16px 24px}.gallery-masonry{margin-left:-4px}.gallery-masonry_column{padding-left:4px;gap:4px}.play-icon-wrapper{width:50px;height:50px}.play-icon{width:20px;height:20px}}@media(max-width:480px){.item-action-btn span{display:none}.item-action-btn{padding:8px}.overlay-actions{gap:8px}.action-btn{width:40px;height:40px}.play-icon-wrapper{width:45px;height:45px}.play-icon{width:18px;height:18px}}.item-action-btn:disabled,.preview-action-btn:disabled{cursor:not-allowed;opacity:.7}.item-action-btn.loading,.preview-action-btn.loading{pointer-events:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;padding:48px 24px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-container p{font-size:16px;color:#999;margin:0}.community-gallery-item{display:flex;flex-direction:column}.community-item-meta{height:28px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.community-item-author{display:flex;align-items:center;gap:8px;min-width:0}.community-item-avatar{width:20px;height:20px;border-radius:999px;-o-object-fit:cover;object-fit:cover;display:block;flex-shrink:0}.community-item-author-name{font-size:13px;line-height:1;font-weight:400;color:#252525;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.community-item-icon-btn{width:18px;height:18px;padding:0;border:none;background:transparent;color:#252525;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.community-item-icon-btn svg{width:17px;height:17px}.community-item-like-count{font-size:13px;font-weight:400;color:#252525;min-width:14px;text-align:left}.community-item-icon-btn.liked{color:#111}.dark-theme .community-item-author-name,.dark-theme .community-item-like-count,.dark-theme .community-item-icon-btn{color:#f1f1f1}.dark-theme .item-image-wrapper{background:#2a2a2a}.community-page{width:100%;height:100%;display:flex;flex-direction:column}.community-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #ffffff);padding:0 0 0 32px}.community-tab{display:flex;align-items:center;gap:0;padding:16px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #6b7280);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;top:0;margin-bottom:-1px}.community-tab:hover{color:var(--text-primary, #111827);background:transparent}.community-tab.active{color:var(--text-primary, #111827);border-bottom-color:var(--text-primary, #111827);font-weight:600}.tab-icon{display:none}.community-content{flex:1;overflow:hidden}.dark-theme .community-tabs{background:var(--bg-primary);border-bottom-color:var(--border-color)}.dark-theme .community-tab{color:var(--text-secondary)}.dark-theme .community-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.dark-theme .community-tab.active{color:var(--primary-color)}@media(max-width:768px){.community-tabs{padding-left:16px}.community-tab{padding:12px 16px;font-size:14px}}.my-uploads-container{width:100%;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.uploads-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(190,239,5,.1);border-top-color:#beef05;border-radius:50%;animation:spin .8s linear infinite}.uploads-loading p{color:#666;font-size:1rem}.uploads-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.uploads-title{font-size:2rem;font-weight:700;color:#2c3e50;margin:0}.uploads-stats{display:flex;gap:2rem}.stat-item{font-size:1rem;color:#666;font-weight:500}.header-controls{display:flex;gap:1rem;flex-wrap:wrap;width:100%}.search-box{flex:1;width:100%;position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#999;pointer-events:none;z-index:1;flex-shrink:0}.search-input{width:100%;padding:.75rem 1rem .75rem 3.2rem!important;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;outline:none;transition:all .3s ease;background:#fff;box-sizing:border-box}.search-input:focus{border-color:#42b883;box-shadow:0 0 0 3px #42b8831a}.uploads-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;background:#fff;border-radius:12px;padding:3rem;text-align:center}.empty-icon{width:80px;height:80px;color:#ccc;margin-bottom:1.5rem}.empty-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem}.empty-description{font-size:1rem;color:#999;margin:0}.uploads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.upload-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.upload-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.card-preview{width:100%;height:200px;background:#f5f5f5;position:relative;overflow:hidden}.preview-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .3s ease}.preview-image.loaded{opacity:1}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:#999}.preview-placeholder svg{width:48px;height:48px}.file-ext{font-size:.85rem;font-weight:600;color:#666}.card-content{padding:1rem}.card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.file-name{flex:1;margin:0;font-size:1rem;font-weight:600;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.copy-badge{font-size:.7rem;padding:.25rem .6rem;background:#ffa726;color:#fff;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #ffa7264d}.icon-btn{padding:.4rem;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#666;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-btn svg{width:16px;height:16px}.icon-btn:hover{background:#f5f5f5;color:#42b883}.editing-name{flex:1;display:flex;gap:.5rem;align-items:center}.name-input{flex:1;padding:.4rem .6rem;border:2px solid #42b883;border-radius:6px;font-size:.95rem;outline:none}.editing-actions{display:flex;gap:.25rem}.edit-btn{padding:.4rem;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-btn svg{width:16px;height:16px}.edit-btn.save{background:#42b883;color:#fff}.edit-btn.save:hover{background:#35a372}.edit-btn.cancel{background:#f5f5f5;color:#666}.edit-btn.cancel:hover{background:#e0e0e0}.file-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;font-size:.85rem;color:#999}.meta-item{display:flex;align-items:center}.card-actions{display:flex;gap:.4rem;padding-top:.75rem;border-top:1px solid #f0f0f0}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem .5rem;border:none;border-radius:6px;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:0;white-space:nowrap}.action-btn svg{width:15px;height:15px;flex-shrink:0}.action-btn.download svg{stroke:#fff}.action-btn.delete svg{stroke:#fff}.action-btn.download{background:#42b883;color:#fff}.action-btn.download:hover{background:#35a372}.action-btn.copy{background:#ffa726;color:#fff}.action-btn.copy svg{stroke:#fff}.action-btn.copy:hover{background:#fb8c00}.action-btn.delete{background:#ef5350;color:#fff}.action-btn.delete:hover{background:#e53935}.uploads-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:#fff;border-radius:12px}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:.95rem;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease}.pagination-btn svg{width:16px;height:16px}.pagination-btn:hover:not(:disabled){border-color:#42b883;color:#42b883}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.95rem;color:#666;font-weight:500}.search-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:2rem;background:#fff;border-radius:12px;color:#42b883;font-size:.95rem;font-weight:500}.loading-spinner-small{width:20px;height:20px;border:3px solid rgba(190,239,5,.2);border-top-color:#beef05;border-radius:50%;animation:spin .6s linear infinite}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn:disabled:hover{transform:none;background:inherit}.action-btn svg *{stroke:inherit}.edit-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.my-uploads-container{padding:1rem}.uploads-header{padding:1.5rem}.header-top{flex-direction:column;align-items:flex-start;gap:1rem}.uploads-title{font-size:1.5rem}.header-controls{flex-direction:column;width:100%}.search-box{min-width:100%}.search-input{padding:.65rem 1rem .65rem 2.8rem!important;font-size:.9rem}.search-icon{left:12px;width:16px;height:16px}.category-filters{width:100%;overflow-x:auto;padding-bottom:.5rem}.uploads-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.action-btn{font-size:.72rem;padding:.5rem .4rem;gap:.25rem}.action-btn svg{width:12px;height:12px}}.logo-designs-list-page{width:100%;padding:24px 40px 48px;min-height:100vh}.logo-designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;max-width:1600px;margin:0 auto}.logo-design-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:visible;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;aspect-ratio:1;display:flex;flex-direction:column;z-index:1}.logo-design-card.menu-open{z-index:1001}.logo-design-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#beef05}.logo-design-thumbnail{position:absolute;inset:0;width:100%;height:100%;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px}.logo-design-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease,opacity .3s ease}.logo-design-card:hover .logo-design-thumbnail img{transform:scale(1.05)}.logo-design-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#d1d5db}.logo-design-info{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;display:flex;flex-direction:row;align-items:center;gap:12px;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.5) 70%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 12px 12px;z-index:10}.logo-design-title{font-size:13px;font-weight:600;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.3)}.logo-design-menu-btn{background:#ffffff26;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:1}.logo-design-menu-btn:hover{background:#ffffff40;color:#fff}.logo-design-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:6px;min-width:150px;z-index:1000}.logo-design-date{font-size:11px;color:#ffffffd9;margin:0;font-weight:500;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3)}.create-new-card{background:linear-gradient(135deg,#fefce8,#fef9c3);border:2px dashed #BEEF05;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.create-new-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(190,239,5,.05) 100%);opacity:0;transition:opacity .3s}.create-new-card:hover:before{opacity:1}.create-new-card:hover{border-color:#a0c900;transform:translateY(-4px) scale(1.01)}.create-new-content{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1}.create-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#beef05,#a0c900);display:flex;align-items:center;justify-content:center;color:#1a1a1a;transition:transform .3s;box-shadow:0 4px 12px #beef054d}.create-new-card:hover .create-icon{transform:rotate(90deg) scale(1.1)}.create-text{font-size:14px;font-weight:600;color:#4a5a00;letter-spacing:.02em}@media(max-width:1400px){.logo-designs-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}}@media(max-width:1200px){.logo-designs-list-page{padding:20px 32px 40px}.logo-designs-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.logo-design-title{font-size:12px}}@media(max-width:1024px){.logo-designs-list-page{padding:16px 24px 32px}.logo-designs-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.logo-design-info{padding:10px 12px;gap:10px}}@media(max-width:768px){.logo-designs-list-page{padding:16px 20px 28px}.logo-designs-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.logo-design-card{border-radius:10px}.logo-design-info{padding:8px 10px;gap:8px}.logo-design-title{font-size:11px}.logo-design-date{font-size:10px}.create-icon{width:48px;height:48px}.create-icon svg{width:28px;height:28px}.create-text{font-size:12px}}@media(max-width:640px){.logo-designs-list-page{padding:12px 16px 24px}.logo-designs-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.create-icon{width:44px;height:44px}.delete-modal{padding:24px 20px;border-radius:12px}.delete-modal-icon{width:56px;height:56px}.delete-modal-icon svg{width:40px;height:40px}.delete-modal-title{font-size:20px}.delete-modal-message{font-size:14px}.delete-modal-btn{padding:10px 20px;font-size:14px}}.dashboard{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-hover: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #6b7280;--border-color: #e5e5e5;--card-bg: #ffffff;--shadow: rgba(0, 0, 0, .05);--accent-color: #f5f5dc;--accent-border: #e8e4b8}.dashboard.dark-theme{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-hover: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-color: #2a2a2a;--card-bg: #141414;--shadow: rgba(0, 0, 0, .3);--accent-color: #2a2a20;--accent-border: #4a4a30}.dashboard{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,sans-serif;position:relative;width:100%;overflow-x:hidden;transition:background .3s ease,color .3s ease}.dashboard-sidebar{width:260px;background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;flex-shrink:0;transition:width .3s ease,background .3s ease,border-color .3s ease}.dashboard-sidebar.collapsed{width:64px}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-color)}.sidebar-logo-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.logo-icon{width:32px;height:32px;color:var(--text-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-collapse-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.dashboard-sidebar.collapsed .sidebar-collapse-btn{margin-left:auto;margin-right:auto}.sidebar-nav{flex:1;padding:12px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.create-design-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.create-design-btn:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.create-design-btn:disabled{opacity:.6;cursor:not-allowed}.create-design-btn svg{width:16px;height:16px;flex-shrink:0}.dashboard-sidebar.collapsed .create-design-btn{padding:12px}.dashboard-sidebar.collapsed .create-design-btn span{display:none}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:400;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:2px}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-hover);color:var(--text-primary);font-weight:500}.nav-icon{width:20px;height:20px;flex-shrink:0}.nav-text{flex:1;text-align:left;white-space:nowrap}.nav-divider{height:1px;background:var(--border-color);margin:12px 0}.nav-section-title{padding:8px 12px;font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.chat-item{padding-left:24px}.chat-item .nav-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item.loading,.chat-item.empty{cursor:default;opacity:.6}.chat-item.empty:hover{background:transparent}.chat-item .text-muted{color:var(--text-secondary);font-style:italic}.dashboard-sidebar.collapsed .nav-text,.dashboard-sidebar.collapsed .nav-section-title{display:none}.dashboard-sidebar.collapsed .nav-item{justify-content:center;padding-left:12px;padding-right:12px}.sidebar-footer{padding:12px;border-top:1px solid var(--border-color)}.user-profile-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.user-profile-btn:hover{background:var(--bg-hover)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.user-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-sidebar.collapsed .user-name{display:none}.dashboard .user-dropdown-menu{position:fixed!important;inset:auto auto 80px 12px!important;width:196px!important;min-width:196px!important;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;padding:8px;animation:slideUpFade .2s ease;z-index:10000}.dashboard.dark-theme .user-dropdown-menu{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 8px 24px #00000080}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease;text-align:left}.menu-item svg{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.menu-item:hover{background:var(--bg-hover)}.menu-item.logout-item:hover{background:#f44;color:#fff}.menu-item.logout-item:hover svg{color:#fff}.menu-divider{height:1px;background:var(--border-color);margin:6px 0}.credit-display{background:#ccff001a;color:#8b8b00;font-weight:500;cursor:default;pointer-events:none}.dashboard.dark-theme .credit-display{color:#cf0}.credit-display svg{color:#8b8b00}.dashboard.dark-theme .credit-display svg{color:#cf0}.dashboard-main{position:absolute;left:260px;right:0;min-height:100vh;background:var(--bg-primary);padding:0;transition:left .3s ease,background .3s ease}.dashboard-main.sidebar-collapsed{left:64px}.main-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-primary);z-index:50;transition:background .3s ease,border-color .3s ease}.page-title{font-size:18px;font-weight:600;margin:0;color:var(--text-primary)}.header-actions{display:flex;gap:8px;align-items:center}.icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.icon-btn svg{width:14px;height:14px}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.help-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:1px solid var(--border-color);border-radius:16px;color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.help-btn:hover{background:var(--bg-hover)}.help-btn svg{width:14px;height:14px}.quick-tools-container{padding:32px;max-width:1200px}.quick-tools-header{margin-bottom:24px}.quick-tools-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.quick-tools-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.quick-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--text-secondary)}.tool-card.selected{border:2px solid var(--accent-border);background:var(--accent-color)}.tool-card-header{margin-bottom:12px}.tool-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--text-primary)}.tool-icon svg{width:24px;height:24px}.tool-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.tool-description{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tool-preview{height:120px;border-radius:8px;overflow:hidden;position:relative}.transparency-grid{width:100%;height:100%;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#f0f0f0}.dashboard.dark-theme .transparency-grid{background-image:linear-gradient(45deg,#2a2a2a 25%,transparent 25%),linear-gradient(-45deg,#2a2a2a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a2a 75%),linear-gradient(-45deg,transparent 75%,#2a2a2a 75%);background-color:#1a1a1a}.tool-loading{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:12px}.dashboard.dark-theme .tool-loading{background:#000c}.notification-menu-container,.notification-btn{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;background:#f44;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;overflow:hidden;z-index:1000}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.notification-header h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.mark-all-read-btn{background:transparent;border:none;color:#cf0;font-size:13px;font-weight:500;cursor:pointer}.notification-list{max-height:400px;overflow-y:auto}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-secondary)}.no-notifications svg{width:48px;height:48px;margin-bottom:16px;opacity:.3}.no-notifications p{font-size:14px;margin:0}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-hover)}.notification-item.unread{background:#ccff000d}.notification-content{flex:1}.notification-content h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.notification-content p{font-size:13px;color:var(--text-secondary);margin:0 0 6px;line-height:1.4}.notification-time{font-size:11px;color:var(--text-secondary);opacity:.7}.unread-dot{width:8px;height:8px;border-radius:50%;background:#cf0;flex-shrink:0;margin-top:4px}.empty-state{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);font-size:16px}@media(max-width:1200px){.quick-tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.dashboard-sidebar{width:64px}.dashboard-sidebar .nav-text,.dashboard-sidebar .nav-section-title,.dashboard-sidebar .user-name{display:none}.dashboard-sidebar .nav-item{justify-content:center;padding-left:12px;padding-right:12px}.dashboard-sidebar .create-design-btn{padding:12px}.dashboard-sidebar .create-design-btn span{display:none}.dashboard-main{left:64px}.quick-tools-container{padding:24px}}@media(max-width:768px){.quick-tools-grid{grid-template-columns:1fr}.main-header{padding:12px 16px}.quick-tools-container{padding:16px}.help-btn span{display:none}.help-btn{width:36px;height:36px;padding:0;border-radius:50%;justify-content:center}}.explore-container{width:calc(100% - 64px);max-width:1000px;margin:0 auto}.creation-section{padding:48px 0;margin:0}.creation-grid{width:100%;margin:0 0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.creation-card{position:relative;padding:40px 36px;border-radius:24px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:280px;display:flex;flex-direction:column;background:var(--card-bg);border:2px solid transparent;box-shadow:0 4px 16px #0000000a,0 1px 3px #00000005;box-sizing:border-box}.card-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;gap:8px}.card-icon{font-size:64px;margin-bottom:20px;opacity:1}.card-title{font-size:24px;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.card-description{font-size:15px;color:var(--text-secondary);margin:0 0 auto;line-height:1.6}.card-btn{margin-top:24px;padding:13px 24px;background:#f8f9fa;border:1.5px solid #e5e7eb;color:var(--text-primary);font-size:14px;font-weight:600;border-radius:32px;cursor:pointer;transition:all .25s ease;align-self:flex-start}.dashboard.dark-theme .card-btn{background:#ffffff0d;border-color:#ffffff1a}.card-btn:hover{background:#d4fc79;color:#000;border-color:#d4fc79}.chat-section{padding:0 0 48px;margin:0}.dashboard-image-previews{display:flex;gap:8px;flex-wrap:wrap;align-items:center;width:100%}.dashboard-image-preview-wrapper{position:relative;width:48px;height:48px;flex-shrink:0}.dashboard-image-preview-item{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;border:2px solid var(--border-color);background:var(--card-bg)}.dashboard-image-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dashboard-image-uploading{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center}.dashboard-remove-image-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#000;border:2px solid var(--card-bg);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.dashboard-remove-image-btn:hover:not(:disabled){background:#ff3b30}.dashboard-remove-image-btn svg{width:10px;height:10px}.chat-input-container{width:100%;max-width:none!important;margin:0;position:relative;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:24px!important;padding:12px 20px;display:flex;box-shadow:0 2px 8px var(--shadow);min-height:60px}.chat-input-container:focus-within{border-color:#d4fc7980}.chat-input-actions-row{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%}.chat-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:15px;padding:8px 0;font-family:inherit}.chat-input::-moz-placeholder{color:var(--text-secondary)}.chat-input::placeholder{color:var(--text-secondary)}.chat-actions{display:flex;gap:8px;align-items:center}.chat-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;flex-shrink:0}.chat-btn svg{width:20px;height:20px}.upload-btn{background:transparent;color:var(--text-secondary)}.upload-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.send-btn{background:#000;color:#fff;border-radius:50%!important;width:48px;height:48px}.send-btn:hover{background:#1a1a1a}.dashboard.dark-theme .send-btn{background:#d4fc79;color:#000}.dashboard.dark-theme .send-btn:hover{background:#e0fd95}.create-design-page{height:100vh;background:#f0f0f0;overflow:hidden;box-sizing:border-box}.create-design-page .dashboard-sidebar{left:12px;top:12px;height:calc(100vh - 24px);border-radius:16px}.create-design-main{position:fixed;inset:12px 12px 12px 284px;display:flex;flex-direction:column;gap:12px;background:transparent;transition:left .3s ease}.create-design-page:has(.dashboard-sidebar.collapsed) .create-design-main{left:88px}.create-design-header-card{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#fff;border-radius:12px;flex-shrink:0}.create-design-header-title{font-size:15px;font-weight:600;margin:0;color:#1a1a1a}.create-design-header-actions{display:flex;gap:8px;align-items:center}.create-design-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.create-design-icon-btn:hover{background:#f3f4f6;color:#1a1a1a}.create-design-icon-btn svg{width:16px;height:16px}.create-design-help-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:transparent;border:1px solid #e5e7eb;border-radius:16px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.create-design-help-btn:hover{background:#f9fafb;border-color:#d1d5db}.create-design-help-btn svg{width:14px;height:14px}.create-design-content-wrapper{flex:1;display:flex;align-items:flex-start;gap:12px;overflow-y:auto;overflow-x:hidden;min-height:0;position:relative}.create-design-form-card{flex:1;background:#fff;border-radius:12px;padding:20px;overflow-y:auto}.create-design-preview-card{width:240px;min-width:240px;max-width:240px;background:#fff;border-radius:12px;padding:16px;flex-shrink:0;align-self:flex-start;height:-moz-fit-content;height:fit-content;position:sticky;top:0}.preview-divider{height:1px;background:#e5e7eb;margin:16px 0}.form-header{margin-bottom:20px}.form-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 6px}.form-subtitle{font-size:12px;color:#6b7280;margin:0;line-height:1.5}.form-block{background:#fafafa;border:1px solid #e5e5e5;border-radius:10px;padding:16px;margin-bottom:16px}.block-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.block-title{font-size:13px;font-weight:600;color:#1a1a1a;margin:0}.optional-tag{display:inline-flex;align-items:center;padding:2px 8px;background:#cf0;color:#000;font-size:10px;font-weight:600;border-radius:10px;text-transform:uppercase}.block-description{font-size:11px;color:#6b7280;margin:0 0 12px}.form-group{margin-bottom:12px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:12px;font-weight:500;color:#1a1a1a;margin-bottom:6px}.form-label .required{color:#f44;margin-left:2px}.form-input{width:100%;padding:8px 10px;background:#fff;border:1px solid #e5e5e5;border-radius:6px;font-size:11px;color:#1a1a1a;transition:all .2s ease;box-sizing:border-box;height:34px}.form-input:focus{outline:none;border-color:#6b7280;background:#fff}.form-input::-moz-placeholder{color:#9ca3af;font-size:11px}.form-input::placeholder{color:#9ca3af;font-size:11px}.industry-input-wrapper{position:relative}.industry-input-row{position:relative;display:flex;align-items:center}.industry-input-row .form-input{flex:1;padding-right:28px}.industry-spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:12px;height:12px;border:1.5px solid #e0e0e0;border-top-color:#888;border-radius:50%;animation:industry-spin .7s linear infinite}@keyframes industry-spin{to{transform:translateY(-50%) rotate(360deg)}}.industry-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:180px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden}.industry-suggestion{width:100%;display:block;padding:7px 12px;background:transparent;border:none;font-size:12px;font-family:inherit;color:#555;text-align:left;cursor:pointer;transition:background .15s}.industry-suggestion:hover{background:#f5f5f5;color:#111}.form-textarea{width:100%;padding:8px 10px;background:#fff;border:1px solid #e5e5e5;border-radius:6px;font-size:11px;color:#1a1a1a;resize:vertical;min-height:48px;font-family:inherit;transition:all .2s ease;box-sizing:border-box;line-height:1.5}.form-textarea:focus{outline:none;border-color:#6b7280;background:#fff}.form-textarea::-moz-placeholder{color:#9ca3af;font-size:10px}.form-textarea::placeholder{color:#9ca3af;font-size:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.import-input-row{display:flex;gap:10px}.import-input{flex:1}.import-btn{padding:10px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:12px;font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease;height:40px;display:flex;align-items:center;justify-content:center;gap:5px}.import-btn:hover:not(:disabled){opacity:.9}.import-btn:disabled{opacity:.5;cursor:not-allowed}.import-btn .btn-spinner{width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:import-btn-spin .8s linear infinite;flex-shrink:0}@keyframes import-btn-spin{to{transform:rotate(360deg)}}.logo-options{display:flex;flex-direction:column;gap:12px}.logo-option{display:block;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease}.logo-option:hover{border-color:#9ca3af}.logo-option.selected{border-color:#1a1a1a;background:#fff}.logo-option input[type=radio]{display:none}.logo-option-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.logo-option-card:hover{border-color:#9ca3af;box-shadow:0 2px 6px #00000014}.logo-option-card.selected{border-color:#1a1a1a;box-shadow:0 2px 8px #0000001a}.logo-option-header{display:block;cursor:pointer;margin-bottom:12px}.logo-option-header input[type=radio]{display:none}.option-content{display:flex;align-items:flex-start;gap:12px}.option-radio{width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;margin-top:2px;position:relative;transition:all .2s ease}.logo-option.selected .option-radio,.logo-option-card.selected .option-radio{border-color:#1a1a1a}.logo-option.selected .option-radio:after,.logo-option-card.selected .option-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#1a1a1a;border-radius:50%}.option-text{flex:1}.option-text h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.option-text p{font-size:12px;color:#1a1a1a;margin:0;line-height:1.5;font-weight:400}.upload-area-inline{margin-top:0;padding-left:0;display:flex;flex-direction:column;gap:12px}.upload-label-inline{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px dashed #d1d5db;border-radius:12px;cursor:pointer;transition:all .2s ease}.upload-label-inline:hover{border-color:#9ca3af;background:#fff}.upload-label-inline svg{flex-shrink:0;width:24px;height:24px;color:#1a1a1a}.upload-label-inline span{font-size:12px;color:#9ca3af;line-height:1.4}.upload-area{margin-top:10px;padding-left:26px}.upload-label{display:flex;align-items:center;gap:12px;padding:12px;background:#fafafa;border:1px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease}.upload-label:hover{border-color:#9ca3af;background:#f5f5f5}.upload-label svg{flex-shrink:0;width:36px;height:36px}.upload-label span{font-size:11px;color:#6b7280;line-height:1.4}.upload-preview-crop{position:relative;padding:14px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:visible;margin-top:0;display:flex;justify-content:center;align-items:center}.upload-area-inline .upload-preview-crop{margin-top:0}.crop-wrapper{position:relative;display:inline-block;max-width:100%}.upload-preview-crop .ReactCrop{max-width:100%;border-radius:8px;overflow:hidden;position:relative;display:inline-block}.upload-preview-crop img{display:block;max-width:100%;max-height:400px;width:auto;height:auto;margin:0 auto}.upload-preview-crop .ReactCrop__crop-selection{border:none!important;box-shadow:none!important}.upload-preview-crop .ReactCrop__drag-handle{display:block!important;opacity:1!important;pointer-events:auto!important;border:1px solid rgba(255,255,255,.9)!important;background:#ffffff80!important}.upload-preview-crop .ReactCrop__drag-handle.ord-n,.upload-preview-crop .ReactCrop__drag-handle.ord-s,.upload-preview-crop .ReactCrop__drag-handle.ord-e,.upload-preview-crop .ReactCrop__drag-handle.ord-w{display:block!important;visibility:visible!important}.remove-image-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#000;border:2px solid #ffffff;color:#fff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:flex-start;justify-content:center;padding-top:-3px;transition:all .2s ease;z-index:10;box-shadow:0 2px 4px #0003}.crop-wrapper .remove-image-btn{position:absolute;top:8px;right:8px;z-index:20}.remove-image-btn:hover{background:#ff3b30;transform:scale(1.1)}.upload-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px}.upload-preview img{max-width:160px;max-height:160px;-o-object-fit:contain;object-fit:contain;border-radius:6px;box-shadow:0 2px 8px #00000014}.change-image-btn{padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:5px;font-size:11px;color:#374151;cursor:pointer;transition:all .2s ease}.change-image-btn:hover{border-color:#9ca3af;background:#f5f5f5}.styles-grid-scroll{margin-top:12px;min-height:240px;max-height:480px;overflow-y:auto;overflow-x:hidden;border-radius:10px}.styles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.style-card{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid #e5e5e5;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:#f8f8f8}.style-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000001a;border-color:#d0d0d0}.style-card.selected{border-color:#c4f751;background:transparent;box-shadow:0 0 0 2px #c4f7514d}.style-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;display:block}.style-card:hover .style-image{transform:scale(1.03)}.style-name-overlay{position:absolute;bottom:0;left:0;right:0;padding:6px;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:10px;font-weight:600;text-align:center;opacity:0;transition:opacity .2s ease}.style-card:hover .style-name-overlay{opacity:1}.style-card.skeleton{cursor:default;background:#f5f5f5}.skeleton-content{width:100%;height:100%;background:linear-gradient(90deg,#f5f5f5 25%,#ebebeb,#f5f5f5 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.style-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#6b7280;font-size:10px;font-weight:500;text-align:center;padding:10px}.style-checkbox{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:#fffffff2;border:2px solid #d0d0d0;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s ease}.style-card.selected .style-checkbox{background:#c4f751;border-color:#c4f751;box-shadow:0 2px 4px #c4f75180}.style-checkbox svg{color:#1a1a1a;width:10px;height:10px}.no-styles-available{grid-column:1 / -1;text-align:center;padding:28px 16px;color:#6b7280;font-size:12px}.start-chat-btn{width:100%;max-width:240px;margin:20px auto 0;display:block;padding:12px 24px;background:#1a1a1a;color:#fff;border:none;border-radius:24px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.start-chat-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.start-chat-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-design-preview-card .preview-title{display:block;font-size:13px;font-weight:400;color:#1a1a1a;margin:0 0 12px;border-bottom:none!important;padding-bottom:0!important;height:auto!important;background:transparent!important;width:auto!important;border-radius:0!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:100%;letter-spacing:0%}.create-design-preview-card .preview-title.preview-title-main{font-size:16px;font-weight:600;font-style:normal}.preview-items-list{display:block}.preview-item{display:block;margin-bottom:8px;line-height:1.5}.preview-item:last-child{margin-bottom:0}.preview-label{font-size:13px;font-weight:400;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:100%;letter-spacing:0%}.preview-value{font-size:13px;font-weight:400;color:#1a1a1a;margin-left:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:100%;letter-spacing:0%}.preview-styles-title{margin-top:16px!important;margin-bottom:10px!important}.selected-styles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.selected-style-thumb{aspect-ratio:1;border-radius:6px;overflow:hidden;border:1px solid #e5e5e5}.selected-style-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.no-styles-text{font-size:11px;color:#6b7280;margin:0}.preview-color-palette{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0;align-items:center}.preview-color-swatch{cursor:pointer;position:relative}.preview-color-swatch .color-square{display:block;width:32px;height:32px;border-radius:8px;border:2px solid #e5e5e5;transition:all .2s ease;cursor:pointer}.preview-color-swatch:hover .color-square{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.color-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.color-delete-btn{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#ef4444;border:2px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .15s ease;padding:0;color:#fff;z-index:2}.preview-color-swatch:hover .color-delete-btn{opacity:1;transform:scale(1)}.color-delete-btn:hover{background:#dc2626}.color-add-btn{width:32px;height:32px;border-radius:8px;border:2px dashed #d1d5db;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9ca3af;transition:all .2s ease;padding:0}.color-add-btn:hover{border-color:#6366f1;color:#6366f1;background:#6366f10d}@media(max-width:1200px){.create-design-content-wrapper{flex-direction:column;align-items:stretch}.create-design-preview-card{width:100%;min-width:auto;max-width:100%;order:-1;position:relative;top:0;margin-bottom:12px}.create-design-form-card{max-width:none;width:100%}.styles-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.create-design-main{left:88px}.styles-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.form-row{grid-template-columns:1fr}.import-input-row{flex-direction:column}.styles-grid{grid-template-columns:repeat(2,1fr)}.create-design-help-btn span{display:none}.create-design-help-btn{width:32px;height:32px;padding:0;border-radius:50%;justify-content:center}.create-design-form-card{padding:16px}.create-design-preview-card{padding:12px;width:100%;max-width:100%}}@media(max-width:600px){.create-design-main{inset:8px}.create-design-page .dashboard-sidebar{display:none}}@media(max-width:480px){.create-design-form-card,.form-block{padding:12px}.form-title{font-size:18px}}.create-design-page.dark-theme{background:#1a1a1a}.create-design-page.dark-theme .dashboard-sidebar,.create-design-page.dark-theme .create-design-header-card{background:#0a0a0a}.create-design-page.dark-theme .create-design-header-title{color:#fff}.create-design-page.dark-theme .create-design-icon-btn{color:#9ca3af}.create-design-page.dark-theme .create-design-icon-btn:hover{background:#374151;color:#fff}.create-design-page.dark-theme .create-design-help-btn{border-color:#374151;color:#d1d5db}.create-design-page.dark-theme .create-design-help-btn:hover{background:#374151;border-color:#4b5563}.create-design-page.dark-theme .create-design-form-card,.create-design-page.dark-theme .create-design-preview-card{background:#0a0a0a}.create-design-page.dark-theme .form-title{color:#fff}.create-design-page.dark-theme .form-subtitle{color:#9ca3af}.create-design-page.dark-theme .form-block{background:#111;border-color:#2a2a2a}.create-design-page.dark-theme .block-title{color:#fff}.create-design-page.dark-theme .block-description{color:#9ca3af}.create-design-page.dark-theme .form-label{color:#fff}.create-design-page.dark-theme .form-input{background:#1a1a1a;border-color:#2a2a2a;color:#fff}.create-design-page.dark-theme .form-input:focus{border-color:#6b7280;background:#1a1a1a}.create-design-page.dark-theme .form-input::-moz-placeholder{color:#6b7280}.create-design-page.dark-theme .form-input::placeholder{color:#6b7280}.create-design-page.dark-theme .industry-spinner{border-color:#333;border-top-color:#aaa}.create-design-page.dark-theme .industry-suggestions{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 6px 20px #0006}.create-design-page.dark-theme .industry-suggestion{color:#aaa}.create-design-page.dark-theme .industry-suggestion:hover{background:#222;color:#eee}.create-design-page.dark-theme .form-textarea{background:#1a1a1a;border-color:#2a2a2a;color:#fff}.create-design-page.dark-theme .form-textarea:focus{border-color:#6b7280;background:#1a1a1a}.create-design-page.dark-theme .form-textarea::-moz-placeholder{color:#6b7280}.create-design-page.dark-theme .form-textarea::placeholder{color:#6b7280}.create-design-page.dark-theme .import-btn{background:#cf0;color:#000}.create-design-page.dark-theme .logo-option{background:#1a1a1a;border-color:#2a2a2a}.create-design-page.dark-theme .logo-option:hover{border-color:#4b5563}.create-design-page.dark-theme .logo-option.selected{border-color:#fff;background:#1a1a1a}.create-design-page.dark-theme .logo-option-card{background:#1a1a1a;border-color:#2a2a2a}.create-design-page.dark-theme .logo-option-card:hover{border-color:#4b5563}.create-design-page.dark-theme .logo-option-card.selected{border-color:#fff}.create-design-page.dark-theme .option-radio{border-color:#4b5563}.create-design-page.dark-theme .logo-option.selected .option-radio,.create-design-page.dark-theme .logo-option-card.selected .option-radio{border-color:#fff}.create-design-page.dark-theme .logo-option.selected .option-radio:after,.create-design-page.dark-theme .logo-option-card.selected .option-radio:after{background:#fff}.create-design-page.dark-theme .option-text h4,.create-design-page.dark-theme .option-text p{color:#fff}.create-design-page.dark-theme .upload-label{background:#111;border-color:#4b5563}.create-design-page.dark-theme .upload-label:hover{border-color:#6b7280;background:#1a1a1a}.create-design-page.dark-theme .upload-label svg{color:#9ca3af}.create-design-page.dark-theme .upload-label span{color:#9ca3af}.create-design-page.dark-theme .upload-label-inline{background:#fff;border-color:#4b5563;border-radius:12px}.create-design-page.dark-theme .upload-label-inline:hover{border-color:#6b7280;background:#fff}.create-design-page.dark-theme .upload-label-inline svg{color:#fff}.create-design-page.dark-theme .upload-label-inline span{color:#9ca3af}.create-design-page.dark-theme .style-card{border-color:#2a2a2a;background:#111}.create-design-page.dark-theme .style-card:hover{border-color:#4b5563}.create-design-page.dark-theme .style-card.skeleton{background:#111}.create-design-page.dark-theme .skeleton-content{background:linear-gradient(90deg,#111 25%,#1a1a1a,#111 75%)}.create-design-page.dark-theme .style-placeholder{background:#111;color:#6b7280}.create-design-page.dark-theme .no-styles-available{color:#6b7280}.create-design-page.dark-theme .start-chat-btn{background:#fff;color:#1a1a1a}.create-design-page.dark-theme .create-design-preview-card .preview-title{color:#fff;border-bottom:none!important;padding-bottom:0!important;height:auto!important;background:transparent!important;width:auto!important;border-radius:0!important}.create-design-page.dark-theme .preview-label{color:#fff}.create-design-page.dark-theme .preview-value{color:#9ca3af}.create-design-page.dark-theme .selected-style-thumb{border-color:#2a2a2a}.create-design-page.dark-theme .no-styles-text{color:#6b7280}.create-design-page.dark-theme .preview-color-swatch .color-square{border-color:#3a3a3a}.create-design-page.dark-theme .color-delete-btn{border-color:#1a1a1a}.create-design-page.dark-theme .color-add-btn{border-color:#3a3a3a;color:#6b7280}.create-design-page.dark-theme .color-add-btn:hover{border-color:#818cf8;color:#818cf8;background:#6366f11a}.create-design-page.dark-theme .preview-divider{background:#2a2a2a}.create-design-page.dark-theme .upload-preview-crop{background:#1a1a1a;border-color:#2a2a2a}.products-page{position:fixed!important;inset:0!important;background:#fff!important;overflow:hidden!important;padding:12px!important;box-sizing:border-box!important}.products-page .dashboard-sidebar{position:fixed!important;left:10px!important;top:10px!important;bottom:10px!important;height:auto!important;border-radius:16px!important;background:#ffffffb3!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 8px 24px #959da533!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.products-main{position:fixed!important;inset:12px 12px 12px 284px!important;display:flex!important;flex-direction:column!important;gap:12px!important;background:transparent!important}.products-floating-bell{position:fixed;top:22px;right:22px;z-index:4}.products-header-card{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-radius:16px;flex-shrink:0;min-height:68px;box-sizing:border-box}.products-header-title{position:relative;top:-12px;left:-8px;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.32px;margin:0;color:#000}.products-header-actions{display:flex;gap:8px;align-items:center}.products-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s}.products-icon-btn:hover{background:#f3f4f6;color:#1a1a1a}.products-icon-btn svg{width:20px;height:20px}.products-help-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #e5e7eb;border-radius:20px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.products-help-btn:hover{background:#f9fafb;border-color:#d1d5db}.products-help-btn svg{width:16px;height:16px}.products-content-card{flex:1;background:#fff;border-radius:16px;padding:32px;overflow-y:auto}.products-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(196,247,81,.2);border-top-color:#c4f751;border-radius:50%;animation:spin .8s linear infinite}.products-loading p{font-size:14px;color:#6b7280;font-weight:500}.products-search-row{margin-bottom:24px}.products-search{width:240px}.products-search .search-input{width:100%;box-sizing:border-box;height:40px;padding:0 12px 0 36px;border:1px solid #e5e7eb;border-radius:20px;font-size:14px;color:#1a1a1a;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='16.65' y1='16.65' x2='21' y2='21'/%3E%3C/svg%3E") 12px center no-repeat;transition:border-color .2s,box-shadow .2s}.products-search .search-input:focus{outline:none;border-color:#c4f751;box-shadow:0 0 0 3px #c4f7511a}.products-search .search-input::-moz-placeholder{color:#9ca3af}.products-search .search-input::placeholder{color:#9ca3af}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.product-card{cursor:pointer;overflow:visible;aspect-ratio:1;display:flex;flex-direction:column;position:relative;border:1px solid #e5e5e5;border-radius:12px;background:#fff;z-index:1;transition:all .2s}.product-card.menu-open{z-index:100}.product-card:not(.upload-card):hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#d0d0d0}.product-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#c4f751;border-radius:12px 12px 0 0;flex-shrink:0;min-height:36px;position:relative}.product-card-title{font-size:11px;font-weight:600;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.product-rename-input{flex:1;min-width:0;font-size:11px;font-weight:600;color:#1a1a1a;border:1px solid #a8d86e;border-radius:4px;padding:2px 6px;outline:none;background:#fff;height:22px}.product-rename-input:focus{border-color:#7bc142;box-shadow:0 0 0 2px #7bc14226}.products-page.dark-theme .product-rename-input{background:#2a2a2a;color:#fff;border-color:#beef05}.product-menu-btn{width:24px;height:24px;background:transparent;border:none;color:#666;cursor:pointer;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.product-menu-btn:hover{color:#333}.product-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:8px 0;min-width:160px;z-index:1000}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;font-size:13px;font-weight:500;color:#333;cursor:pointer;transition:background .15s;text-align:left;white-space:nowrap}.menu-item:hover{background:#f5f5f5}.product-thumbnail{border-radius:0 0 12px 12px;flex:1;width:100%;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.thumbnail-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .3s ease,transform .3s ease}.thumbnail-image.loaded{opacity:1}.upload-card{background:#fffef5;border:2px dashed #d4fc79!important;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.upload-card:hover{background:#fefff0;border-color:#a0c900!important}.upload-content{display:flex;flex-direction:column;align-items:center;gap:10px}.upload-icon{width:40px;height:40px;border-radius:50%;background:#d4fc79;display:flex;align-items:center;justify-content:center;color:#1a1a1a;transition:transform .3s}.upload-icon svg{width:20px;height:20px}.upload-card:hover .upload-icon{transform:scale(1.1)}.upload-text{font-size:13px;font-weight:600;color:#1a1a1a}.products-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;gap:12px}.empty-icon{width:64px;height:64px;color:#d1d5db;margin-bottom:8px}.empty-title{font-size:18px;font-weight:600;color:#111827;margin:0}.empty-description{font-size:14px;color:#6b7280;margin:0}.products-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding:16px 0}.pagination-btn{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#c4f751;background:#fefff5}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:#6b7280}@media(max-width:1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}}@media(max-width:900px){.products-main{left:88px}}@media(max-width:768px){.products-header{flex-direction:column;align-items:flex-start;gap:16px}.products-search{width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.products-content-card{padding:24px}}.products-page.dark-theme{background:#fff!important}.products-page.dark-theme .dashboard-sidebar{background:#ffffffb3!important}.products-page.dark-theme .products-header-card{background:#0a0a0a}.products-page.dark-theme .products-header-title{color:#fff}.products-page.dark-theme .products-icon-btn{color:#9ca3af}.products-page.dark-theme .products-icon-btn:hover{background:#374151;color:#fff}.products-page.dark-theme .products-help-btn{border-color:#374151;color:#d1d5db}.products-page.dark-theme .products-help-btn:hover{background:#374151;border-color:#4b5563}.products-page.dark-theme .products-content-card{background:#0a0a0a}.products-page.dark-theme .products-search .search-input{background:#1a1a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='16.65' y1='16.65' x2='21' y2='21'/%3E%3C/svg%3E") 12px center no-repeat;border-color:#374151;color:#fff}.products-page.dark-theme .products-search .search-input::-moz-placeholder{color:#6b7280}.products-page.dark-theme .products-search .search-input::placeholder{color:#6b7280}.products-page.dark-theme .products-search .search-input:focus{border-color:#cf0}.products-page.dark-theme .product-card{background:#1a1a1a;border-color:#2a2a2a}.products-page.dark-theme .product-card:not(.upload-card):hover{border-color:#3a3a3a;box-shadow:0 4px 12px #0006}.products-page.dark-theme .product-card-header{background:#7bbd00}.products-page.dark-theme .product-card-title{color:#1a1a1a}.products-page.dark-theme .product-menu-btn{color:#333}.products-page.dark-theme .product-menu-btn:hover{color:#000}.products-page.dark-theme .product-menu-dropdown{background:#1f1f1f;box-shadow:0 4px 20px #00000080}.products-page.dark-theme .product-menu-dropdown .menu-item{color:#d1d5db}.products-page.dark-theme .product-menu-dropdown .menu-item:hover{background:#2a2a2a}.products-page.dark-theme .product-thumbnail{background:#111}.products-page.dark-theme .upload-card{background:#1a1a1a}.products-page.dark-theme .upload-card:after{border-color:#4a5a20}.products-page.dark-theme .upload-card:hover{background:#222}.products-page.dark-theme .upload-card:hover:after{border-color:#6a8a20}.products-page.dark-theme .upload-text{color:#9ca3af}.products-page.dark-theme .empty-state h3{color:#fff}.products-page.dark-theme .empty-state p,.products-page.dark-theme .products-loading p{color:#9ca3af}.products-page.dark-theme .pagination-btn{background:#1a1a1a;border-color:#374151;color:#d1d5db}.products-page.dark-theme .pagination-btn:hover:not(:disabled){background:#374151}.products-page.dark-theme .pagination-btn:disabled{color:#4b5563}.products-page.dark-theme .pagination-info{color:#9ca3af}.product-upload-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-upload-modal{background:#fff;border-radius:16px;width:560px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;overflow:hidden}.pum-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f0f0f0}.pum-header h2{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.pum-close-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.pum-close-btn:hover{background:#f3f4f6;color:#1a1a1a}.pum-dropzone{margin:20px 24px;padding:40px 20px;border:2px dashed #d4fc79;border-radius:12px;background:#fefff5;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s}.pum-dropzone:hover,.pum-dropzone.dragging{border-color:#a0c900;background:#f8ffe0}.pum-dropzone-icon{color:#6b7280;margin-bottom:12px}.pum-dropzone.dragging .pum-dropzone-icon{color:#4d7c0f;transform:scale(1.1);transition:transform .2s}.pum-dropzone-text{font-size:15px;font-weight:600;color:#374151;margin:0 0 6px}.pum-dropzone-hint{font-size:13px;color:#9ca3af;margin:0}.pum-file-list{padding:0 24px;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.pum-file-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f9fafb;border-radius:10px;transition:background .2s}.pum-file-item.success{background:#f0fdf4}.pum-file-item.error{background:#fef2f2}.pum-file-thumb{width:40px;height:40px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.pum-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pum-file-name{font-size:13px;font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pum-file-status{font-size:12px;color:#9ca3af}.pum-file-item.success .pum-file-status{color:#16a34a}.pum-file-item.error .pum-file-status{color:#ef4444}.pum-file-remove{background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .2s;flex-shrink:0}.pum-file-remove:hover{color:#ef4444;background:#fef2f2}.pum-file-spinner{width:18px;height:18px;border:2px solid rgba(196,247,81,.3);border-top-color:#c4f751;border-radius:50%;animation:pum-spin .7s linear infinite;flex-shrink:0}@keyframes pum-spin{to{transform:rotate(360deg)}}.pum-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 20px;border-top:1px solid #f0f0f0;margin-top:16px}.pum-footer-info{font-size:13px;color:#9ca3af}.pum-done-btn{padding:8px 24px;background:#c4f751;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#1a1a1a;cursor:pointer;transition:all .2s}.pum-done-btn:hover:not(:disabled){background:#b0e040}.pum-done-btn:disabled{opacity:.6;cursor:not-allowed}.product-upload-modal.dark{background:#1a1a1a}.product-upload-modal.dark .pum-header{border-bottom-color:#2a2a2a}.product-upload-modal.dark .pum-header h2{color:#fff}.product-upload-modal.dark .pum-close-btn{color:#6b7280}.product-upload-modal.dark .pum-close-btn:hover{background:#374151;color:#fff}.product-upload-modal.dark .pum-dropzone{border-color:#4a5a20;background:#111}.product-upload-modal.dark .pum-dropzone:hover,.product-upload-modal.dark .pum-dropzone.dragging{border-color:#6a8a20;background:#1a2a0a}.product-upload-modal.dark .pum-dropzone-text{color:#d1d5db}.product-upload-modal.dark .pum-dropzone-hint{color:#6b7280}.product-upload-modal.dark .pum-file-item{background:#111}.product-upload-modal.dark .pum-file-item.success{background:#0a1a0a}.product-upload-modal.dark .pum-file-item.error{background:#1a0a0a}.product-upload-modal.dark .pum-file-name{color:#d1d5db}.product-upload-modal.dark .pum-footer{border-top-color:#2a2a2a}.product-upload-modal.dark .pum-footer-info{color:#6b7280}.community-standalone-page{height:100vh;background:#fafafa;overflow:hidden;box-sizing:border-box}.community-standalone-page .dashboard-sidebar{width:260px;left:10px;top:10px;bottom:10px;height:auto;border-radius:16px;border:1px solid rgba(255,255,255,.7);background:#ffffffb3;box-shadow:0 8px 24px #959da533;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-sizing:border-box;z-index:50!important}.community-standalone-page .dashboard-sidebar.collapsed{width:64px}.community-standalone-main{position:fixed;inset:10px 10px 10px 290px;display:flex;flex-direction:column;background:transparent;z-index:100;transition:left .3s ease}.community-standalone-page:has(.dashboard-sidebar.collapsed) .community-standalone-main{left:94px}.community-standalone-page .preview-modal{z-index:10000!important}.community-standalone-topbar{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:24px;flex-shrink:0;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:#ffffff4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 24px #959da533}.community-standalone-search{flex:1;height:40px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #eaeaea;border-radius:8px;box-sizing:border-box}.community-standalone-search-icon{width:20px;height:20px;color:#a3a3a3;flex-shrink:0}.community-standalone-search-input{flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#242424}.community-standalone-search-input::-moz-placeholder{color:#a3a3a3}.community-standalone-search-input::placeholder{color:#a3a3a3}.community-standalone-search-help-btn{width:24px;height:24px;border:none;background:transparent;color:#a3a3a3;display:flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;flex-shrink:0;padding:0;transition:background .16s ease,color .16s ease}.community-standalone-search-help-btn:hover{background:#f1f1ef;color:#5a5a5a}.community-standalone-search-help-btn svg{width:16px;height:16px}.community-standalone-topbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.community-standalone-topbar .notification-bell-wrapper,.community-standalone-topbar .notification-bell,.community-standalone-topbar .notification-bell-button{background:transparent!important;box-shadow:none!important;border:none!important}.community-standalone-content-card{flex:1;background:transparent;border-radius:0;padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:0}.community-standalone-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;margin-bottom:20px;flex-shrink:0}.community-standalone-categories{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.community-category-chip{height:36px;padding:6px 16px;border:1px solid #d2d2d2;background:transparent;border-radius:8px;color:#242424;font-size:16px;font-weight:500;line-height:24px;cursor:pointer;transition:background .18s ease,color .18s ease;white-space:nowrap;box-sizing:border-box}.community-category-chip:hover{background:#f1f1ef}.community-category-chip.active{background:#adff2f;border-color:#d2d2d2;color:#242424}.community-sort-wrapper{position:relative;flex-shrink:0}.community-sort-trigger{height:36px;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #d2d2d2;border-radius:8px;background:transparent;color:#242424;cursor:pointer;box-sizing:border-box;transition:background .18s ease,border-color .18s ease}.community-sort-trigger:hover,.community-sort-trigger.open{background:#f1f1ef}.community-sort-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#242424;flex-shrink:0}.community-sort-icon svg{width:20px;height:20px}.community-sort-label{font-size:14px;font-weight:600;line-height:20px;color:#242424;white-space:nowrap;padding:0 2px}.community-sort-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:168px;background:#fff;border:1px solid #eaeaea;border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px #959da533;z-index:300}.community-sort-option{width:100%;height:32px;padding:6px;border:none;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:space-between;color:#242424;font-size:14px;font-weight:500;line-height:20px;cursor:pointer;transition:background .16s ease}.community-sort-option:hover{background:#f5f5f3}.community-sort-option.active{background:transparent}.community-sort-check{width:20px;height:20px;color:#242424;flex-shrink:0}.community-standalone-content{flex:1;overflow:hidden;min-height:0;width:100%;max-width:1160px;padding:0 20px;box-sizing:border-box}.community-standalone-page .gallery-masonry{margin-left:-20px;gap:0}.community-standalone-page .gallery-masonry_column{padding-left:20px;gap:0}.community-standalone-page .community-gallery-item{background:#fff;border:1px solid #d9d9d9;border-radius:16px;padding:16px;margin-bottom:20px;overflow:visible;display:flex;flex-direction:column;gap:16px;max-width:353.333px;box-sizing:border-box;transition:box-shadow .2s ease}.community-standalone-page .community-gallery-item:hover{transform:none;box-shadow:0 4px 16px #0000000f}.community-standalone-page .community-gallery-item .item-image-wrapper{border:1px solid rgba(190,190,190,.65);border-radius:8px;background:#fafafa}.community-standalone-page .community-gallery-item .item-image,.community-standalone-page .community-gallery-item .image-hover-overlay{border-radius:8px}.community-standalone-page .community-item-meta{height:auto;margin-top:0;padding:6px 2px;gap:10px}.community-standalone-page .community-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.community-standalone-page .community-item-stat{display:inline-flex;align-items:center;gap:0;padding:0;border:none;background:transparent;color:#aaa;flex-shrink:0}.community-standalone-page .community-item-stat-btn{cursor:pointer}.community-standalone-page .community-item-stat-icon{flex-shrink:0;display:block}.community-standalone-page .community-item-stat-icon-views,.community-standalone-page .community-item-stat-icon-likes{width:16px;height:16px}.community-standalone-page .community-item-stat-num{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#aaa;letter-spacing:.084px;text-align:center}.community-standalone-page .community-item-stat-views .community-item-stat-num{width:24px;min-width:24px}.community-standalone-page .community-item-stat-likes .community-item-stat-num{width:18px;min-width:18px}.community-standalone-page .community-item-stat.liked{color:#aaa}@media(max-width:1100px){.community-standalone-main{left:104px}.community-standalone-toolbar{align-items:flex-start;flex-direction:column}.community-sort-wrapper{align-self:flex-end}}@media(max-width:768px){.community-standalone-page .dashboard-sidebar{display:none}.community-standalone-main{inset:16px}.community-category-chip{font-size:14px;height:32px;padding:6px 12px}}.community-standalone-page.dark-theme{background:#171717}.community-standalone-page.dark-theme .community-standalone-topbar{background:#20202099;border-color:#ffffff14}.community-standalone-page.dark-theme .community-standalone-search{background:#202020;border-color:#353535}.community-standalone-page.dark-theme .community-standalone-search-input{color:#f2f2f2}.community-standalone-page.dark-theme .community-category-chip{color:#f0f0f0;border-color:#353535}.community-standalone-page.dark-theme .community-category-chip:hover{background:#2a2a2a}.community-standalone-page.dark-theme .community-category-chip.active{background:#adff2f;color:#171717;border-color:#adff2f}.community-standalone-page.dark-theme .community-sort-trigger{background:transparent;border-color:#353535}.community-standalone-page.dark-theme .community-sort-trigger:hover,.community-standalone-page.dark-theme .community-sort-trigger.open{background:#2a2a2a}.community-standalone-page.dark-theme .community-sort-dropdown{background:#202020;border-color:#353535}.community-standalone-page.dark-theme .community-sort-label,.community-standalone-page.dark-theme .community-sort-option,.community-standalone-page.dark-theme .community-sort-check,.community-standalone-page.dark-theme .community-sort-icon{color:#f2f2f2}.community-standalone-page.dark-theme .community-sort-option:hover{background:#2b2b2b}.community-standalone-page.dark-theme .community-sort-option.active{background:#343434}.community-standalone-page.dark-theme .community-gallery-item{background:#1e1e1e;border-color:#333}.community-standalone-page.dark-theme .community-gallery-item .item-image-wrapper{border-color:#ffffff14;background:#2a2a2a}.community-standalone-page.dark-theme .community-item-stat,.community-standalone-page.dark-theme .community-item-stat-num{color:#8a8a8a}.community-standalone-page .dashboard-sidebar .nav-section-title{height:auto;display:block;padding:0;margin-top:38px;color:#999;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0;text-transform:none}.community-standalone-page .dashboard-sidebar .sidebar-footer{border-top:none;padding:0 8px 12px}.community-standalone-page .notification-bell-container{width:24px;height:24px;border:none;border-radius:0;padding:0;background:transparent;box-shadow:none}.community-standalone-page .notification-bell-container:hover{background:transparent;border:none;box-shadow:none}.community-standalone-page .notification-btn{width:24px;height:24px;padding:0}.community-standalone-page .notification-btn svg{width:16px!important;height:20px!important;flex-shrink:0!important;aspect-ratio:4 / 5!important}.community-standalone-page .dashboard-sidebar .user-credit-tag{display:none!important}.my-uploads-page{height:100vh;background:#f0f0f0;overflow:hidden;box-sizing:border-box}.my-uploads-page .dashboard-sidebar{left:12px;top:12px;height:calc(100vh - 24px);border-radius:16px;z-index:50!important}.my-uploads-main{position:fixed;inset:12px 12px 12px 284px;display:flex;flex-direction:column;gap:12px;background:transparent;z-index:100;transition:left .3s ease}.my-uploads-page:has(.dashboard-sidebar.collapsed) .my-uploads-main{left:88px}.my-uploads-content-card{flex:1;background:#fff;border-radius:16px;padding:24px;overflow-y:auto;display:flex;flex-direction:column}.my-uploads-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 24px}.my-uploads-list{flex:1;display:flex;flex-direction:column}.my-uploads-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.my-uploads-empty .empty-icon{width:64px;height:64px;color:#d1d5db;margin-bottom:16px}.my-uploads-empty .empty-title{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.my-uploads-empty .empty-description{font-size:14px;color:#6b7280;margin:0}@media(max-width:900px){.my-uploads-main{left:88px}}@media(max-width:768px){.my-uploads-content-card{padding:16px}}@media(max-width:600px){.my-uploads-page{padding:8px}.my-uploads-main{inset:8px}.my-uploads-page .dashboard-sidebar{display:none}}.my-uploads-page.dark-theme{background:#1a1a1a}.my-uploads-page.dark-theme .dashboard-sidebar,.my-uploads-page.dark-theme .my-uploads-content-card{background:#0a0a0a}.my-uploads-page.dark-theme .my-uploads-title{color:#fff}.my-uploads-page.dark-theme .my-uploads-empty .empty-icon{color:#4b5563}.my-uploads-page.dark-theme .my-uploads-empty .empty-title{color:#e5e7eb}.my-uploads-page.dark-theme .my-uploads-empty .empty-description{color:#9ca3af}.my-orders-page{height:100vh;background:#fff;overflow:hidden;box-sizing:border-box}.my-orders-page .dashboard-sidebar{left:10px;top:10px;bottom:10px;height:auto;border-radius:16px;z-index:2!important;background:#ffffffb3!important;border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 24px #959da533;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.my-orders-floating-bell{position:fixed;top:22px;right:22px;z-index:1000}.my-orders-header-spacer{flex-shrink:0;height:60px}.my-orders-main{position:fixed;inset:12px 12px 12px 284px;display:flex;flex-direction:column;gap:12px;background:transparent;z-index:100;transition:left .3s ease}.my-orders-page:has(.dashboard-sidebar.collapsed) .my-orders-main{left:88px}.my-orders-content-card{flex:1;background:#fff;border-radius:16px;padding:24px;overflow-y:auto;display:flex;flex-direction:column}.my-orders-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 24px}.my-orders-list{flex:1;display:flex;flex-direction:column}.my-orders-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.my-orders-empty .empty-icon{width:64px;height:64px;color:#d1d5db;margin-bottom:16px}.my-orders-empty .empty-title{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.my-orders-empty .empty-description{font-size:14px;color:#6b7280;margin:0}@media(max-width:900px){.my-orders-main{left:88px}}@media(max-width:768px){.my-orders-content-card{padding:16px}}@media(max-width:600px){.my-orders-page{padding:8px}.my-orders-main{inset:8px}.my-orders-page .dashboard-sidebar{display:none}}.my-orders-page.dark-theme{background:#fff}.my-orders-page.dark-theme .dashboard-sidebar{background:#ffffffb3!important}.my-orders-page.dark-theme .my-orders-content-card{background:#0a0a0a}.my-orders-page.dark-theme .my-orders-title{color:#fff}.my-orders-page.dark-theme .my-orders-empty .empty-icon{color:#4b5563}.my-orders-page.dark-theme .my-orders-empty .empty-title{color:#e5e7eb}.my-orders-page.dark-theme .my-orders-empty .empty-description{color:#9ca3af}.my-orders-tabs{display:flex;gap:10px;margin-bottom:16px}.my-orders-tab{border:1px solid #e5e7eb;background:#fff;padding:8px 12px;border-radius:10px;font-size:13px;cursor:pointer}.my-orders-tab.active{border-color:#111827;font-weight:600}.my-orders-table-wrap{width:100%;overflow:auto;border:1px solid #eee;border-radius:12px}.my-orders-table{width:100%;border-collapse:collapse;font-size:13px}.my-orders-table th,.my-orders-table td{padding:10px 12px;border-bottom:1px solid #f0f0f0;text-align:left;white-space:nowrap}.my-orders-loading{padding:12px 0;color:#6b7280}.my-orders-error{margin:8px 0 12px;padding:10px 12px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;border-radius:12px}.my-orders-page.dark-theme .my-orders-tab{background:#0a0a0a;border-color:#2b2b2b;color:#e5e7eb}.my-orders-page.dark-theme .my-orders-tab.active{border-color:#e5e7eb}.my-orders-page.dark-theme .my-orders-table-wrap{border-color:#2b2b2b}.my-orders-page.dark-theme .my-orders-table th,.my-orders-page.dark-theme .my-orders-table td{border-bottom-color:#1f2937;color:#e5e7eb}.my-orders-page.dark-theme .my-orders-error{background:#2a0f12;border-color:#7f1d1d;color:#fecaca}.plan-price-page{height:100vh;background:#f0f0f0;overflow:hidden;box-sizing:border-box}.plan-price-page .dashboard-sidebar{left:12px;top:12px;height:calc(100vh - 24px);border-radius:16px;z-index:50!important}.plan-price-main{position:fixed;inset:12px 12px 12px 284px;display:flex;flex-direction:column;gap:12px;background:transparent;z-index:100;transition:left .3s ease}.plan-price-page:has(.dashboard-sidebar.collapsed) .plan-price-main{left:88px}.plan-price-content-card{flex:1;background:#fff;border-radius:16px;padding:24px;overflow-y:auto;display:flex;flex-direction:column}.plan-price-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 24px}.plan-price-list{flex:1;display:flex;flex-direction:column}.plan-price-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.plan-price-empty .empty-icon{width:64px;height:64px;color:#d1d5db;margin-bottom:16px}.plan-price-empty .empty-title{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.plan-price-empty .empty-description{font-size:14px;color:#6b7280;margin:0}@media(max-width:900px){.plan-price-main{left:88px}}@media(max-width:768px){.plan-price-content-card{padding:16px}}@media(max-width:600px){.plan-price-page{padding:8px}.plan-price-main{inset:8px}.plan-price-page .dashboard-sidebar{display:none}}.plan-price-page.dark-theme{background:#1a1a1a}.plan-price-page.dark-theme .dashboard-sidebar,.plan-price-page.dark-theme .plan-price-content-card{background:#0a0a0a}.plan-price-page.dark-theme .plan-price-title{color:#fff}.plan-price-page.dark-theme .plan-price-empty .empty-icon{color:#4b5563}.plan-price-page.dark-theme .plan-price-empty .empty-title{color:#e5e7eb}.plan-price-page.dark-theme .plan-price-empty .empty-description{color:#9ca3af}.help-standalone{display:flex;flex-direction:column;height:100vh;background:#fff;color:#1a1a1a;font-family:inherit;overflow:hidden}.help-topbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 24px;border-bottom:1px solid #ebebeb;background:#fff;flex-shrink:0;z-index:100}.help-topbar-left{display:flex;align-items:center;gap:16px}.help-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;padding:6px 10px 6px 6px;border-radius:8px;transition:background .15s,color .15s}.help-back-btn:hover{background:#f3f4f6;color:#1a1a1a}.help-back-btn svg{width:16px;height:16px}.help-topbar-divider{width:1px;height:18px;background:#e5e7eb}.help-topbar-brand{font-size:15px;font-weight:700;color:#1a1a1a;letter-spacing:-.01em}.help-mobile-menu-btn{display:none;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;color:#6b7280;transition:background .15s}.help-mobile-menu-btn:hover{background:#f3f4f6}.help-mobile-menu-btn svg{width:20px;height:20px}.help-body{display:flex;flex:1;overflow:hidden;position:relative}.docs-sidebar{width:240px;min-width:240px;border-right:1px solid #ebebeb;overflow-y:auto;padding:20px 0;background:#fafafa;flex-shrink:0}.docs-nav{display:flex;flex-direction:column;gap:2px}.docs-nav-section{display:flex;flex-direction:column}.docs-nav-category{display:flex;align-items:center;justify-content:space-between;padding:7px 20px;background:none;border:none;cursor:pointer;font-size:12px;font-weight:700;color:#1a1a1a;text-align:left;width:100%;text-transform:uppercase;letter-spacing:.04em;transition:background .15s}.docs-nav-category:hover{background:#f0f0f0}.category-arrow{width:13px;height:13px;color:#9ca3af;transition:transform .2s ease;flex-shrink:0}.category-arrow.expanded{transform:rotate(180deg)}.docs-nav-items{list-style:none;margin:0;padding:2px 0 8px;display:flex;flex-direction:column}.docs-nav-item{display:block;width:100%;padding:7px 20px 7px 28px;background:none;border:none;cursor:pointer;font-size:13.5px;color:#6b7280;text-align:left;border-left:2px solid transparent;transition:background .15s,color .15s,border-color .15s;line-height:1.4}.docs-nav-item:hover{background:#f0f0f0;color:#1a1a1a}.docs-nav-item.active{color:#1a1a1a;font-weight:600;background:#efefef;border-left-color:#1a1a1a;padding-left:26px}.docs-content{flex:1;overflow-y:auto;min-width:0;background:#fff}.docs-content-inner{padding:48px 64px;min-height:100%;box-sizing:border-box}.docs-breadcrumb{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px}.docs-article-title{font-size:30px;font-weight:700;color:#1a1a1a;margin:0 0 12px;letter-spacing:-.02em;line-height:1.2}.docs-article-desc{font-size:15px;color:#6b7280;margin:0 0 36px;line-height:1.65;max-width:640px;border-bottom:1px solid #f0f0f0;padding-bottom:28px}.docs-article-body{font-size:14.5px;color:#374151;line-height:1.8;max-width:680px}.docs-article-body h3{font-size:15px;font-weight:600;color:#111827;margin:32px 0 10px}.docs-article-body h3:first-child{margin-top:0}.docs-article-body p{margin:0 0 14px;color:#4b5563}.docs-article-body ul,.docs-article-body ol{margin:0 0 16px;padding-left:22px;display:flex;flex-direction:column;gap:6px}.docs-article-body li{color:#4b5563}.docs-article-body strong{color:#111827;font-weight:600}.help-mobile-overlay{display:none}@media(max-width:768px){.help-mobile-menu-btn{display:flex}.docs-sidebar{position:absolute;top:0;left:0;bottom:0;z-index:200;transform:translate(-100%);transition:transform .25s ease;box-shadow:none;width:260px;min-width:260px}.docs-sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #00000014}.help-mobile-overlay{display:block;position:absolute;inset:0;background:#0000004d;z-index:150}.docs-content-inner{padding:28px 24px}.docs-article-title{font-size:22px}}@media(max-width:480px){.docs-content-inner{padding:20px}}.help-standalone.dark-theme{background:#0d0d0d;color:#f3f4f6}.help-standalone.dark-theme .help-topbar{background:#111;border-bottom-color:#2a2a2a}.help-standalone.dark-theme .help-back-btn{color:#9ca3af}.help-standalone.dark-theme .help-back-btn:hover{background:#1e1e1e;color:#f3f4f6}.help-standalone.dark-theme .help-topbar-divider{background:#2a2a2a}.help-standalone.dark-theme .help-topbar-brand{color:#f3f4f6}.help-standalone.dark-theme .docs-sidebar{background:#111;border-right-color:#2a2a2a}.help-standalone.dark-theme .docs-nav-category{color:#e5e7eb}.help-standalone.dark-theme .docs-nav-category:hover{background:#1e1e1e}.help-standalone.dark-theme .docs-nav-item{color:#9ca3af}.help-standalone.dark-theme .docs-nav-item:hover{background:#1e1e1e;color:#f3f4f6}.help-standalone.dark-theme .docs-nav-item.active{background:#252525;color:#f3f4f6;border-left-color:#f3f4f6}.help-standalone.dark-theme .docs-content{background:#0d0d0d}.help-standalone.dark-theme .docs-breadcrumb{color:#6b7280}.help-standalone.dark-theme .docs-article-title{color:#f3f4f6}.help-standalone.dark-theme .docs-article-desc{color:#9ca3af;border-bottom-color:#2a2a2a}.help-standalone.dark-theme .docs-article-body{color:#d1d5db}.help-standalone.dark-theme .docs-article-body h3{color:#f3f4f6}.help-standalone.dark-theme .docs-article-body p,.help-standalone.dark-theme .docs-article-body li{color:#9ca3af}.help-standalone.dark-theme .docs-article-body strong{color:#f3f4f6}.explore-standalone-page{height:100vh;background:#f6f6f5;overflow:hidden;box-sizing:border-box}.explore-standalone-page .dashboard-sidebar{width:260px;left:12px;top:12px;height:calc(100vh - 24px);border-radius:18px;box-sizing:border-box;z-index:50!important}.explore-standalone-main{position:fixed;inset:20px 12px 12px 284px;display:flex;flex-direction:column;gap:12px;background:transparent;z-index:100;transition:left .3s ease;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;padding-right:4px;min-height:0}.explore-standalone-page:has(.dashboard-sidebar.collapsed) .explore-standalone-main{left:88px}.explore-standalone-header-card{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-radius:16px;flex-shrink:0}.explore-standalone-header-title{font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.explore-standalone-header-actions{display:flex;gap:8px;align-items:center}.explore-standalone-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #999999;border-radius:12px;padding:2px 4px;cursor:pointer;color:#6b7280;transition:all .2s}.explore-standalone-icon-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#1a1a1a}.explore-standalone-icon-btn svg{width:20px;height:20px}.explore-standalone-help-btn{display:flex;align-items:center;gap:6px;width:100px;height:36px;padding:0 20px;background:transparent;border:1px solid #999999;border-radius:12px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;box-sizing:border-box;justify-content:center}.explore-standalone-help-btn:hover{background:#f9fafb;border-color:#d1d5db}.explore-standalone-help-btn svg{width:16px;height:16px}.explore-standalone-content-card{flex:1;background:#fff;border-radius:16px;padding:24px;overflow-y:auto;display:flex;flex-direction:column}.explore-standalone-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.explore-standalone-content{flex:1;overflow-y:auto}.explore-standalone-content p{font-size:16px;color:#6b7280}@media(max-width:900px){.explore-standalone-main{left:88px}}@media(max-width:768px){.explore-standalone-content-card{padding:16px}}@media(max-width:600px){.explore-standalone-page{padding:8px}.explore-standalone-main{inset:8px}.explore-standalone-page .dashboard-sidebar{display:none}}.explore-standalone-page.dark-theme{background:#1a1a1a}.explore-standalone-page.dark-theme .dashboard-sidebar,.explore-standalone-page.dark-theme .explore-standalone-header-card{background:#0a0a0a}.explore-standalone-page.dark-theme .explore-standalone-header-title{color:#fff}.explore-standalone-page.dark-theme .explore-standalone-icon-btn{color:#9ca3af}.explore-standalone-page.dark-theme .explore-standalone-icon-btn:hover{background:#374151;color:#fff}.explore-standalone-page.dark-theme .explore-standalone-help-btn{border-color:#374151;color:#d1d5db}.explore-standalone-page.dark-theme .explore-standalone-help-btn:hover{background:#374151;border-color:#4b5563}.explore-standalone-page.dark-theme .explore-standalone-content-card{background:#0a0a0a}.explore-standalone-page.dark-theme .explore-standalone-title{color:#fff}.explore-standalone-page.dark-theme .explore-standalone-content p{color:#9ca3af}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%}.tutorial-card{border-radius:20px;overflow:hidden;background:transparent;cursor:pointer;transition:all .3s ease;position:relative}.tutorial-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.tutorial-card-image-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:20px;background:#f3f4f6}.tutorial-card-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.tutorial-card:hover .tutorial-card-image{transform:scale(1.05)}.tutorial-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000;transition:background .3s ease;z-index:2;pointer-events:none}.tutorial-card:hover .tutorial-play-overlay{background:#0000004d}.tutorial-play-button{width:64px;height:64px;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.tutorial-card:hover .tutorial-play-button{opacity:1;transform:scale(1)}.tutorial-play-button svg{width:28px;height:28px;color:#000;margin-left:4px}.tutorial-card-footer{position:absolute;bottom:0;left:0;right:0;padding:16px;display:flex;justify-content:space-between;align-items:flex-end;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.6) 50%,transparent 100%);z-index:3;border-radius:0 0 20px 20px}.tutorial-card-info{flex:1;min-width:0;margin-right:12px}.tutorial-card-title{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;margin-bottom:4px}.tutorial-card-category{font-size:12px;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.5)}.tutorial-card-duration{font-size:12px;font-weight:500;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.tutorial-modal-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tutorial-modal-content{position:relative;width:100%;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:20px}.tutorial-modal-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tutorial-modal-close:hover{background:#000c;border-color:#ffffff80;transform:rotate(90deg)}.tutorial-modal-close svg{width:20px;height:20px;stroke:#fff}.tutorial-video-container{position:relative;width:100%;max-width:1280px;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden}.tutorial-modal-thumbnail{position:relative;width:100%;height:100%;cursor:pointer;background:#000}.tutorial-modal-thumbnail-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.tutorial-modal-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:background .3s ease}.tutorial-modal-thumbnail:hover .tutorial-modal-play-overlay{background:#0006}.tutorial-modal-play-button{width:80px;height:80px;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;box-shadow:0 4px 20px #0000004d}.tutorial-modal-thumbnail:hover .tutorial-modal-play-button{transform:scale(1.1)}.tutorial-modal-play-button svg{width:36px;height:36px;color:#000;margin-left:4px}.tutorial-video-iframe{width:100%;max-width:1280px;aspect-ratio:16 / 9;border-radius:12px;border:none}.tutorial-modal-info{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.tutorial-modal-title{font-size:20px;font-weight:600;color:#fff;margin:0}.tutorial-modal-meta{font-size:14px;color:#ffffffb3;margin:0}@media(max-width:1024px){.tutorials-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}}@media(max-width:768px){.tutorials-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.tutorial-play-button{width:50px;height:50px}.tutorial-play-button svg{width:22px;height:22px}.tutorial-modal-close{top:8px;right:8px;width:36px;height:36px}}@media(max-width:480px){.tutorials-grid{grid-template-columns:1fr;gap:16px}.tutorial-card-footer{padding:12px}.tutorial-card-title{font-size:13px}.tutorial-modal-play-button{width:64px;height:64px}.tutorial-modal-play-button svg{width:28px;height:28px}.tutorial-modal-title{font-size:18px}}.explore-standalone-page.dark-theme .tutorial-card-image-wrapper{background:#1a1a1a}.explore-standalone-page.dark-theme .tutorial-card:hover{box-shadow:0 8px 24px #0006}.explore-standalone-page{background:#f3f3f3}.explore-standalone-main{gap:20px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding-right:0;min-height:0;-ms-overflow-style:none;scrollbar-width:none}.explore-standalone-main::-webkit-scrollbar{width:0;height:0;display:none}.explore-topbar{display:flex;align-items:flex-start;gap:14px;min-height:40px}.explore-search-shell{flex:1;height:50px;display:flex;align-items:center;gap:12px;background:#f7f7f7;border:1px solid #d8d8d8;border-radius:12px;padding:0 14px}.explore-search-icon{width:18px;height:18px;color:#7a7a7a;flex-shrink:0}.explore-search-input{flex:1;height:100%;border:none;outline:none;background:transparent;font-size:15px;color:#1f1f1f}.explore-search-input::-moz-placeholder{color:#9d9d9d}.explore-search-input::placeholder{color:#9d9d9d}.explore-search-help-btn{width:28px;height:28px;border:none;background:transparent;color:#8a8a8a;display:flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;flex-shrink:0}.explore-search-help-btn svg{width:16px;height:16px}.explore-topbar-actions{width:36px;height:36px;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.explore-bell-btn{width:50px;height:50px;border:none;outline:none;background:transparent;box-shadow:none;color:#2a2a2a;display:flex;align-items:center;justify-content:center;border-radius:12;cursor:pointer;flex-shrink:0;padding:0}.explore-bell-btn svg{width:18px;height:18px}.explore-hero{background:linear-gradient(90deg,#2a2a2d,#1f1f21);border-radius:18px;padding:26px 24px 24px;color:#fff}.explore-hero-kicker{font-size:14px;font-weight:500;color:#ffffffd1;margin-bottom:8px}.explore-hero-title{font-size:24px;line-height:1.2;font-weight:700;margin:0 0 10px}.explore-hero-subtitle{font-size:15px;line-height:1.5;color:#ffffffd1;margin:0 0 24px;max-width:860px}.explore-hero-tags{display:flex;flex-wrap:wrap;gap:10px}.explore-hero-tag{padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.82);background:transparent;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.explore-section{background:#efefef;border-radius:18px;padding:20px}.explore-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.explore-section-header-stack{margin-bottom:14px}.explore-section-title{font-size:18px;line-height:1.2;font-weight:700;color:#141414;margin:0 0 8px}.explore-section-subtitle{font-size:15px;line-height:1.5;color:#3e3e3e;margin:0}.explore-view-all-btn{min-width:120px;height:40px;padding:0 18px;border-radius:10px;border:1px solid #b8b8b8;background:#f6f6f6;color:#222;font-size:14px;font-weight:500;cursor:pointer}.explore-learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.explore-learn-card{background:#f4f4f4;border:1px solid #d0d0d0;border-radius:18px;padding:16px}.explore-checkerboard{background-color:#f3f3f3;background-image:linear-gradient(45deg,#e4e4e4 25%,transparent 25%),linear-gradient(-45deg,#e4e4e4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e4e4 75%),linear-gradient(-45deg,transparent 75%,#e4e4e4 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}.explore-learn-thumb{width:100%;height:168px;border-radius:10px;border:1px solid #cfcfcf;margin-bottom:14px;cursor:pointer}.explore-card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.explore-card-label{font-size:12px;color:#9b9b9b;font-weight:500}.explore-card-meta{font-size:12px;color:#9b9b9b;font-weight:500;white-space:nowrap}.explore-learn-title{font-size:15px;line-height:1.4;font-weight:700;color:#151515;margin:0 0 18px}.explore-learn-action{height:32px;padding:0 14px;border:none;border-radius:10px;background:#9af11a;color:#111;font-size:14px;font-weight:500;cursor:pointer}.explore-tabs{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.explore-tab{height:38px;padding:0 18px;border:none;background:transparent;border-radius:10px;color:#2c2c2c;font-size:15px;font-weight:500;cursor:pointer}.explore-tab.active{background:#dedede}.explore-inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.explore-inspiration-card{background:#f4f4f4;border:1px solid #d0d0d0;border-radius:18px;padding:16px}.explore-inspiration-thumb{width:100%;height:220px;border-radius:10px;border:1px solid #cfcfcf}.explore-standalone-page .dashboard-sidebar .user-email,.explore-standalone-page .dashboard-sidebar .dropdown-arrow,.explore-standalone-page .dashboard-sidebar .user-credit-tag{display:none!important}.explore-standalone-page .dashboard-sidebar .user-profile-btn{background:transparent;border:none;padding:6px 8px}.explore-standalone-page .dashboard-sidebar .user-profile-btn:hover{background:transparent}.explore-standalone-page .dashboard-sidebar .sidebar-footer{padding:8px 12px 12px;transform:translateY(4px)}.explore-standalone-page .notification-bell-container{width:50px!important;height:50px!important;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;padding:0!important;border-radius:12px!important;margin-right:15px!important}.explore-standalone-page .notification-bell-container:hover{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}.explore-standalone-page .notification-btn{width:100%!important;height:100%!important;padding:0!important;border:none!important;outline:none!important;background:transparent!important;box-shadow:none!important}.explore-standalone-page .notification-btn:hover,.explore-standalone-page .notification-btn:focus,.explore-standalone-page .notification-btn:active{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}.explore-standalone-page .dashboard-sidebar .nav-section-title{padding:8px 12px;margin-top:20px;font-size:12px;line-height:16px;font-weight:400;color:#a6a6a6;text-transform:none;letter-spacing:0;flex-shrink:0}.explore-standalone-page .dashboard-sidebar .chats-section .nav-section-title{padding:8px 12px!important;margin-top:0!important;font-size:12px!important;line-height:16px!important;font-weight:400!important;color:#a6a6a6!important;text-transform:none!important;letter-spacing:0!important}.explore-standalone-page .notification-bell-container{width:36px;height:36px;border:none;border-radius:0;padding:0;background:transparent;box-shadow:none}.explore-standalone-page .notification-bell-container:hover{background:transparent;border:none;box-shadow:none}.explore-standalone-page .notification-btn{width:36px;height:36px;padding:0}.explore-standalone-page .notification-btn svg{width:20px!important;height:20px!important}.chat-input-wrapper{padding:0;background:#fff;position:relative}.chat-page .chat-content-card .chat-input-wrapper{padding:0 40px 20px}.chat-input-wrapper.dark{background:#0a0a0a}.chat-input-container{background:#fff;border:1px solid #d9d9d9;border-radius:20px;padding:0!important;transition:all .2s ease;max-width:1100px;margin:0 auto;position:relative;width:100%}.chat-page .chat-content-card .chat-input-container{max-width:1100px;margin:0 auto;width:100%}.chat-panel .chat-input-container{max-width:100%;margin:0}.chat-input-wrapper.dark .chat-input-container{background:#141414;border-color:#2a2a2a}.chat-input-container:focus-within{border-color:#e5e7eb;box-shadow:none}.chat-input-row{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}.chat-input-actions-row{display:flex;flex-direction:column;width:100%}.image-previews{display:flex;gap:8px;flex-wrap:wrap;align-items:center;width:100%;padding:8px 0 8px 16px}.image-preview-wrapper{position:relative;width:52px;height:52px;flex-shrink:0}.image-preview-item{position:relative;width:52px;height:52px;border-radius:10px;overflow:hidden;border:2px solid #e5e7eb;transition:all .2s ease;background:#fff}.chat-input-wrapper.dark .image-preview-item{border-color:#2a2a2a;background:#141414}.image-preview-item:hover{border-color:#d4fc79}.image-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-preview-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.file-preview-video+.image-uploading,.file-icon-placeholder+.image-uploading{border-radius:8px}.file-icon-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#f3f4f6;color:#6b7280}.chat-input-wrapper.dark .file-icon-placeholder{background:#1f2937;color:#9ca3af}.file-icon-placeholder.video{background:#eef2ff;color:#6366f1}.chat-input-wrapper.dark .file-icon-placeholder.video{background:#1e1b4b;color:#818cf8}.file-icon-placeholder.pdf{background:#fef2f2;color:#ef4444}.chat-input-wrapper.dark .file-icon-placeholder.pdf{background:#2a1515;color:#f87171}.file-ext-label{font-size:7px;font-weight:700;letter-spacing:.5px;line-height:1}.file-name-label{font-size:9px;color:#6b7280;text-align:center;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;line-height:1.2}.chat-input-wrapper.dark .file-name-label{color:#9ca3af}.file-type-video .image-preview-item,.file-type-pdf .image-preview-item{border-style:dashed}.image-preview-wrapper.file-type-video,.image-preview-wrapper.file-type-pdf{height:auto}.file-preview-play-badge{position:absolute;bottom:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#000000a6;color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}.image-preview-item[style*=pointer]{transition:transform .15s ease,box-shadow .15s ease}.image-preview-item[style*=pointer]:hover{transform:scale(1.06);box-shadow:0 2px 8px #00000026}.chatinput-preview-modal{position:fixed;inset:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chatinput-preview-body{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chatinput-preview-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#ffffff1f;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:100000}.chatinput-preview-close:hover{background:#ffffff40;transform:rotate(90deg)}.chatinput-preview-close svg{width:20px;height:20px;color:#fff;stroke:#fff}.chatinput-preview-image-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:60px 20px 20px;box-sizing:border-box}.chatinput-preview-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080}.chatinput-preview-video-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:60px 20px 20px;box-sizing:border-box}.chatinput-preview-video{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#000}.image-uploading{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;border-radius:8px}.upload-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#d4fc79;border-radius:50%;animation:spin .8s linear infinite}.remove-image-btn{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#000;border:2px solid #f9fafb;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.chat-input-wrapper.dark .remove-image-btn{border-color:#141414}.remove-image-btn:hover:not(:disabled){background:#ff3b30;transform:scale(1.15)}.remove-image-btn:disabled{opacity:.5;cursor:not-allowed}.remove-image-btn svg{width:9px;height:9px}.chat-actions{display:flex;gap:8px;align-items:center;padding:2px 8px 8px;width:100%;box-sizing:border-box}.chat-page .chat-content-card>.chat-input-wrapper.conversation-layout{width:min(var(--chat-conversation-column-width, 860px),100%);max-width:min(var(--chat-conversation-column-width, 860px),100%);margin:0 auto;padding:0 0 30px}.chat-input-wrapper.conversation-layout .chat-input-container{width:100%;max-width:100%;margin:0 auto;min-height:100px;height:auto}.chat-input-wrapper.conversation-layout .chat-input-actions-row{position:relative;min-height:100px;height:auto}.chat-input-wrapper.conversation-layout .chat-input-wrapper-inner{min-height:100px;height:auto}.chat-input-wrapper.conversation-layout .chat-input,.chat-input-wrapper.conversation-layout .chat-input-ghost-text{min-height:20px;height:auto;max-height:none;padding:16px 18px 52px;box-sizing:border-box}.chat-input-wrapper.conversation-layout .chat-actions{position:absolute;right:18px;bottom:16px;width:auto;padding:0}.chat-input-wrapper.conversation-layout .chat-actions-right{display:flex;align-items:center;gap:8px}.chat-input-wrapper.conversation-layout .chat-utility-menu{position:relative}.chat-input-wrapper.conversation-layout .chat-utility-trigger{display:inline-flex;align-items:center;gap:2px;border:none;background:transparent;padding:0;color:#9b9b9b;cursor:pointer;transition:color .2s ease}.chat-input-wrapper.conversation-layout .chat-utility-trigger:hover:not(:disabled){color:#656565}.chat-input-wrapper.conversation-layout .chat-utility-trigger:disabled{opacity:.5;cursor:not-allowed}.chat-input-wrapper.conversation-layout .chat-utility-trigger-text{font-size:12px;line-height:1;font-weight:500;letter-spacing:.01em;white-space:nowrap}.chat-input-wrapper.conversation-layout .chat-utility-trigger-chevron{transition:transform .2s ease}.chat-input-wrapper.conversation-layout .chat-utility-trigger-chevron.is-open{transform:rotate(180deg)}.chat-input-wrapper.conversation-layout .chat-utility-popover{position:absolute;right:0;bottom:calc(100% + 12px);min-width:268px;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid #e7e7e7;border-radius:16px;background:#fffffffa;box-shadow:0 14px 34px #0000001f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.chat-input-wrapper.conversation-layout .chat-utility-upload{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid #ededed;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s ease,background .2s ease;text-align:left}.chat-input-wrapper.conversation-layout .chat-utility-upload:hover:not(:disabled){border-color:#d9d9d9;background:#fafafa}.chat-input-wrapper.conversation-layout .chat-utility-upload:disabled{opacity:.5;cursor:not-allowed}.chat-input-wrapper.conversation-layout .chat-utility-upload-icon{width:36px;height:36px;border-radius:10px;background:#f3f3f3;color:#1c1b1f;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.chat-input-wrapper.conversation-layout .chat-utility-upload-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-input-wrapper.conversation-layout .chat-utility-upload-title{font-size:12px;font-weight:600;line-height:1.2;color:#1f1f1f}.chat-input-wrapper.conversation-layout .chat-utility-upload-subtitle{font-size:11px;line-height:1.35;color:#8a8a8a}.chat-input-wrapper.conversation-layout .chat-utility-mode-block{display:flex;flex-direction:column;gap:8px}.chat-input-wrapper.conversation-layout .chat-utility-mode-label,.chat-input-wrapper.conversation-layout .chat-utility-meta{font-size:10px;line-height:1.2;letter-spacing:.08em;color:#989898}.chat-input-wrapper.conversation-layout .chat-utility-mode-toggle{display:flex;gap:6px}.chat-input-wrapper.conversation-layout .chat-utility-mode-btn{flex:1;padding:9px 12px;border:1px solid #e4e4e4;border-radius:10px;background:#f6f6f6;color:#676767;font-size:12px;line-height:1.2;font-weight:500;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.chat-input-wrapper.conversation-layout .chat-utility-mode-btn:hover{border-color:#d4d4d4;background:#f1f1f1}.chat-input-wrapper.conversation-layout .chat-utility-mode-btn.active{border-color:#111;background:#111;color:#fff}.chat-input-wrapper.conversation-layout .chat-utility-meta{display:flex;align-items:center;justify-content:space-between}.chat-input-wrapper.conversation-layout .chat-utility-meta-value{font-size:12px;line-height:1;letter-spacing:0;color:#5f5f5f}.chat-input-wrapper.dark.conversation-layout .chat-utility-popover{background:#141414fa;border-color:#2d2d2d;box-shadow:0 14px 34px #00000059}.chat-input-wrapper.dark.conversation-layout .chat-utility-upload{background:#171717;border-color:#2d2d2d}.chat-input-wrapper.dark.conversation-layout .chat-utility-upload:hover:not(:disabled){background:#1d1d1d;border-color:#3a3a3a}.chat-input-wrapper.dark.conversation-layout .chat-utility-upload-icon{background:#262626;color:#f2f2f2}.chat-input-wrapper.dark.conversation-layout .chat-utility-upload-title,.chat-input-wrapper.dark.conversation-layout .chat-utility-meta-value{color:#f2f2f2}.chat-input-wrapper.dark.conversation-layout .chat-utility-upload-subtitle,.chat-input-wrapper.dark.conversation-layout .chat-utility-mode-label,.chat-input-wrapper.dark.conversation-layout .chat-utility-meta,.chat-input-wrapper.dark.conversation-layout .chat-utility-trigger{color:#a3a3a3}.chat-input-wrapper.dark.conversation-layout .chat-utility-mode-btn{background:#202020;border-color:#303030;color:#d4d4d4}.chat-input-wrapper.dark.conversation-layout .chat-utility-mode-btn:hover{background:#272727;border-color:#3a3a3a}.chat-input-wrapper.dark.conversation-layout .chat-utility-mode-btn.active{background:#f5f5f5;border-color:#f5f5f5;color:#111}@media(max-width:768px){.chat-page .chat-content-card>.chat-input-wrapper.conversation-layout{width:calc(100% - 32px);margin:0 auto}.chat-input-wrapper.conversation-layout .chat-input-container{width:100%;max-width:100%;margin-left:0}.chat-input-wrapper.conversation-layout .chat-input{min-height:96px;padding:14px 16px 48px}.chat-input-wrapper.conversation-layout .chat-utility-trigger-text{font-size:11px}.chat-input-wrapper.conversation-layout .chat-utility-popover{min-width:236px}}.chat-input-wrapper.conversation-layout .chat-actions{left:18px;right:18px}.chat-input-wrapper.conversation-layout .conversation-composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;flex-wrap:nowrap}.chat-input-wrapper.conversation-layout .conversation-composer-toolbar-left{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.chat-input-wrapper.conversation-layout .conversation-composer-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.chat-input-wrapper.conversation-layout .conversation-composer-menu-anchor{position:relative;display:inline-flex;align-items:center}.chat-input-wrapper.conversation-layout .conversation-composer-icon-btn,.chat-input-wrapper.conversation-layout .conversation-composer-pill,.chat-input-wrapper.conversation-layout .conversation-composer-switch,.chat-input-wrapper.conversation-layout .conversation-composer-send-btn{height:32px;border:.5px solid #a3a3a3;border-radius:99px;background:#fff;box-shadow:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease}.chat-input-wrapper.conversation-layout .conversation-composer-icon-btn,.chat-input-wrapper.conversation-layout .conversation-composer-pill,.chat-input-wrapper.conversation-layout .conversation-composer-switch-option,.chat-input-wrapper.conversation-layout .conversation-composer-send-btn,.chat-input-wrapper.conversation-layout .conversation-composer-menu-item,.chat-input-wrapper.conversation-layout .conversation-composer-ratio-item,.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-card,.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-tab,.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-close{cursor:pointer}.chat-input-wrapper.conversation-layout .conversation-composer-icon-btn:disabled,.chat-input-wrapper.conversation-layout .conversation-composer-pill:disabled,.chat-input-wrapper.conversation-layout .conversation-composer-switch-option:disabled,.chat-input-wrapper.conversation-layout .conversation-composer-send-btn:disabled{cursor:not-allowed;opacity:.55}.chat-input-wrapper.conversation-layout .conversation-composer-icon-btn{width:32px;display:inline-flex;align-items:center;justify-content:center;padding:6px 0;flex-shrink:0;aspect-ratio:1 / 1;border-radius:99px;background:#fff}.chat-input-wrapper.conversation-layout .conversation-composer-icon-btn.active,.chat-input-wrapper.conversation-layout .conversation-composer-pill.active{background:#adff2f1a}.chat-input-wrapper.conversation-layout .conversation-composer-pill{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:6px 10px;border-radius:90px;white-space:nowrap}.chat-input-wrapper.conversation-layout .conversation-composer-pill span{color:#242424;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500;line-height:20px}.chat-input-wrapper.conversation-layout .conversation-composer-pill-value{color:#242424}.chat-input-wrapper.conversation-layout .conversation-composer-icon-btn img,.chat-input-wrapper.conversation-layout .conversation-composer-pill img,.chat-input-wrapper.conversation-layout .conversation-composer-switch img,.chat-input-wrapper.conversation-layout .conversation-composer-send-btn img{width:20px;height:20px;flex-shrink:0}.chat-input-wrapper.conversation-layout .conversation-composer-menu{position:absolute;bottom:calc(100% + 12px);padding:12px;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:#ffffffeb;box-shadow:0 8px 24px #959da533;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:20}.chat-input-wrapper.conversation-layout .conversation-composer-upload-menu{left:0;width:160px;display:flex;flex-direction:column;gap:2px}.chat-input-wrapper.conversation-layout .conversation-composer-ratio-menu{right:0;width:188px;display:flex;flex-direction:column;gap:2px}.chat-input-wrapper.conversation-layout .conversation-composer-ratio-menu-title{display:block;padding:0 0 6px;color:#242424;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;line-height:20px}.chat-input-wrapper.conversation-layout .conversation-composer-menu-item,.chat-input-wrapper.conversation-layout .conversation-composer-ratio-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px;border:none;border-radius:8px;background:transparent;text-align:left}.chat-input-wrapper.conversation-layout .conversation-composer-upload-menu .conversation-composer-menu-item{justify-content:flex-start;min-height:32px;padding:0;border-radius:0}.chat-input-wrapper.conversation-layout .conversation-composer-ratio-item{min-height:36px;padding:8px 0}.chat-input-wrapper.conversation-layout .conversation-composer-ratio-item-main{display:inline-flex;align-items:center;gap:10px}.chat-input-wrapper.conversation-layout .conversation-composer-menu-item-icon{width:20px;height:20px;margin-right:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.chat-input-wrapper.conversation-layout .conversation-composer-menu-item-icon img{width:20px;height:20px}.chat-input-wrapper.conversation-layout .conversation-composer-upload-menu-label,.chat-input-wrapper.conversation-layout .conversation-composer-ratio-item-label{color:#242424;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500;line-height:20px}.chat-input-wrapper.conversation-layout .conversation-composer-ratio-item.selected{background:transparent}.chat-input-wrapper.conversation-layout .conversation-composer-ratio-item img{width:20px;height:20px}.chat-input-wrapper.conversation-layout .conversation-composer-ratio-trigger{min-width:90px;gap:2px}.chat-input-wrapper.conversation-layout .conversation-composer-ratio-trigger .conversation-composer-ratio-preview{width:10px;height:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;aspect-ratio:5 / 6}.chat-input-wrapper.conversation-layout .conversation-composer-ratio-preview-shape{display:block;border:1.5px solid #242424;border-radius:1px;box-sizing:border-box}.chat-input-wrapper.conversation-layout .conversation-composer-ratio-trigger .conversation-composer-ratio-preview-shape{width:10px!important;height:12px!important;border-width:1px;aspect-ratio:5 / 6}.chat-input-wrapper.conversation-layout .conversation-composer-caret{width:7px;height:7px;margin-left:2px;flex-shrink:0;border-right:1.5px solid #242424;border-bottom:1.5px solid #242424;transform:translateY(-1px) rotate(45deg);transition:transform .18s ease}.chat-input-wrapper.conversation-layout .conversation-composer-caret.open{transform:translateY(1px) rotate(-135deg)}.chat-input-wrapper.conversation-layout .conversation-composer-switch{display:inline-flex;align-items:center;gap:0;padding:1px;border-color:#eaeaea;background:#f6f6f6;overflow:visible}.chat-input-wrapper.conversation-layout .conversation-composer-switch-option{width:30px;height:30px;flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:99px;background:transparent}.chat-input-wrapper.conversation-layout .conversation-composer-switch-option.active{background:#fff;border:.5px solid #eaeaea}.chat-input-wrapper.conversation-layout .conversation-composer-switch-option.active img{filter:brightness(0) saturate(100%);opacity:1}.chat-input-wrapper.conversation-layout .conversation-composer-switch-option:not(.active) img{opacity:.38}.chat-input-wrapper.conversation-layout .conversation-composer-send-btn{width:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0}.chat-input-wrapper.conversation-layout .conversation-composer-send-btn:not(:disabled){border-color:#242424;background:#242424}.chat-input-wrapper.conversation-layout .conversation-composer-send-btn:not(:disabled) img{filter:brightness(0) invert(1)}.chat-input-wrapper.conversation-layout .conversation-composer-send-btn:disabled{border-color:#eaeaea;background:#f6f6f6}.chat-input-wrapper.conversation-layout .conversation-composer-send-btn:disabled img{opacity:.45}.chat-input-wrapper.conversation-layout .conversation-composer-switch-option{position:relative}.chat-input-wrapper.conversation-layout .conversation-composer-switch-option[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1f2937;color:#fff;font-size:11.5px;font-weight:500;line-height:1.3;white-space:nowrap;padding:5px 9px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:200}.chat-input-wrapper.conversation-layout .conversation-composer-switch-option[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1f2937;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:200}.chat-input-wrapper.conversation-layout .conversation-composer-switch-option[data-tooltip]:hover:not(:disabled):after,.chat-input-wrapper.conversation-layout .conversation-composer-switch-option[data-tooltip]:hover:not(:disabled):before{opacity:1}.chat-input-wrapper.conversation-layout .conversation-composer-send-btn.is-abort{background:#242424!important;border-color:#242424!important;color:#fff;cursor:pointer;opacity:1}.chat-input-wrapper.conversation-layout .conversation-composer-send-btn.is-abort:hover{background:#ef4444!important;border-color:#ef4444!important}.send-btn.is-abort{cursor:pointer;opacity:1}.send-btn.is-abort:hover svg rect:first-child{fill:#ef4444}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-panel{position:fixed;left:0;bottom:0;width:min(var(--chat-conversation-column-width, 860px),calc(100vw - 48px));height:min(580px,calc(100vh - 80px));display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:24px;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:linear-gradient(180deg,#fffffff0,#ffffffe6);box-shadow:0 8px 24px #959da533;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;z-index:21}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-panel-header,.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-panel-header{padding-bottom:12px;border-bottom:1px solid rgba(163,163,163,.25)}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-panel-header h2{margin:0;color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:600;line-height:28px;letter-spacing:.36px}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-close{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-close img{width:24px;height:24px}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-close span{display:none}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-tabs{display:inline-flex;align-items:center;gap:8px}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-tab{height:32px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:#242424;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500;line-height:20px}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-tab.active{padding:8px 16px;background:#adff2f}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-search{width:234px;min-width:234px;height:32px;display:flex;align-items:center;gap:8px;padding:6px 12px;border:.5px solid #a3a3a3;border-radius:8px;background:#fff}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-search img{width:18px;height:18px;opacity:.5}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-search input{width:100%;min-width:0;border:none;outline:none;background:transparent;color:#242424;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;line-height:18px}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-search input::-moz-placeholder{color:#a3a3a3}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-search input::placeholder{color:#a3a3a3}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-grid{display:grid;grid-template-columns:repeat(auto-fit,136px);gap:12px;flex:1 1 auto;align-content:start;justify-content:start;justify-items:start;overflow-y:auto;padding-right:4px}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-card{display:grid;grid-template-rows:136px 18px;align-items:start;justify-self:start;width:136px;min-height:164px;gap:10px;padding:0;border:none;background:transparent;box-shadow:none;text-align:left}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-preview{width:136px;height:136px;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-name{display:block;width:100%;color:#242424;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:500;line-height:18px}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-empty{grid-column:1 / -1;min-height:136px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(163,163,163,.35);border-radius:8px;background:#ffffff2e}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-empty p{margin:0;color:#242424;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:12px;line-height:18px}.chat-input-wrapper.dark.conversation-layout .conversation-composer-icon-btn,.chat-input-wrapper.dark.conversation-layout .conversation-composer-pill,.chat-input-wrapper.dark.conversation-layout .conversation-composer-switch,.chat-input-wrapper.dark.conversation-layout .conversation-composer-send-btn,.chat-input-wrapper.dark.conversation-layout .conversation-composer-inspiration-search{background:#171717;border-color:#303030}.chat-input-wrapper.dark.conversation-layout .conversation-composer-icon-btn img,.chat-input-wrapper.dark.conversation-layout .conversation-composer-pill img,.chat-input-wrapper.dark.conversation-layout .conversation-composer-switch img,.chat-input-wrapper.dark.conversation-layout .conversation-composer-inspiration-close img,.chat-input-wrapper.dark.conversation-layout .conversation-composer-menu-item-icon img,.chat-input-wrapper.dark.conversation-layout .conversation-composer-ratio-item img,.chat-input-wrapper.dark.conversation-layout .conversation-composer-inspiration-search img{filter:brightness(0) invert(1)}.chat-input-wrapper.dark.conversation-layout .conversation-composer-pill span,.chat-input-wrapper.dark.conversation-layout .conversation-composer-pill-value,.chat-input-wrapper.dark.conversation-layout .conversation-composer-upload-menu-label,.chat-input-wrapper.dark.conversation-layout .conversation-composer-ratio-item-label,.chat-input-wrapper.dark.conversation-layout .conversation-composer-ratio-menu-title,.chat-input-wrapper.dark.conversation-layout .conversation-composer-inspiration-panel-header h2,.chat-input-wrapper.dark.conversation-layout .conversation-composer-inspiration-name,.chat-input-wrapper.dark.conversation-layout .conversation-composer-inspiration-empty p,.chat-input-wrapper.dark.conversation-layout .conversation-composer-inspiration-search input,.chat-input-wrapper.dark.conversation-layout .conversation-composer-inspiration-tab{color:#f5f5f5}.chat-input-wrapper.dark.conversation-layout .conversation-composer-caret,.chat-input-wrapper.dark.conversation-layout .conversation-composer-ratio-preview-shape{border-color:#f5f5f5}.chat-input-wrapper.dark.conversation-layout .conversation-composer-switch{background:#202020}.chat-input-wrapper.dark.conversation-layout .conversation-composer-switch-option.active{background:#2a2a2a;border-color:#3a3a3a}.chat-input-wrapper.dark.conversation-layout .conversation-composer-switch-option.active img{filter:brightness(0) invert(1)}.chat-input-wrapper.dark.conversation-layout .conversation-composer-switch-option:not(.active) img{opacity:.45}.chat-input-wrapper.dark.conversation-layout .conversation-composer-send-btn:not(:disabled){border-color:#f5f5f5;background:#f5f5f5}.chat-input-wrapper.dark.conversation-layout .conversation-composer-send-btn:not(:disabled) img{filter:none}.chat-input-wrapper.dark.conversation-layout .conversation-composer-menu,.chat-input-wrapper.dark.conversation-layout .conversation-composer-inspiration-panel{border-color:#303030;background:#141414f0;box-shadow:0 14px 34px #00000059}.chat-input-wrapper.dark.conversation-layout .conversation-composer-menu-item:hover,.chat-input-wrapper.dark.conversation-layout .conversation-composer-ratio-item:hover,.chat-input-wrapper.dark.conversation-layout .conversation-composer-inspiration-tab:hover{background:#202020}.chat-input-wrapper.dark.conversation-layout .conversation-composer-inspiration-tab.active{color:#242424}@media(hover:hover){.chat-input-wrapper.conversation-layout .conversation-composer-icon-btn:hover:not(:disabled),.chat-input-wrapper.conversation-layout .conversation-composer-pill:hover:not(:disabled){background:#f1f1f1;border-color:#999}.chat-input-wrapper.conversation-layout .conversation-composer-icon-btn.active:hover:not(:disabled),.chat-input-wrapper.conversation-layout .conversation-composer-pill.active:hover:not(:disabled){background:#adff2f24}.chat-input-wrapper.conversation-layout .conversation-composer-switch-option:hover:not(:disabled){background:#ffffff8f}.chat-input-wrapper.conversation-layout .conversation-composer-switch-option.active:hover:not(:disabled){background:#f8f8f8;border-color:#eaeaea}.chat-input-wrapper.conversation-layout .conversation-composer-send-btn:not(:disabled):hover{background:#1a1a1a;border-color:#1a1a1a}.chat-input-wrapper.conversation-layout .conversation-composer-menu-item:hover,.chat-input-wrapper.conversation-layout .conversation-composer-ratio-item:hover{background:#f6f6f6}}@media(max-width:768px){.chat-input-wrapper.conversation-layout .chat-actions{left:16px;right:16px;bottom:16px}.chat-input-wrapper.conversation-layout .chat-input{padding:14px 16px 56px}.chat-input-wrapper.conversation-layout .conversation-composer-toolbar{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.chat-input-wrapper.conversation-layout .conversation-composer-toolbar-left{flex:1;width:auto;min-width:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.chat-input-wrapper.conversation-layout .conversation-composer-toolbar-right{margin-left:auto;gap:8px}.chat-input-wrapper.conversation-layout .conversation-composer-pill span,.chat-input-wrapper.conversation-layout .conversation-composer-upload-menu-label,.chat-input-wrapper.conversation-layout .conversation-composer-ratio-item-label{font-size:14px}.chat-input-wrapper.conversation-layout .conversation-composer-send-btn{width:32px;align-self:auto;border-radius:99px}.chat-input-wrapper.conversation-layout .conversation-composer-inspirations-trigger,.chat-input-wrapper.conversation-layout .conversation-composer-ratio-trigger{width:32px;min-width:32px;padding:0;gap:0;justify-content:center}.chat-input-wrapper.conversation-layout .conversation-composer-inspirations-trigger>span,.chat-input-wrapper.conversation-layout .conversation-composer-ratio-trigger .conversation-composer-pill-value{display:inline-flex}.chat-input-wrapper.conversation-layout .conversation-composer-inspirations-trigger>span{display:none}.chat-input-wrapper.conversation-layout .conversation-composer-ratio-trigger{width:auto;min-width:64px;padding:0 10px;gap:6px}.chat-input-wrapper.conversation-layout .conversation-composer-ratio-trigger .conversation-composer-ratio-preview{width:12px;height:12px}.chat-input-wrapper.conversation-layout .conversation-composer-ratio-trigger .conversation-composer-ratio-preview-shape{width:12px!important;height:12px!important;border-width:1px}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-panel{width:min(560px,calc(100vw - 32px));height:min(520px,calc(100vh - 48px));padding:20px}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-toolbar{flex-direction:column;align-items:stretch}.chat-input-wrapper.conversation-layout .conversation-composer-inspiration-search{width:100%;min-width:0}}.chat-input-wrapper-inner{flex:1;position:relative;width:100%}.chat-input{width:100%;min-height:68px;border:none;outline:none;background:transparent;font-size:15px;color:#111827;font-family:inherit;padding:12px 16px 4px;resize:none;overflow-y:hidden;line-height:1.5}.chat-input-editable{white-space:pre-wrap;word-break:break-word;cursor:text}.chat-input-editable:empty:before{content:attr(data-placeholder);color:#9ca3af;font-size:13px;pointer-events:none}.chat-input-wrapper.dark .chat-input-editable:empty:before{color:#6b7280}.chat-input-editable.disabled{pointer-events:none;opacity:.5}.inline-mention-chip{display:inline-flex;align-items:center;gap:4px;background:#f5f5f5;border:1px solid #d1d5db;border-radius:6px;padding:2px 4px;margin:0 2px;font-size:13px;font-weight:500;color:#111827;vertical-align:middle;line-height:1;cursor:pointer;white-space:nowrap;-webkit-user-select:all;-moz-user-select:all;user-select:all;position:relative}.inline-chip-floating-preview{width:220px;max-width:60vw;height:auto;max-height:260px;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0000002e,0 2px 6px #00000014;border:1px solid rgba(0,0,0,.06);animation:inlineChipPreviewIn .12s ease-out}@keyframes inlineChipPreviewIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-input-wrapper.dark .inline-mention-chip{background:#2a2a2a;border-color:#444;color:#f3f4f6}.inline-mention-chip-thumb{width:18px;height:18px;border-radius:3px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;display:block}.inline-mention-chip-label{font-size:12px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-mention-chip-delete{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border:none;border-radius:50%;background:#0000001a;color:#374151;cursor:pointer;padding:0;flex-shrink:0;transition:background .12s ease,color .12s ease,transform .1s ease;line-height:1;pointer-events:all;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-left:1px}.inline-mention-chip-delete:hover{background:#111827;color:#fff;transform:scale(1.1)}.inline-mention-chip-delete:active{transform:scale(.9)}.chat-input-wrapper.dark .inline-mention-chip-delete{background:#ffffff1f;color:#d1d5db}.chat-input-wrapper.dark .inline-mention-chip-delete:hover{background:#f3f4f6;color:#111827}.inline-annotation-chip{display:inline-flex;align-items:center;gap:4px;background:#f0ecff;border:1px solid #c4b5fd;border-radius:6px;padding:2px 6px 2px 3px;margin:0 2px;font-size:12px;font-weight:500;color:#5b21b6;vertical-align:middle;line-height:1;cursor:default;white-space:nowrap;-webkit-user-select:all;-moz-user-select:all;user-select:all}.chat-input-wrapper.dark .inline-annotation-chip{background:#2e1b5a;border-color:#7c3aed;color:#c4b5fd}.inline-annotation-chip-thumb{width:18px;height:18px;border-radius:3px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;display:block}.inline-annotation-chip-badge{width:16px;height:16px;border-radius:50%;background:#7c3aed;color:#fff;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.inline-annotation-chip-desc{font-size:11.5px;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-annotation-chip-delete{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;border-radius:50%;background:#7c3aed26;color:#7c3aed;cursor:pointer;padding:0;flex-shrink:0;transition:background .12s ease,color .12s ease,transform .1s ease;line-height:1;pointer-events:all;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-left:1px}.inline-annotation-chip-delete:hover{background:#7c3aed;color:#fff;transform:scale(1.1)}.inline-annotation-chip-delete:active{transform:scale(.9)}.chat-input-wrapper.dark .inline-annotation-chip-delete{background:#c4b5fd26;color:#c4b5fd}.chat-input-wrapper.dark .inline-annotation-chip-delete:hover{background:#7c3aed;color:#fff}.inline-image-chip{display:inline-flex;align-items:center;gap:3px;background:#adff2f1a;border:1px solid #adff2f;border-radius:6px;padding:3px;margin:0 2px;vertical-align:middle;line-height:1;cursor:pointer;white-space:nowrap;-webkit-user-select:all;-moz-user-select:all;user-select:all;position:relative}.chat-input-wrapper.dark .inline-image-chip{background:#adff2f1f;border-color:#adff2f}.inline-image-chip-thumb{width:18px;height:18px;border-radius:3px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;display:block}.inline-image-chip-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:400;line-height:18px;color:#242424;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-input-wrapper.dark .inline-image-chip-name{color:#f3f4f6}.inline-image-chip-uploading{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;background:#fff9;border-radius:6px;pointer-events:none}.inline-image-chip-uploading-spinner{width:10px;height:10px;border:1.5px solid rgba(36,36,36,.25);border-top-color:#242424;border-radius:50%;animation:inline-image-chip-spin .8s linear infinite}@keyframes inline-image-chip-spin{to{transform:rotate(360deg)}}.inline-image-chip-delete{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;border-radius:50%;background:#2424241f;color:#242424;cursor:pointer;padding:0;flex-shrink:0;transition:background .12s ease,color .12s ease,transform .1s ease;line-height:1;pointer-events:all;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-left:1px}.inline-image-chip-delete:hover{background:#242424;color:#fff;transform:scale(1.1)}.inline-image-chip-delete:active{transform:scale(.9)}.chat-input-wrapper.dark .inline-image-chip-delete{background:#ffffff26;color:#f3f4f6}.chat-input-wrapper.dark .inline-image-chip-delete:hover{background:#f3f4f6;color:#242424}.chat-input-wrapper.dark .chat-input{color:#f9fafb}.chat-input::-moz-placeholder{color:#9ca3af;font-size:13px}.chat-input::placeholder{color:#9ca3af;font-size:13px}.chat-input-wrapper.dark .chat-input::-moz-placeholder{color:#6b7280}.chat-input-wrapper.dark .chat-input::placeholder{color:#6b7280}.chat-input:disabled{opacity:.5;cursor:not-allowed}.send-btn{width:28px;height:28px;border-radius:14px;border:none;background:transparent;color:#d4fc79;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.send-btn:hover:not(:disabled){background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.send-btn:active:not(:disabled){transform:translateY(0)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-input-wrapper.dark .send-btn{background:transparent}.chat-input-wrapper.dark .send-btn:hover:not(:disabled){background:transparent;opacity:.8}.chat-input-wrapper.dark .send-btn svg rect{fill:#d4fc79}.chat-input-wrapper.dark .send-btn svg path{fill:#000}.send-btn svg{width:28px;height:28px}.attach-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attach-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.chat-input-wrapper.dark .attach-btn{color:#9ca3af}.chat-input-wrapper.dark .attach-btn:hover:not(:disabled){background:#2a2a2a;color:#f9fafb}.attach-btn:disabled{opacity:.4;cursor:not-allowed}.attach-btn svg{width:20px;height:20px}.chat-input-ghost-text{position:absolute;top:0;left:0;width:100%;min-height:68px;font-size:15px;font-family:inherit;padding:12px 16px 4px;resize:none;overflow-y:hidden;line-height:1.5;pointer-events:none;z-index:1;color:transparent;white-space:pre-wrap;word-wrap:break-word}.chat-input-ghost-text-completion{color:#9ca3af;opacity:.5}.chat-input-wrapper.dark .chat-input-ghost-text-completion{color:#6b7280;opacity:.4}.annotation-hint{display:flex;align-items:center;gap:6px;padding:8px 12px 4px;font-size:12px;color:#666;line-height:1.4;border-bottom:1px solid #f0f0f0}.annotation-hint.dark{color:#999;border-bottom-color:#2a2a2a}.annotation-hint svg{flex-shrink:0;color:#4a90e2}.annotation-hint span{flex:1}.annotation-chips-bar{display:flex;flex-wrap:wrap;gap:5px;padding:8px 12px 4px;border-bottom:1px solid #f0f0f0}.annotation-chips-bar.dark{border-bottom-color:#2a2a2a}.annotation-chip-wrapper{position:relative;display:inline-flex;align-items:center}.annotation-chip{display:inline-flex;align-items:center;gap:4px;padding:0 6px 0 0;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s;font-size:11px;color:#374151;overflow:hidden;height:28px}.annotation-chip:hover:not(:disabled){border-color:#111827;box-shadow:0 2px 6px #0000001a}.annotation-chip:disabled{opacity:.5;cursor:not-allowed}.annotation-chip.dark{background:#1f2937;border-color:#374151;color:#d1d5db}.annotation-chip.dark:hover:not(:disabled){border-color:#6b7280}.annotation-chip-thumb{width:26px;height:26px;-o-object-fit:cover;object-fit:cover;border-radius:6px;flex-shrink:0;display:block}.annotation-chip-badge{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;background:#111827;color:#cbff4d;border-radius:50%;font-size:9px;font-weight:700;flex-shrink:0}.annotation-chip.dark .annotation-chip-badge{background:#cbff4d;color:#111827}.annotation-chip-desc{font-size:11px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.annotation-chip-desc.loading{color:#9ca3af;letter-spacing:2px}.annotation-chip.dark .annotation-chip-desc{color:#e5e7eb}.annotation-chip-arrow{flex-shrink:0;color:#9ca3af;margin-left:1px}.annotation-chip.dark .annotation-chip-arrow{color:#6b7280}.annotation-chip-delete{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:#111827;border:1.5px solid #f5f5f5;color:#cbff4d;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transform:scale(.7);transition:all .15s ease;z-index:10}.annotation-chip-wrapper:hover .annotation-chip-delete{opacity:1;transform:scale(1)}.annotation-chip-delete:hover{background:#ff3b30;border-color:#ff3b30;color:#fff;transform:scale(1.15)!important}.anchor-tooltip-portal{position:fixed;z-index:9999;background:#111827;border-radius:10px;padding:1px;box-shadow:0 10px 32px #0000005c;pointer-events:none;animation:chipThumbIn .14s ease}@keyframes chipThumbIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.anchor-tooltip-portal:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #111827}.anchor-zoom-preview{position:absolute;inset:0;background-repeat:no-repeat;background-size:100% 100%;background-position:50% 50%;transition:background-size .85s cubic-bezier(.4,0,.2,1),background-position .85s cubic-bezier(.4,0,.2,1)}.object-select-popup{background:#fff;border-radius:14px;box-shadow:0 8px 40px #00000029,0 1px 4px #0000000f;overflow:hidden;animation:objectPopupIn .15s ease-out}.object-select-popup.dark{background:#1f2937;box-shadow:0 8px 40px #0006}@keyframes objectPopupIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.object-select-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px}.object-select-title{font-size:13px;font-weight:600;color:#374151}.dark .object-select-title{color:#e5e7eb}.object-select-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:6px;padding:0;transition:all .15s}.object-select-close:hover{background:#f3f4f6;color:#374151}.dark .object-select-close:hover{background:#374151;color:#e5e7eb}.object-select-list{display:flex;flex-direction:column;padding:0 6px 8px}.object-select-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;background:transparent;cursor:pointer;border-radius:8px;transition:background .12s;text-align:left;width:100%}.object-select-item:hover{background:#f3f4f6}.dark .object-select-item:hover{background:#374151}.object-select-item.selected{background:#f5f3ff}.dark .object-select-item.selected{background:#312e81}.object-select-thumb{width:36px;height:36px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid #e5e7eb}.dark .object-select-thumb{border-color:#4b5563}.object-select-label{flex:1;font-size:13px;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .object-select-label{color:#e5e7eb}.object-select-check{flex-shrink:0}.object-select-custom{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid #f3f4f6;margin-top:4px}.dark .object-select-custom{border-top-color:#374151}.object-select-input{flex:1;border:none;background:transparent;font-size:13px;color:#111827;outline:none;padding:0}.object-select-input::-moz-placeholder{color:#9ca3af}.object-select-input::placeholder{color:#9ca3af}.dark .object-select-input{color:#e5e7eb}.object-select-confirm{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:6px;padding:0;transition:background .12s}.object-select-confirm:hover{background:#f5f3ff}.annotation-chip.active{border-color:#7c3aed;background:#f5f3ff}.dark .annotation-chip.active{border-color:#8b5cf6;background:#312e81}.agent-mode-toggle{display:flex;align-items:center;gap:2px;background:#f3f4f6;border-radius:20px;padding:3px;margin-left:auto}.mode-btn{display:flex;align-items:center;gap:4px;padding:5px 12px;border:none;background:transparent;border-radius:16px;cursor:pointer;font-size:12px;font-weight:500;color:#9ca3af;transition:all .2s ease;white-space:nowrap}.mode-btn:hover{color:#6b7280;background:#0000000a}.mode-btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.mode-btn svg{flex-shrink:0}.mode-btn.active svg{stroke:#111827}.dark .agent-mode-toggle{background:#374151}.dark .mode-btn{color:#9ca3af}.dark .mode-btn:hover{color:#d1d5db;background:#ffffff0f}.dark .mode-btn.active{background:#4b5563;color:#f9fafb;box-shadow:0 1px 3px #0000004d}.mode-btn{position:relative}.mode-btn:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1f2937;color:#fff;font-size:12px;font-weight:400;padding:6px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:100}.mode-btn:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1f2937;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:100}.mode-btn:hover:after,.mode-btn:hover:before{opacity:1}.chat-input-wrapper.compact .agent-mode-toggle{gap:2px;padding:2px}.chat-input-wrapper.compact .mode-btn{padding:5px;gap:0}.image-mention-dropdown{position:fixed;z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;overflow:hidden;animation:mentionDropIn .15s ease;max-height:320px;display:flex;flex-direction:column}.image-mention-dropdown.dark{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 8px 32px #0006,0 2px 8px #0003}@keyframes mentionDropIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.image-mention-header{display:flex;align-items:center;gap:6px;padding:10px 14px 8px;font-size:12px;font-weight:600;color:#6b7280;border-bottom:1px solid #f3f4f6;flex-shrink:0}.image-mention-dropdown.dark .image-mention-header{color:#9ca3af;border-bottom-color:#2a2a2a}.image-mention-count{margin-left:auto;background:#f3f4f6;color:#6b7280;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:500}.image-mention-dropdown.dark .image-mention-count{background:#2a2a2a;color:#9ca3af}.image-mention-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px;padding:10px;overflow-y:auto;flex:1}.image-mention-grid::-webkit-scrollbar{width:4px}.image-mention-grid::-webkit-scrollbar-track{background:transparent}.image-mention-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.image-mention-dropdown.dark .image-mention-grid::-webkit-scrollbar-thumb{background:#3a3a3a}.image-mention-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border:2px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:all .15s ease;text-align:center}.image-mention-item:hover{background:#f9fafb;border-color:#e5e7eb}.image-mention-item.selected{background:#f3f4f6;border-color:#111827}.image-mention-dropdown.dark .image-mention-item:hover{background:#252525;border-color:#3a3a3a}.image-mention-dropdown.dark .image-mention-item.selected{background:#2a2a2a;border-color:#f3f4f6}.image-mention-thumb{width:60px;height:60px;border-radius:6px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-mention-dropdown.dark .image-mention-thumb{background:#2a2a2a}.image-mention-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-mention-item-meta{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.image-mention-label{font-size:10px;color:#6b7280;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.image-mention-dropdown.dark .image-mention-label{color:#9ca3af}.image-mention-type-badge{font-size:9px;font-weight:700;color:#7c3aed;background:#f0e7ff;border-radius:3px;padding:1px 4px;letter-spacing:.04em}.image-mention-dropdown.dark .image-mention-type-badge{color:#c4b5fd;background:#2d1f4e}.image-mention-thumb.asset-icon-thumb{background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center}.image-mention-dropdown.dark .image-mention-thumb.asset-icon-thumb{background:#2a2a2a;color:#9ca3af}.image-mention-hint{padding:6px 14px 8px;font-size:11px;color:#9ca3af;border-top:1px solid #f3f4f6;flex-shrink:0;display:flex;gap:2px;align-items:center}.image-mention-dropdown.dark .image-mention-hint{border-top-color:#2a2a2a;color:#6b7280}.image-mention-hint kbd{display:inline-flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:1px 5px;font-size:10px;font-family:inherit;color:#4b5563;line-height:1.4}.image-mention-dropdown.dark .image-mention-hint kbd{background:#2a2a2a;border-color:#3a3a3a;color:#9ca3af}.product-picker-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:pp-fadeIn .18s ease}@keyframes pp-fadeIn{0%{opacity:0}to{opacity:1}}.product-picker-modal{background:#fff;border-radius:16px;box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;width:92%;max-width:600px;max-height:82vh;display:flex;flex-direction:column;animation:pp-slideUp .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}@keyframes pp-slideUp{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pp-header{flex-shrink:0;padding:20px 24px 16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.pp-title{font-size:16px;font-weight:600;color:#0a0a0a;margin:0;letter-spacing:-.01em}.pp-close-btn{width:30px;height:30px;border:1px solid #e8e8e8;background:#fafafa;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s;color:#888;padding:0;flex-shrink:0}.pp-close-btn svg{width:14px;height:14px}.pp-close-btn:hover:not(:disabled){background:#f0f0f0;border-color:#d0d0d0;color:#333}.pp-close-btn:disabled{opacity:.4;cursor:not-allowed}.pp-content{flex:1;overflow-y:auto;padding:16px 20px;min-height:200px}.pp-content::-webkit-scrollbar{width:4px}.pp-content::-webkit-scrollbar-track{background:transparent}.pp-content::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.pp-loading,.pp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:#bbb;font-size:13px}.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.pp-card{position:relative;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s;background:#fafafa;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pp-card:hover{border-color:#ccc;box-shadow:0 2px 8px #0000000f}.pp-card.selected{border-color:#111;box-shadow:0 0 0 2px #1111111f;background:#fff}.pp-card-check{position:absolute;top:6px;right:6px;width:20px;height:20px;z-index:1;display:flex;align-items:center;justify-content:center}.pp-card-check svg circle{fill:#111}.pp-card-check svg polyline{stroke:#fff}.pp-card-img{position:relative;width:100%;aspect-ratio:1;background:#f5f5f5;overflow:hidden}.pp-card-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;transition:opacity .2s ease}.pp-card-img img.loaded{opacity:1}.pp-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:pp-shimmer 1.4s infinite}@keyframes pp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pp-card-name{padding:6px 8px;font-size:11px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;border-top:1px solid #f0f0f0}.pp-pagination{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 20px;border-top:1px solid #f0f0f0;font-size:13px;color:#555}.pp-pagination button{padding:4px 12px;background:transparent;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;color:#555;cursor:pointer;transition:background .15s,border-color .15s}.pp-pagination button:hover:not(:disabled){background:#f5f5f5;border-color:#ccc;color:#111}.pp-pagination button:disabled{opacity:.35;cursor:not-allowed}.pp-processing-overlay{position:absolute;inset:0;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10}.pp-processing-content{display:flex;flex-direction:column;align-items:center;gap:12px}.pp-processing-content p{font-size:13px;color:#444;margin:0}.pp-spinner{width:22px;height:22px;border:2px solid #e0e0e0;border-top-color:#111;border-radius:50%;animation:pp-spin .7s linear infinite}@keyframes pp-spin{to{transform:rotate(360deg)}}.pp-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 20px 16px;border-top:1px solid #f0f0f0;gap:12px}.pp-remove-bg-checkbox{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;color:#555;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pp-remove-bg-checkbox input[type=checkbox]{width:15px;height:15px;accent-color:#111;cursor:pointer;flex-shrink:0}.pp-remove-bg-checkbox:has(input:disabled){opacity:.4;cursor:not-allowed}.pp-footer-actions{display:flex;align-items:center;gap:8px}.pp-cancel-btn{padding:7px 16px;background:transparent;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;font-weight:500;color:#555;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.pp-cancel-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc;color:#111}.pp-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.pp-select-btn{padding:7px 20px;background:#111;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s,opacity .15s}.pp-select-btn:hover:not(:disabled){background:#222}.pp-select-btn:disabled{opacity:.35;cursor:not-allowed}.dark-theme .product-picker-modal{background:#111}.dark-theme .pp-header{border-bottom-color:#222}.dark-theme .pp-title{color:#f0f0f0}.dark-theme .pp-close-btn{background:#1a1a1a;border-color:#333;color:#888}.dark-theme .pp-close-btn:hover:not(:disabled){background:#222;border-color:#444;color:#ddd}.dark-theme .pp-content{scrollbar-color:#333 transparent}.dark-theme .pp-loading,.dark-theme .pp-empty{color:#555}.dark-theme .pp-card{border-color:#2a2a2a;background:#191919}.dark-theme .pp-card:hover{border-color:#444}.dark-theme .pp-card.selected{border-color:#f0f0f0;box-shadow:0 0 0 2px #f0f0f01f;background:#1a1a1a}.dark-theme .pp-card-check svg circle{fill:#f0f0f0}.dark-theme .pp-card-check svg polyline{stroke:#111}.dark-theme .pp-card-img{background:#1a1a1a}.dark-theme .pp-skeleton{background:linear-gradient(90deg,#1e1e1e 25%,#252525,#1e1e1e 75%);background-size:200% 100%}.dark-theme .pp-card-name{color:#888;background:#111;border-top-color:#222}.dark-theme .pp-pagination{border-top-color:#222;color:#888}.dark-theme .pp-pagination button{border-color:#2a2a2a;color:#888}.dark-theme .pp-pagination button:hover:not(:disabled){background:#1e1e1e;border-color:#444;color:#eee}.dark-theme .pp-processing-overlay{background:#111111e0}.dark-theme .pp-processing-content p{color:#aaa}.dark-theme .pp-spinner{border-color:#333;border-top-color:#f0f0f0}.dark-theme .pp-footer{border-top-color:#222}.dark-theme .pp-remove-bg-checkbox{color:#888}.dark-theme .pp-remove-bg-checkbox input[type=checkbox]{accent-color:#f0f0f0}.dark-theme .pp-cancel-btn{border-color:#2a2a2a;color:#888}.dark-theme .pp-cancel-btn:hover:not(:disabled){background:#1e1e1e;border-color:#444;color:#eee}.dark-theme .pp-select-btn{background:#f0f0f0;color:#111}.dark-theme .pp-select-btn:hover:not(:disabled){background:#e0e0e0}.chat-page{height:100vh;background:#fff;overflow:hidden;box-sizing:border-box}.chat-page .dashboard-sidebar{left:10px;top:10px;width:260px;bottom:10px;height:auto;z-index:2!important;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:#ffffffb3;box-shadow:0 8px 24px #959da533;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chat-page .dashboard-sidebar.collapsed{width:64px}.chat-page.dark-theme{background:#0a0a0a}.chat-page.dark-theme .chat-main{background:transparent}.chat-page.dark-theme .chat-header{background:#0a0a0a}.chat-page.dark-theme .chat-content-card{background:#0a0a0a!important}.chat-page.dark-theme .chat-page-title{color:#fff}.chat-page.dark-theme .chat-messages{background:#0a0a0a!important}.chat-page.dark-theme .chat-welcome{color:#fff}.chat-page .page-header-title{margin:0;color:#000;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.32px}.chat-page .page-header-card{padding:10px 24px 8px 10px;border-radius:16px 16px 0 0}.chat-page .page-header-actions{position:fixed;top:22px;right:22px;z-index:30;gap:0}.chat-page .dashboard-sidebar .nav-section-title{height:auto;display:block;padding:0;margin-top:38px;color:#999;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0;text-transform:none}.chat-page .dashboard-sidebar .sidebar-footer{border-top:none;padding:0 8px 12px}.chat-page .dashboard-sidebar .user-credit-tag{display:none}.chat-page .dashboard-sidebar .chats-list-inline{opacity:1}.chat-page.dark-theme .page-header-title{color:#fff}.welcome-view{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 24px 0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.welcome-view::-webkit-scrollbar{width:0;height:0;display:none}.welcome-view-center{width:100%;max-width:820px;display:flex;flex-direction:column;align-items:center;gap:36px;flex-shrink:0;padding-top:48px;padding-bottom:20px}.welcome-banner{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:100px;background:#fffaf0;border:1px solid #ffe0b2;text-decoration:none;cursor:pointer;transition:all .2s ease}.welcome-banner:hover{background:#fff3e0;box-shadow:0 2px 10px #ff98001f;transform:translateY(-1px)}.welcome-banner.dark{background:#2a2010;border-color:#4a3a1a}.welcome-banner.dark:hover{background:#332a14}.welcome-banner-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;background:#ff9800;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;line-height:1.4}.welcome-banner-text{font-size:13px;font-weight:500;color:#555}.welcome-banner.dark .welcome-banner-text{color:#bbb}.welcome-banner-arrow{font-size:13px;font-weight:600;color:#e67e00;white-space:nowrap}.welcome-banner.dark .welcome-banner-arrow{color:#ffb74d}.welcome-brand-block{display:flex;flex-direction:column;align-items:center;gap:10px}.welcome-logo-row{display:flex;align-items:center;gap:10px}.welcome-title{font-size:26px;font-weight:700;color:#111;margin:0;letter-spacing:-.3px;line-height:1.2}.chat-page.dark-theme .welcome-title{color:#f0f0f0}.welcome-subtitle{font-size:14px;color:#888;margin:0;line-height:1.5;text-align:center}.welcome-subtitle.dark{color:#777}.welcome-input-wrapper{width:100%;max-width:820px}.welcome-input-wrapper .chat-input-container{border-radius:18px;padding:8px 6px!important;box-shadow:0 2px 16px #00000012}.welcome-input-wrapper .chat-input{min-height:110px!important;height:110px!important;max-height:110px!important;font-size:16px!important;padding:20px 22px!important;line-height:1.6!important}.welcome-input-wrapper .chat-input::-moz-placeholder{font-size:16px!important}.welcome-input-wrapper .chat-input::placeholder{font-size:16px!important}.welcome-input-wrapper .chat-input-ghost-text{min-height:110px!important;padding:20px 22px!important;font-size:16px!important;line-height:1.6!important}.welcome-input-wrapper .attach-btn,.welcome-input-wrapper .send-btn{border-radius:50%!important}.welcome-input-wrapper .attach-btn{width:40px!important;height:40px!important}.welcome-input-wrapper .attach-btn:hover:not(:disabled){background:#f0f0f0!important}.welcome-input-wrapper .send-btn{width:36px!important;height:36px!important}.welcome-quick-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.welcome-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;border:1px solid #e0e0e0;background:#fff;color:#333;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.welcome-pill:hover{border-color:#bbb;background:#f5f5f5;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.welcome-pill.dark{background:#1a1a1a;border-color:#333;color:#ccc}.welcome-pill.dark:hover{background:#252525;border-color:#555;box-shadow:0 2px 8px #0003}.welcome-pill-icon{display:inline-flex;align-items:center;color:#666;line-height:0}.welcome-pill.dark .welcome-pill-icon{color:#999}.welcome-capabilities{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.welcome-cap-card{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:12px;border:1px solid #e8e8e8;background:#fafafa;cursor:pointer;transition:all .2s ease;text-align:left}.welcome-cap-card:hover{border-color:#d0d0d0;background:#f2f2f2;transform:translateY(-1px);box-shadow:0 3px 12px #0000000d}.welcome-cap-card.dark{background:#161616;border-color:#2a2a2a}.welcome-cap-card.dark:hover{background:#1e1e1e;border-color:#3a3a3a;box-shadow:0 3px 12px #0003}.welcome-cap-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #eee;display:flex;align-items:center;justify-content:center;color:#444}.welcome-cap-card.dark .welcome-cap-icon{background:#222;border-color:#333;color:#bbb}.welcome-cap-text{display:flex;flex-direction:column;gap:2px;min-width:0}.welcome-cap-title{font-size:13px;font-weight:600;color:#222;line-height:1.3}.welcome-cap-card.dark .welcome-cap-title{color:#e0e0e0}.welcome-cap-desc{font-size:11.5px;color:#888;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.welcome-cap-card.dark .welcome-cap-desc{color:#666}@supports (display: grid){.welcome-capabilities{justify-items:center}.welcome-capabilities>.welcome-cap-card:nth-child(4):nth-last-child(2){grid-column:1 / 2;justify-self:end;max-width:calc(100% - 4px)}.welcome-capabilities>.welcome-cap-card:nth-child(5):last-child{grid-column:2 / 3;justify-self:start;max-width:calc(100% - 4px)}}@media(max-width:768px){.welcome-view{padding:24px 16px}.welcome-capabilities{grid-template-columns:1fr}.welcome-capabilities>.welcome-cap-card:nth-child(4):nth-last-child(2),.welcome-capabilities>.welcome-cap-card:nth-child(5):last-child{grid-column:auto;justify-self:stretch;max-width:none}.welcome-quick-actions{gap:8px}.welcome-pill{padding:6px 12px;font-size:12px}.welcome-banner{padding:6px 14px;gap:8px}.welcome-banner-text{font-size:12px}.welcome-title{font-size:20px}}.welcome-gallery-section{width:100%;max-width:1100px;margin:0 auto;padding:0 24px 40px;flex-shrink:0}.welcome-gallery-header{display:flex;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.welcome-gallery-title{font-size:18px;font-weight:700;color:#111;margin:0;white-space:nowrap}.chat-page.dark-theme .welcome-gallery-title{color:#eee}.welcome-gallery-tabs{display:flex;gap:6px;flex-wrap:wrap}.welcome-gallery-tab{padding:5px 14px;border-radius:100px;border:none;background:transparent;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.welcome-gallery-tab:hover{background:#f0f0f0;color:#333}.welcome-gallery-tab.active{background:#111;color:#fff}.welcome-gallery-tab.dark{color:#999}.welcome-gallery-tab.dark:hover{background:#222;color:#ccc}.welcome-gallery-tab.dark.active{background:#fff;color:#111}.welcome-gallery-grid{-moz-columns:4;columns:4;-moz-column-gap:10px;column-gap:10px;animation:welcome-gallery-fadein .3s ease}@keyframes welcome-gallery-fadein{0%{opacity:0}to{opacity:1}}.welcome-gallery-item{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:10px;border-radius:10px;overflow:hidden;background:#f5f5f5;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative}.welcome-gallery-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.welcome-gallery-item.dark{background:#1a1a1a}.welcome-gallery-item.dark:hover{box-shadow:0 4px 16px #0000004d}.welcome-gallery-item img,.welcome-gallery-item video{width:100%;display:block;border-radius:10px}.welcome-gallery-img{opacity:0;transition:opacity .35s ease}.welcome-gallery-img.loaded{opacity:1}.welcome-gallery-video-wrap{position:relative}.welcome-gallery-play-icon{position:absolute;bottom:10px;left:10px;width:32px;height:32px;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .2s}.welcome-gallery-expand-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:6px;border:none;background:#00000073;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.welcome-gallery-item:hover .welcome-gallery-expand-btn{opacity:1}.welcome-gallery-expand-btn:hover{background:#000000b3}.welcome-gallery-item-info{padding:8px 10px}.welcome-gallery-item-title{font-size:12px;font-weight:500;color:#444;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.welcome-gallery-item.dark .welcome-gallery-item-title{color:#bbb}.welcome-gallery-loading{-moz-columns:4;columns:4;-moz-column-gap:10px;column-gap:10px}.welcome-gallery-skeleton{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:10px;border-radius:10px;background:linear-gradient(90deg,#eee 25%,#f5f5f5,#eee 75%);background-size:400% 100%;animation:welcome-gallery-shimmer 1.5s ease-in-out infinite}.welcome-gallery-skeleton.dark{background:linear-gradient(90deg,#222 25%,#2a2a2a,#222 75%);background-size:400% 100%}.welcome-lightbox{position:fixed;inset:0;z-index:10000;background:#000c;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:welcome-lightbox-in .2s ease}@keyframes welcome-lightbox-in{0%{opacity:0}to{opacity:1}}.welcome-lightbox-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.welcome-lightbox-close:hover{background:#ffffff4d}.welcome-lightbox-body{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.welcome-lightbox-media{max-width:90vw;max-height:80vh;border-radius:12px;-o-object-fit:contain;object-fit:contain;box-shadow:0 8px 40px #0006}.welcome-lightbox-caption{margin-top:14px;color:#fffc;font-size:14px;font-weight:500;text-align:center}@keyframes welcome-gallery-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1200px){.welcome-gallery-grid,.welcome-gallery-loading{-moz-columns:3;columns:3}}@media(max-width:900px){.welcome-gallery-grid,.welcome-gallery-loading{-moz-columns:2;columns:2}}@media(max-width:768px){.welcome-gallery-section{padding:0 16px 32px}.welcome-gallery-grid,.welcome-gallery-loading{-moz-columns:2;columns:2}.welcome-gallery-header{flex-direction:column;align-items:flex-start;gap:10px}}@keyframes chat-welcome-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.chat-welcome-skeleton-line{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:400% 100%;animation:chat-welcome-shimmer 1.5s ease-in-out infinite}.chat-welcome-skeleton-line.dark{background:linear-gradient(90deg,#1f2937 25%,#374151,#1f2937 75%);background-size:400% 100%}.chat-page.dark-theme .welcome-title{color:#fff}.chat-page.dark-theme .welcome-message{color:#ccc}.chat-page.dark-theme .option-card{background:#141414;border-color:#2a2a2a;color:#fff}.chat-page.dark-theme .option-card:hover{border-color:#c0ff00}.chat-page.dark-theme .message.assistant .message-text{background:#141414;border-color:#2a2a2a;color:#fff}.chat-sidebar{width:280px;background:#000;color:#fff;display:flex;flex-direction:column;border-right:1px solid #2a2a2a}.chat-sidebar-header{padding:20px;border-bottom:1px solid #2a2a2a}.chat-sidebar-header .logo{font-size:24px;font-weight:700;color:#c0ff00;margin:0 0 12px;cursor:pointer;letter-spacing:-.5px}.new-design-btn{width:100%;padding:12px 20px;background:#fff;color:#000;border:none;border-radius:32px!important;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #00000014}.new-design-btn:hover{background:#f0f0f0;box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.group-title{font-size:10px;color:#666;padding:10px 10px 6px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.conversation-item{width:100%;padding:8px 10px;background:transparent;color:#ccc;border:none;border-radius:10px;text-align:left;cursor:pointer;transition:all .2s;margin-bottom:1px;display:flex;align-items:center}.conversation-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-main{display:flex;flex-direction:column;height:calc(100vh - 24px);box-sizing:border-box;gap:0}.chat-main.with-sidebar{position:fixed;inset:12px 12px 10px 290px;width:auto;height:auto;transition:left .3s ease}.chat-page:has(.dashboard-sidebar.collapsed) .chat-main.with-sidebar{left:94px}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-radius:16px;flex-shrink:0}.chat-header-title{font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.chat-page.dark-theme .chat-header-title{color:#fff}.chat-header-actions{display:flex;gap:8px;align-items:center}.chat-icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #e5e5e5;border-radius:50%;color:#6b7280;cursor:pointer;transition:all .2s ease}.chat-icon-btn svg{width:14px;height:14px}.chat-icon-btn:hover{background:#f5f5f5;color:#1a1a1a}.chat-page.dark-theme .chat-icon-btn{border-color:#2a2a2a;color:#a0a0a0}.chat-page.dark-theme .chat-icon-btn:hover{background:#141414;color:#fff}.chat-help-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:1px solid #e5e5e5;border-radius:16px;color:#1a1a1a;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.chat-help-btn:hover{background:#f5f5f5}.chat-page.dark-theme .chat-help-btn{border-color:#2a2a2a;color:#fff}.chat-page.dark-theme .chat-help-btn:hover{background:#141414}@media(max-width:900px){.chat-main.with-sidebar{left:96px}}@media(max-width:768px){.chat-main.with-sidebar{inset:12px}.chat-page .page-header-card{position:relative;display:block;padding-top:53px}.chat-page .page-header-actions{position:fixed;top:30px;right:30px}.chat-page .dashboard-sidebar.mobile-drawer-enabled{top:10px;left:10px;bottom:10px;width:min(280px,calc(100vw - 56px));max-width:calc(100vw - 56px);height:auto;max-height:calc(100dvh - 20px);z-index:1500!important;border:1px solid rgba(255,255,255,.88);background:#ffffffc7;box-shadow:0 18px 40px #11182729;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}.chat-input-wrapper .chat-input-container{padding:0!important;background:#fff!important}.chat-page.dark-theme .chat-input-container{background:#0a0a0a!important;border-top-color:#2a2a2a}.chat-content-card{--chat-conversation-column-width: 860px;flex:1;display:flex;flex-direction:column;background:#fff!important;border-radius:0 0 16px 16px;padding:24px 24px 0;overflow:hidden;min-height:0}.chat-page-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 16px;flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;width:calc(100% + 48px);margin:0 -24px;padding:30px 64px 20px;background:#fff!important;box-sizing:border-box}.chat-messages::-webkit-scrollbar,.chat-page .chat-messages::-webkit-scrollbar,.chat-content-card .chat-messages::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}.chat-page .chat-messages,.chat-content-card .chat-messages{scrollbar-width:none!important;-ms-overflow-style:none!important}.chat-main *,.chat-main *:before,.chat-main *:after{scrollbar-width:none!important;-ms-overflow-style:none!important}.chat-main *::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}.chat-messages .messages-container{background:transparent}.welcome-options{display:flex;gap:24px;margin:24px 0 40px;max-width:100%}.option-card{flex:1;padding:20px;background:#fff;border:1.5px solid #e0e0e0;border-radius:16px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:10px}.option-card:hover{border-color:#d4fc79;box-shadow:0 4px 16px #d4fc7926;transform:translateY(-2px)}.option-icon{font-size:32px}.option-text{font-size:14px;font-weight:500;color:#999}.messages-container{width:min(var(--chat-conversation-column-width),100%);max-width:min(var(--chat-conversation-column-width),100%);margin:0 auto;padding:0;box-sizing:border-box;overflow-x:hidden}.messages-container .chat-message{max-width:100%;overflow-x:hidden}.chat-page .messages-container .chat-message{gap:0;margin-top:0;margin-bottom:0}.chat-page .messages-container .chat-message.assistant:has(+.chat-message.assistant){padding-bottom:16px}.chat-page .messages-container .chat-message.user:has(+.chat-message.user){padding-bottom:10px}.chat-page .messages-container .chat-message.assistant:has(+.chat-message.user),.chat-page .messages-container .chat-message.user:has(+.chat-message.assistant){padding-bottom:36px}.chat-page .messages-container .chat-message.assistant{justify-content:flex-start!important;width:100%;max-width:100%}.chat-page .messages-container .chat-message.user{justify-content:flex-end!important;width:100%;max-width:100%}.messages-container .chat-message .message-body{max-width:calc(100% - 44px);overflow-x:hidden}.chat-page .messages-container .chat-message.assistant .message-body{width:100%;max-width:100%!important;flex:1 1 auto!important;align-items:flex-start}.chat-page .messages-container .chat-message.user .message-body{width:auto;max-width:min(760px,100%)!important;flex:0 1 min(760px,100%)!important;margin-left:auto;align-items:flex-end}.messages-container .chat-message .message-content{max-width:100%;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.chat-page .messages-container .chat-message.user .message-content{width:auto!important;max-width:100%;padding:12px 16px;border:1px solid #ebebeb;border-radius:20px;background:#f0f0f0;color:#1f2937;white-space:normal}.chat-page.dark-theme .messages-container .chat-message.user .message-content{background:#1f1f1f;border-color:#2d2d2d;color:#f5f5f5}.chat-panel-v2 .messages-container .chat-message.assistant+.chat-message.assistant{margin-top:16px}.chat-panel-v2 .messages-container .chat-message.user+.chat-message.user{margin-top:10px}.chat-panel-v2 .messages-container .chat-message.assistant+.chat-message.user,.chat-panel-v2 .messages-container .chat-message.user+.chat-message.assistant{margin-top:36px}.chat-panel-v2 .messages-container .chat-message{gap:0}.chat-panel-v2 .messages-container .chat-message.assistant{justify-content:flex-start!important;width:100%;max-width:100%}.chat-panel-v2 .messages-container .chat-message.user{justify-content:flex-end!important;width:100%;max-width:100%}.chat-panel-v2 .messages-container .chat-message .message-avatar,.chat-panel-v2 .messages-container .chat-message .message-header{display:none!important}.chat-panel-v2 .messages-container .chat-message .message-body{max-width:100%;overflow-x:hidden}.chat-panel-v2 .messages-container .chat-message.assistant .message-body{width:100%;max-width:100%!important;flex:1 1 auto!important;align-items:flex-start}.chat-panel-v2 .messages-container .chat-message.user .message-body{width:auto;max-width:min(760px,100%)!important;flex:0 1 min(760px,100%)!important;margin-left:auto;align-items:flex-end}.chat-panel-v2 .messages-container .chat-message .message-content{max-width:100%;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.chat-panel-v2 .messages-container .chat-message.user .message-content{width:auto!important;max-width:100%;padding:12px 16px;border:1px solid #ebebeb;border-radius:20px;background:#f0f0f0;color:#1f2937;white-space:normal}.chat-panel-v2.dark-theme .messages-container .chat-message.user .message-content{background:#1f1f1f;border-color:#2d2d2d;color:#f5f5f5}.messages-container .chat-message .message-content{white-space:normal}.messages-container .chat-message .message-content p{margin:2px 0;line-height:1.7}.messages-container .chat-message .message-content p:first-child{margin-top:0}.messages-container .chat-message .message-content p:last-child{margin-bottom:0}.messages-container .chat-message .message-content p+p{margin-top:6px}.messages-container .chat-message .message-content ul,.messages-container .chat-message .message-content ol{margin:4px 0;padding-left:20px}.messages-container .chat-message .message-content li{margin:1px 0;line-height:1.6}.messages-container .chat-message .message-content h1,.messages-container .chat-message .message-content h2,.messages-container .chat-message .message-content h3{margin:8px 0 3px;line-height:1.3;font-weight:600}@media(max-width:768px){.chat-sidebar{width:70px}.chat-sidebar-header .logo,.new-design-btn span,.conversation-title,.group-title{display:none}.new-design-btn{padding:12px}.welcome-options{flex-direction:column}.chat-messages{width:calc(100% + 48px);margin:0 -24px;padding:20px 40px}}.messages-container .logo-gallery[data-count="3"]{grid-template-columns:repeat(3,1fr)!important;max-width:100%}.messages-container .logo-gallery[data-count="2"]{grid-template-columns:repeat(2,1fr)!important;max-width:100%}@media(max-width:600px){.messages-container .logo-gallery[data-count="3"]{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:420px){.messages-container .logo-gallery[data-count="3"],.messages-container .logo-gallery[data-count="2"]{grid-template-columns:1fr!important}}.chat-share-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chat-share-modal{background:#fff;border-radius:16px;padding:32px;max-width:440px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.chat-page.dark-theme .chat-share-modal{background:#1a1a1a;border:1px solid #2a2a2a}.chat-share-icon{width:48px;height:48px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c0ff00,#a8e600);border-radius:50%;color:#000}.chat-page.dark-theme .chat-share-icon{background:linear-gradient(135deg,#c0ff00,#a8e600)}.chat-share-title{font-size:24px;font-weight:600;text-align:center;margin:0 0 12px;color:#000}.chat-page.dark-theme .chat-share-title{color:#fff}.chat-share-description{text-align:center;color:#666;margin:0 0 24px;font-size:14px;line-height:1.5}.chat-page.dark-theme .chat-share-description{color:#999}.chat-share-input{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;margin-bottom:24px;outline:none;transition:all .2s;background:#fff;color:#000}.chat-share-input:focus{border-color:#c0ff00;box-shadow:0 0 0 3px #c0ff001a}.chat-share-input::-moz-placeholder{color:#999}.chat-share-input::placeholder{color:#999}.chat-page.dark-theme .chat-share-input{background:#0a0a0a;border-color:#333;color:#fff}.chat-page.dark-theme .chat-share-input:focus{border-color:#c0ff00}.chat-share-input:disabled{opacity:.6;cursor:not-allowed}.chat-share-actions{display:flex;gap:12px;justify-content:flex-end}.chat-share-btn{padding:10px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.chat-share-btn.cancel{background:#f5f5f5;color:#666}.chat-share-btn.cancel:hover:not(:disabled){background:#e0e0e0}.chat-page.dark-theme .chat-share-btn.cancel{background:#2a2a2a;color:#999}.chat-page.dark-theme .chat-share-btn.cancel:hover:not(:disabled){background:#333}.chat-share-btn.confirm{background:#c0ff00;color:#000;font-weight:600}.chat-share-btn.confirm:hover:not(:disabled){background:#b0ef00;transform:translateY(-1px);box-shadow:0 4px 12px #c0ff004d}.chat-share-btn:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{width:14px;height:14px;min-width:14px;min-height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .6s linear infinite;display:inline-block;box-sizing:border-box;flex-shrink:0}.chat-page .message-markdown-content{line-height:1.6!important;white-space:normal!important}.chat-page .message-markdown-content h1{margin:10px 0 4px!important;line-height:1.3!important;font-weight:600!important}.chat-page .message-markdown-content h2{margin:8px 0 3px!important;line-height:1.3!important;font-weight:600!important}.chat-page .message-markdown-content h3,.chat-page .message-markdown-content h4{margin:6px 0 2px!important;line-height:1.3!important;font-weight:600!important}.chat-page .message-markdown-content p{margin:2px 0!important}.chat-page .message-markdown-content p+p{margin-top:6px!important}.chat-page .message-markdown-content ul,.chat-page .message-markdown-content ol{margin:3px 0!important;padding-left:20px!important}.chat-page .message-markdown-content li{margin:0!important;padding:1px 0!important;line-height:1.6!important}.chat-page .message-markdown-content hr{display:none!important}.chat-page .message-markdown-content .design-option-card{background:#fff!important;border:none!important;border-left:2px solid #000000!important;border-radius:12px!important;padding:24px!important;margin:32px 0!important;box-shadow:0 2px 8px #0000000d!important}.dark .chat-page .message-markdown-content .design-option-card{background:#1e293b!important;border:none!important;border-left:2px solid #000000!important;box-shadow:0 2px 8px #0000004d!important}.chat-page .message-markdown-content .design-option-card h3{background:none!important;border:none!important;border-left:none!important;border-radius:0!important;padding:0!important;margin:0 0 20px!important;font-size:22px!important;font-weight:700!important;color:#1f2937!important;box-shadow:none!important}.dark .chat-page .message-markdown-content .design-option-card h3{color:#e2e8f0!important}.chat-page .message-markdown-content blockquote{margin:2px 0!important;padding:2px 10px!important}.chat-page .message-markdown-content table{display:table!important;table-layout:fixed!important;width:100%!important;overflow-x:visible!important}.chat-page .message-markdown-content th,.chat-page .message-markdown-content td{white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.chat-page .message-markdown-content img{max-width:120px!important;height:auto!important}.chat-page .conversation-choice-group{display:flex;flex-direction:column;gap:20px;margin:12px 0 4px;max-width:100%}.chat-page .conversation-choice-card{display:flex;flex-direction:column;gap:6px;padding:12px 16px 12px 12px;border:1px solid #dadada;border-radius:16px;background:linear-gradient(180deg,#fff 0% 72%,#f7f7f7);cursor:pointer;transition:border-color .2s ease,background .2s ease}.chat-page .conversation-choice-card:hover{border-color:#ccc}.chat-page .conversation-choice-card.is-expanded{background:#fff;border-color:#d7d7d7}.chat-page .conversation-choice-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chat-page .conversation-choice-headline{display:flex;align-items:flex-start;gap:8px;min-width:0}.chat-page .conversation-choice-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:#b0b0b0;flex-shrink:0;margin-top:0}.chat-page .conversation-choice-icon img,.chat-page .conversation-choice-icon svg{width:20px;height:20px;display:block;opacity:.72;transform:translateY(-1px)}.chat-page .conversation-choice-title-wrap{min-width:0}.chat-page .conversation-choice-title{margin:0;color:#282828;font-size:14px;font-weight:600;line-height:1.3}.chat-page .conversation-choice-subtitle{margin:2px 0 0;color:#666;font-size:12px;line-height:1.45}.chat-page .conversation-choice-toggle{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:#9b9b9b;flex-shrink:0;transition:color .2s ease,transform .2s ease}.chat-page .conversation-choice-toggle:hover{color:#4f4f4f}.chat-page .conversation-choice-toggle.is-expanded svg{transform:rotate(180deg)}.chat-page .conversation-choice-toggle svg{transition:transform .2s ease}.chat-page .conversation-choice-summary{margin:0;padding-left:26px;color:#626262;font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-page .conversation-choice-body{padding-left:26px;color:#454545;font-size:12px;line-height:1.5}.chat-page .conversation-choice-body p{margin:0 0 10px}.chat-page .conversation-choice-body p:last-child{margin-bottom:0}.chat-page .conversation-choice-body hr{display:none}.chat-page .conversation-choice-body ul,.chat-page .conversation-choice-body ol{margin:0;padding-left:18px}.chat-page .conversation-choice-body li{margin:4px 0}.chat-page .conversation-secondary-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 4px}.chat-page .conversation-secondary-action-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 18px;border:1px solid #dddddd;border-radius:999px;background:#fff;color:#2f2f2f;font-size:14px;line-height:1.2;font-weight:400;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.chat-page .conversation-secondary-action-btn:hover{border-color:#ccc;background:#fafafa}.chat-page .conversation-secondary-action-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;font-size:14px;line-height:1}.chat-page.dark-theme .conversation-secondary-action-btn{border-color:#3a3a3a;background:#141414;color:#f5f5f5}.chat-page.dark-theme .conversation-secondary-action-btn:hover{border-color:#4a4a4a;background:#1a1a1a}.chat-page .conversation-secondary-actions-wrap{display:flex;flex-direction:column;gap:14px;margin:20px 0 4px}.chat-page .conversation-secondary-actions-group{display:flex;flex-direction:column;gap:6px}.chat-page .conversation-secondary-actions-group-title{font-size:12px;font-weight:500;color:#888;letter-spacing:.04em;text-transform:uppercase;padding-left:2px}.chat-page.dark-theme .conversation-secondary-actions-group-title{color:#9a9a9a}.chat-page .conversation-secondary-actions-wrap .conversation-secondary-actions{margin:0}.chat-page .conversation-secondary-action-btn.has-description{align-items:flex-start;border-radius:14px;padding:10px 16px;min-height:0;text-align:left;max-width:420px}.chat-page .conversation-secondary-action-btn.has-description .conversation-secondary-action-icon{margin-top:2px}.chat-page .conversation-secondary-action-text{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-page .conversation-secondary-action-label{font-size:14px;line-height:1.3;font-weight:500;color:inherit}.chat-page .conversation-secondary-action-desc{font-size:12px;line-height:1.4;font-weight:400;color:#777;white-space:normal;word-break:break-word}.chat-page.dark-theme .conversation-secondary-action-desc{color:#9a9a9a}.chat-page .conversation-thought{margin-bottom:8px}.chat-page .conversation-thought-toggle{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:transparent;color:#9ca3af;font-size:12px;line-height:1.3}.chat-page .conversation-thought-toggle.is-clickable{cursor:pointer}.chat-page .conversation-thought-chevron{transition:transform .2s ease}.chat-page .conversation-thought-chevron.is-expanded{transform:rotate(90deg)}.chat-page .conversation-thought-body{margin-top:6px;padding-left:12px;border-left:2px solid #e5e7eb;color:#6b7280;font-size:12px;line-height:1.55;white-space:pre-wrap}.chat-page.dark-theme .conversation-thought-body{border-left-color:#303030;color:#9ca3af}.chat-page .message-copy-row{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.chat-page .chat-message:hover .message-copy-row,.chat-page .chat-message:focus-within .message-copy-row,.chat-page .message-copy-row:hover{opacity:1;visibility:visible;pointer-events:auto}.chat-page .messages-container .chat-message.user,.chat-page .messages-container .chat-message.user .message-body,.chat-page .messages-container .chat-message.user .message-content{overflow:visible!important}.chat-page .messages-container .chat-message.user .message-body{padding-bottom:36px!important}@media(max-width:768px){.chat-page .conversation-choice-card{padding:12px}.chat-page .conversation-choice-summary,.chat-page .conversation-choice-body{padding-left:0}}.msg-color-swatch-wrap{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;margin:0 2px}.msg-color-swatch{display:inline-block;width:14px;height:14px;border-radius:4px;flex-shrink:0;border:1px solid rgba(0,0,0,.12)}.msg-color-swatch-hex{font-size:inherit;font-family:ui-monospace,monospace}.chat-message.assistant .msg-color-swatch{border-color:#fff3}.md-color-swatch-wrap{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin:0 2px}.md-color-swatch{display:inline-block;width:20px;height:20px;border-radius:5px;flex-shrink:0;border:1px solid rgba(0,0,0,.15);vertical-align:middle;box-shadow:0 1px 3px #00000026}.md-color-swatch-hex{font-family:ui-monospace,SF Mono,Monaco,monospace;font-size:.92em;color:#374151;letter-spacing:.02em}.dark .md-color-swatch{border-color:#fff3}.dark .md-color-swatch-hex{color:#d1d5db}.md-font-preview{font-size:1.05em;letter-spacing:.01em;padding:1px 4px;border-radius:4px;background:#6366f10f;border-bottom:2px solid rgba(99,102,241,.2);transition:background .2s}.md-font-preview:hover{background:#6366f11f}.dark .md-font-preview{background:#8b5cf61f;border-bottom-color:#8b5cf64d}.dark .md-font-preview:hover{background:#8b5cf633}.md-ref-logo{box-shadow:0 2px 8px #0000001a;transition:transform .18s,box-shadow .18s}.md-ref-logo:hover{transform:scale(1.08);box-shadow:0 4px 16px #0000002e}.dark .md-ref-logo{border-color:#ffffff26!important;background:#2a2a2e!important}.message-content blockquote:has(img){display:flex;align-items:center;gap:12px;margin:10px 0!important;padding:10px 16px!important;border-left:3px solid #d1d5db;border-radius:0 8px 8px 0;background:#00000005}.message-content blockquote:has(img) p{display:flex;align-items:center;gap:10px;margin:0}.dark .message-content blockquote:has(img){border-left-color:#4b5563;background:#ffffff0a}.chat-message{display:flex;flex-direction:row!important;gap:12px;margin-bottom:16px;animation:fadeIn .3s ease;align-items:flex-start;width:100%;max-width:100%;justify-content:flex-start}.chat-message.user,.chat-message.assistant{flex-direction:row!important;justify-content:flex-start!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message .message-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;order:0}.chat-message.user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;order:0}.chat-message.assistant .message-avatar{background:transparent;border:none;order:0;border-radius:50%;overflow:hidden}.chat-message .message-body{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;order:1;text-align:left;align-items:flex-start}.chat-message .message-header{display:flex;align-items:center;gap:8px;text-align:left}.chat-message .message-author{font-size:14px;font-weight:600;color:#111827;text-align:left}.chat-message.dark .message-author{color:#e5e7eb}.thinking-process{font-size:12px;color:#6b7280;font-style:italic;margin-bottom:4px;padding:6px 10px;background-color:#f3f4f6cc;border-radius:6px;border-left:3px solid #d1d5db;line-height:1.4;max-width:100%;word-wrap:break-word}.dark .thinking-process{color:#9ca3af;background-color:#37415180;border-left-color:#4b5563}.message-text-content{word-wrap:break-word;white-space:pre-wrap;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0%}.typewriter-cursor{display:inline-block;margin-left:2px;animation:blink 1s infinite;color:inherit;opacity:.8}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.chat-message .message-content{padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;overflow-x:hidden;overflow-y:visible;max-width:100%;width:100%;white-space:pre-wrap;color:#111827;text-align:left;box-sizing:border-box}.chat-message.dark .message-content{color:#e5e7eb}.message-markdown-content{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:1.7;letter-spacing:0%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;overflow-x:hidden;white-space:normal}.message-markdown-content p{margin:2px 0;line-height:1.7;max-width:100%;overflow-wrap:break-word;word-break:break-word}.message-markdown-content p+p{margin-top:6px}.message-markdown-content *{line-height:20px;max-width:100%}.message-markdown-content hr{display:none!important}.message-markdown-content .design-option-card{background:#fff;border:none;border-left:2px solid #000000;border-radius:12px;padding:24px;margin:32px 0;box-shadow:0 2px 8px #0000000d}.dark .message-markdown-content .design-option-card{background:#1e293b;border:none;border-left:2px solid #000000;box-shadow:0 2px 8px #0000004d}.message-markdown-content .design-option-card h3{background:none!important;border:none!important;border-left:none!important;border-radius:0!important;padding:0!important;margin:0 0 20px!important;font-size:22px!important;font-weight:700!important;color:#1f2937!important;box-shadow:none!important}.dark .message-markdown-content .design-option-card h3{color:#e2e8f0!important}.message-markdown-content .design-option-card p{margin:12px 0;line-height:1.7}.message-markdown-content .design-option-card ul{margin:16px 0!important;padding-left:24px!important}.message-markdown-content .design-option-card li{margin:10px 0!important;line-height:1.7!important}.message-markdown-content .design-option-card img{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:16px 0!important}.dark .message-markdown-content .design-option-card img{border-color:#374151;box-shadow:0 2px 8px #0000004d}.message-markdown-content .table-wrapper{width:100%;max-width:100%;overflow-x:auto;margin:16px 0;border-radius:8px;border:1px solid #e5e7eb}.dark .message-markdown-content .table-wrapper{border-color:#374151}.chat-message .message-content .table-wrapper{width:100%;max-width:100%;overflow-x:auto;margin:16px 0;border-radius:8px;border:1px solid #e5e7eb}.chat-message.dark .message-content .table-wrapper{border-color:#374151}.chat-message .message-content table{width:100%;min-width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}.chat-message .message-content th,.chat-message .message-content td{padding:12px 16px;border:1px solid #e5e7eb;text-align:left;vertical-align:top;line-height:1.5}.chat-message.dark .message-content th,.chat-message.dark .message-content td{border-color:#374151}.chat-message .message-content th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:600;color:#1e293b;white-space:nowrap}.chat-message.dark .message-content th{background:linear-gradient(135deg,#1e293b,#0f172a);color:#e2e8f0}.chat-message .message-content td{background:#fff;color:#475569}.chat-message.dark .message-content td{background:#0f172a;color:#cbd5e1}.chat-message .message-content tbody tr:hover td{background:#f8fafc}.chat-message.dark .message-content tbody tr:hover td{background:#1e293b}.message-markdown-content table{width:100%;min-width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}.message-markdown-content th,.message-markdown-content td{padding:12px 16px;border:1px solid #e5e7eb;text-align:left;vertical-align:top;line-height:1.5}.dark .message-markdown-content th,.dark .message-markdown-content td{border-color:#374151}.message-markdown-content th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:600;color:#1e293b;white-space:nowrap}.dark .message-markdown-content th{background:linear-gradient(135deg,#1e293b,#0f172a);color:#e2e8f0}.message-markdown-content td{background:#fff;color:#475569}.dark .message-markdown-content td{background:#0f172a;color:#cbd5e1}.message-markdown-content tbody tr:hover td{background:#f8fafc}.dark .message-markdown-content tbody tr:hover td{background:#1e293b}.message-markdown-content td img{max-width:120px!important;height:auto!important;border-radius:8px;box-shadow:0 2px 8px #0000001a}.message-markdown-content td:first-child{font-weight:500;color:#1e293b;white-space:nowrap}.dark .message-markdown-content td:first-child{color:#e2e8f0}.message-markdown-content pre{max-width:100%;overflow-x:auto;padding:12px;background:#f3f4f6;border-radius:8px;margin:12px 0}.dark .message-markdown-content pre{background:#1f2937}.message-markdown-content code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;word-break:break-word}.message-markdown-content img{max-width:50%!important;width:auto!important;height:auto!important}.chat-panel .message-markdown-content img{max-width:100%!important}.chat-message .message-content+.brand-kit-preview{margin-top:16px}.logo-gallery{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:12px;margin-top:16px;width:100%;max-width:960px;margin-left:auto;margin-right:auto}.logo-gallery:has(.logo-item:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.logo-gallery:has(.logo-item:only-child){display:flex;justify-content:center;max-width:400px}.logo-gallery:has(.logo-item:only-child) .logo-item{max-width:400px;width:100%;cursor:default}.logo-gallery:has(.logo-item:only-child) .logo-item:hover{border-color:#e5e7eb!important;box-shadow:none!important}.logo-item{position:relative;border-radius:20px;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb;transition:all .3s ease;cursor:pointer}.logo-item:hover{border-color:#beef05}.logo-gallery:has(.logo-item:only-child) .logo-item,.logo-gallery:has(.logo-item:only-child) .logo-item:hover,.logo-gallery:has(.logo-item:only-child) .logo-item:focus{border-color:#e5e7eb!important;box-shadow:none!important;outline:none!important}.logo-item.selected{border-color:#beef05;border-width:2px;box-shadow:0 0 0 3px #beef0533}.logo-item img{width:100%;height:auto;display:block;-o-object-fit:contain;object-fit:contain;background:#fff;transition:opacity .5s ease}.logo-item:not([data-loaded=true]) img{opacity:0}.single-design-gallery{display:flex;justify-content:center;max-width:400px}.single-design-item{max-width:400px;width:100%}.single-design-item img{height:auto;-o-object-fit:contain;object-fit:contain}.logo-item .layered-design-icon{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#e8f5e9,#c8e6c9,#a5d6a7);color:#558b2f}.logo-item .layered-design-icon span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.chat-message.dark .logo-item .layered-design-icon{background:linear-gradient(145deg,#3d5a3d,#2d4a2d,#1e3a1e);color:#a5d6a7}.logo-prompt{position:absolute;bottom:0;left:0;right:0;padding:12px;font-size:11px;color:#6b7280;line-height:1.4;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;opacity:0;transition:opacity .3s ease}.logo-item:hover .logo-prompt{opacity:1}.logo-prompt-btn{position:absolute;bottom:8px;left:8px;width:28px;height:28px;border-radius:6px;background:#fffffff2;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;box-shadow:0 2px 4px #0000001a;z-index:10}.logo-prompt-btn:hover{background:#beef05;border-color:#beef05;transform:scale(1.1)}.logo-prompt-btn svg{width:16px;height:16px;color:#374151}.logo-prompt-popover{position:absolute;bottom:44px;left:8px;right:8px;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:20;overflow:hidden;animation:promptPopoverIn .2s ease-out}@keyframes promptPopoverIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.logo-prompt-popover-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;font-size:12px;font-weight:600;color:#374151}.logo-prompt-popover-header button{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;color:#9ca3af;border-radius:4px;transition:all .15s}.logo-prompt-popover-header button:hover{color:#374151;background:#f3f4f6}.logo-prompt-popover-body{padding:0 12px 10px;font-size:12px;line-height:1.6;color:#6b7280;max-height:120px;overflow-y:auto;word-break:break-word}.logo-prompt-copy-btn{display:block;width:100%;padding:8px;font-size:12px;font-weight:500;color:#374151;background:#f9fafb;border:none;border-top:1px solid #e5e7eb;cursor:pointer;transition:background .15s}.logo-prompt-copy-btn:hover{background:#f3f4f6}.chat-message.dark .logo-prompt-btn{background:#1e1e1ef2;border-color:#374151}.chat-message.dark .logo-prompt-btn svg{color:#d1d5db}.chat-message.dark .logo-prompt-popover{background:#1e1e1efa;border-color:#374151;box-shadow:0 8px 24px #0006}.chat-message.dark .logo-prompt-popover-header{color:#e5e7eb}.chat-message.dark .logo-prompt-popover-header button{color:#6b7280}.chat-message.dark .logo-prompt-popover-header button:hover{color:#e5e7eb;background:#374151}.chat-message.dark .logo-prompt-popover-body{color:#9ca3af}.chat-message.dark .logo-prompt-copy-btn{background:#1a1a1a;border-top-color:#374151;color:#d1d5db}.chat-message.dark .logo-prompt-copy-btn:hover{background:#252525}.chat-message.dark .logo-item{background:#1a1a1a;border-color:#2a2a2a}.chat-message.dark .logo-item img{background:#0a0a0a}.chat-message.dark .logo-prompt{background:#0a0a0af2;color:#9ca3af}.logo-item:not([data-loaded=true]),.message-image-item:not(.message-video-item):not([data-loaded=true]){aspect-ratio:1 / 1;border-color:transparent}@keyframes imgShimmerScan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.logo-item:after,.message-image-item:not(.message-video-item):after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.4) 45%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.4) 55%,transparent 75%);animation:imgShimmerScan 1.8s ease-in-out infinite;pointer-events:none;z-index:2;transition:opacity .5s ease}.logo-item[data-loaded=true]:after,.message-image-item[data-loaded=true]:after{opacity:0;animation:none}.chat-message.dark .logo-item:after,.chat-message.dark .message-image-item:not(.message-video-item):after{background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 55%,transparent 75%)}.logo-actions{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:6px;z-index:10}.logo-action-btn{width:28px;height:28px;border-radius:6px;background:#fffffff2;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;box-shadow:0 2px 4px #0000001a}.logo-action-btn:hover{background:#beef05;border-color:#beef05;transform:scale(1.1)}.logo-action-btn:active{transform:scale(.95)}.logo-action-btn svg{width:16px;height:16px;color:#374151}.logo-action-btn:hover svg{color:#111827}.chat-message.dark .logo-action-btn{background:#141414f2;border-color:#2a2a2a}.chat-message.dark .logo-action-btn svg{color:#9ca3af}.chat-message.dark .logo-action-btn:hover{background:#beef05;border-color:#beef05}.chat-message.dark .logo-action-btn:hover svg{color:#111827}.logo-prompt-btn{position:absolute;bottom:8px;left:8px;z-index:10;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#fffffff2;border:1px solid #e5e7eb;color:#374151;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;padding:0}.logo-prompt-btn:hover{background:#beef05;border-color:#beef05;transform:scale(1.1);color:#111827}.logo-prompt-btn:active{transform:scale(.95)}.chat-message.dark .logo-prompt-btn{background:#141414f2;border-color:#2a2a2a;color:#9ca3af}.chat-message.dark .logo-prompt-btn:hover{background:#beef05;border-color:#beef05;color:#111827}@media(max-width:700px){.logo-gallery{grid-template-columns:repeat(2,1fr);gap:12px;max-width:100%}}@media(max-width:480px){.logo-gallery{grid-template-columns:1fr;gap:12px;max-width:100%}}@media(max-width:768px){.logo-gallery{gap:12px}}.chat-panel .logo-gallery{grid-template-columns:1fr!important;max-width:100%;gap:12px}.chat-panel .logo-gallery .logo-item{max-width:100%}.chat-panel .logo-gallery:has(.logo-item:only-child){max-width:100%}.chat-panel .logo-gallery:has(.logo-item:only-child) .logo-item{max-width:100%}.brand-system-button-container{margin-top:24px;display:flex;justify-content:center;width:100%;max-width:800px;margin-left:0;margin-right:0;box-sizing:border-box}.brand-system-button-container.single-logo{max-width:400px;margin-left:auto;margin-right:auto}.generate-brand-system-btn-wrapper{display:flex;justify-content:center;align-items:center;margin-top:16px;width:100%;max-width:800px;margin-left:auto;margin-right:auto;box-sizing:border-box}@media(max-width:500px){.brand-system-button-container,.generate-brand-system-btn-wrapper{max-width:100%;padding:0 8px}.generate-brand-system-btn{padding:10px 20px;font-size:14px;width:100%}}.generate-brand-system-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 32px;background:linear-gradient(135deg,#beef05,#c0e005);color:#000;border:none;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #beef054d;width:auto;min-width:auto;max-width:none;white-space:nowrap}.generate-brand-system-btn:hover{background:linear-gradient(135deg,#c0e005,#beef05);transform:translateY(-2px);box-shadow:0 6px 20px #beef0566}.generate-brand-system-btn:active{transform:translateY(0);box-shadow:0 2px 8px #beef054d}.generate-brand-system-btn svg{width:20px;height:20px}.generate-brand-system-btn:disabled{opacity:.7;cursor:not-allowed;pointer-events:none}.generate-brand-system-btn .spinner{animation:spin 1s linear infinite}.error-message{background:#fff5f5;border:1.5px solid #feb2b2;border-radius:12px;padding:16px;margin-top:8px}.dark .error-message{background:#2d1a1a;border-color:#c53030}.error-content{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.error-icon{color:#f56565;flex-shrink:0;margin-top:2px}.dark .error-icon{color:#fc8181}.error-content span{color:#742a2a;font-size:14px;line-height:1.5}.dark .error-content span{color:#feb2b2}.error-details{font-size:12px;color:#a0616a;padding:8px 12px;background:#fff;border-radius:8px;margin-bottom:12px;border:1px solid #fecaca}.dark .error-details{background:#1a1212;color:#fc8181;border-color:#9b2c2c}.retry-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#beef05;color:#000;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.retry-button:hover:not(:disabled){background:#a8d804;transform:translateY(-1px);box-shadow:0 4px 12px #beef054d}.retry-button:disabled{opacity:.7;cursor:not-allowed}.retry-button .spinner{animation:spin 1s linear infinite}.chat-message.dark .generate-brand-system-btn{background:linear-gradient(135deg,#beef05,#c0e005);color:#000}.chat-message.dark .generate-brand-system-btn:hover{background:linear-gradient(135deg,#c0e005,#beef05)}.typing-indicator{display:flex;gap:4px;padding:12px 16px 12px 4px}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#9ca3af;animation:typingBounce 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chat-message.dark .typing-indicator span{background:#6b7280}.typing-indicator-inline{display:inline-flex;gap:3px;padding:0;margin-left:2px;vertical-align:middle}.typing-indicator-inline span{width:5px;height:5px;border-radius:50%;background:#9ca3af;animation:typingBounceSmall 1.4s infinite}.typing-indicator-inline span:nth-child(2){animation-delay:.2s}.typing-indicator-inline span:nth-child(3){animation-delay:.4s}@keyframes typingBounceSmall{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-message.dark .typing-indicator-inline span{background:#6b7280}.message-images{display:grid;grid-template-columns:repeat(2,1fr);align-items:start;gap:20px;margin-top:16px;width:100%;max-width:800px;margin-left:auto;margin-right:auto}.message-images:has(.message-image-item:only-child){grid-template-columns:1fr;max-width:400px;justify-items:center}.user-uploaded-images:has(.message-image-item:only-child){max-width:400px}.user-uploaded-images{max-width:800px}.chat-message.user .message-images:has(.message-image-item:only-child){max-width:400px!important}.chat-message.user .message-images:has(.message-image-item:only-child) .message-image-item{max-width:400px!important;width:100%!important}.chat-message.user .message-images{max-width:800px!important}.message-image-item{position:relative;border-radius:20px;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb;transition:all .3s ease;cursor:default;width:100%}.chat-panel .message-images{grid-template-columns:repeat(2,1fr);gap:20px;max-width:100%}.chat-panel .message-image-item{width:100%}@media(max-width:768px){.message-images{grid-template-columns:1fr;max-width:100%}.message-images:has(.message-image-item:only-child){max-width:100%}.chat-panel .message-images{grid-template-columns:1fr}}@media(max-width:480px){.message-images{gap:12px}}.message-image-item:hover{border-color:#e5e7eb!important;transform:none!important;box-shadow:none!important}.message-image-item[style*="cursor: pointer"]:hover{border-color:#beef05!important;box-shadow:0 0 0 3px #beef0533!important}.message-image-item img{width:100%;height:auto;display:block;background:#fff;transition:opacity .5s ease}.message-image-item:not(.message-video-item):not([data-loaded=true]) img{opacity:0}.message-image-item .logo-actions{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:6px;z-index:10}.chat-message.dark .message-image-item{background:#1a1a1a;border-color:#2a2a2a}.chat-message.dark .message-image-item img{background:#0a0a0a}.chat-message.dark .message-image-item{border:none}.chat-message.dark .message-image-item:hover{border-color:#beef05}.chat-message.dark .message-images:has(.message-image-item:only-child) .message-image-item:hover{border-color:#374151!important;transform:none!important;box-shadow:none!important}.md-extracted-images{grid-template-columns:repeat(3,1fr)!important;gap:12px!important;max-width:800px!important}.md-extracted-images .message-image-item{aspect-ratio:4 / 3;border-radius:12px}.md-extracted-images .message-image-item img{-o-object-fit:cover;object-fit:cover}.md-extracted-images:has(.message-image-item:nth-child(1):nth-last-child(1)),.md-extracted-images:has(.message-image-item:nth-child(1):nth-last-child(2)){grid-template-columns:repeat(2,1fr)!important}.md-extracted-images:has(.message-image-item:only-child){grid-template-columns:1fr!important;max-width:400px!important}.md-extracted-images:has(.message-image-item:only-child) .message-image-item{aspect-ratio:auto}.md-extracted-images:has(.message-image-item:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)!important}@media(max-width:768px){.md-extracted-images{grid-template-columns:repeat(2,1fr)!important}.md-extracted-images:has(.message-image-item:only-child){grid-template-columns:1fr!important}}.chat-message.dark .md-extracted-images .message-image-item{background:#1a1a1a;border-color:#2a2a2a}.preview-modal{position:fixed!important;inset:0!important;background:#000000f2!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:0!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;margin:0!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preview-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.preview-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#000;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:100000}.preview-close:hover{background:#333;transform:rotate(90deg)}.preview-close svg{width:20px;height:20px;color:#fff;stroke:#fff}.preview-image-container{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:60px 20px 20px!important;box-sizing:border-box!important;overflow:visible!important}.preview-image{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center!important;object-position:center!important;border-radius:12px;box-shadow:0 20px 60px #00000080;display:block;opacity:1!important}.preview-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:100000;padding:0}.preview-nav:hover:not(.preview-nav-disabled){background:#ffffff40}.preview-nav-disabled{opacity:.2;cursor:default;pointer-events:auto}.preview-nav svg{width:22px;height:22px}.preview-nav-prev{left:20px}.preview-nav-next{right:20px}.preview-counter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:14px;font-weight:500;letter-spacing:1px;background:#00000080;padding:6px 16px;border-radius:20px;z-index:100000;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes shimmer-text{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-text{position:relative;display:inline;color:#374151}.shimmer-text:after{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shimmer-bar 1.5s ease-in-out infinite;pointer-events:none}@keyframes shimmer-bar{0%{left:-30%}to{left:100%}}.dark .shimmer-text,.dark-theme .shimmer-text{color:#d1d5db}.dark .shimmer-text:after,.dark-theme .shimmer-text:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%)}.user-params-summary{margin-top:12px}.suggested-actions .quick-idea-btn{padding:4px 12px;background:transparent;border:1px solid #D9D9D9;border-radius:100px;font-size:14px;font-weight:400;color:#1a1a1a;cursor:pointer;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.suggested-actions .quick-idea-btn:hover{border-color:#999;background:transparent}.dark-theme .suggested-actions .quick-idea-btn,.chat-message.dark .suggested-actions .quick-idea-btn{background:transparent;border-color:#4b5563;color:#fff}.dark-theme .suggested-actions .quick-idea-btn:hover,.chat-message.dark .suggested-actions .quick-idea-btn:hover{background:transparent;border-color:#6b7280}.welcome-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:16px}.welcome-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid rgba(99,102,241,.2);border-radius:12px;cursor:pointer;color:#4338ca;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6366f114}.welcome-action-btn:hover{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#6366f166;transform:translateY(-2px);box-shadow:0 6px 20px #6366f126}.welcome-action-btn:active{transform:translateY(0);box-shadow:0 2px 8px #6366f114}.dark-theme .welcome-action-btn,.chat-message.dark .welcome-action-btn{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#8b5cf64d;color:#e0e7ff;box-shadow:0 2px 8px #8b5cf61a}.dark-theme .welcome-action-btn:hover,.chat-message.dark .welcome-action-btn:hover{background:linear-gradient(135deg,#6366f140,#8b5cf640);border-color:#8b5cf680;box-shadow:0 6px 20px #8b5cf633}.brandkit-success-message{width:100%;max-width:800px;margin:16px 0;display:flex;flex-direction:column;gap:32px}.visual-assets-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}.visual-assets-header{display:flex;flex-direction:column;gap:16px}.visual-assets-title-group{display:flex;flex-direction:column;gap:8px;text-align:left;align-items:flex-start}.visual-assets-title-group .section-title{text-align:left;font-family:Inter,sans-serif;font-size:16px;font-weight:600;font-style:normal;line-height:1;letter-spacing:0%;color:#000}.visual-assets-title-group .section-description{text-align:left;font-family:Inter,sans-serif;font-size:12px;font-weight:400;font-style:normal;line-height:18px;letter-spacing:0%;color:#000;margin-top:10px;margin-bottom:10px}.visual-assets-tabs{display:flex;width:100%;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50px;overflow:hidden;gap:0;padding:2px}.visual-assets-tab{flex:1;padding:8px 16px;background:transparent;border:none;border-radius:0;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s;position:relative;text-align:center}.visual-assets-tab:not(:last-child):after{display:none}.visual-assets-tab:hover:not(.active){background:#0000000d}.visual-assets-tab.active{background:#beef05;color:#000}.visual-assets-tab:first-child{border-top-left-radius:50px;border-bottom-left-radius:50px}.visual-assets-tab:last-child{border-top-right-radius:50px;border-bottom-right-radius:50px}.visual-assets-content{min-height:200px}.tab-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;color:#6b7280;font-size:14px}.brand-in-action-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}.brand-in-action-card .section-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 20px;text-align:left;align-self:flex-start}.brand-in-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.brand-action-tool-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:12px}.brand-action-tool-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.brand-action-tool-content{display:flex;flex-direction:column;gap:10px;flex:1}.brand-action-tool-icon{width:20px;height:20px;color:#374151;flex-shrink:0;margin-bottom:0}.brand-action-tool-icon svg{width:100%;height:100%}.brand-action-tool-title{font-size:15px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.3}.brand-action-tool-description{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.brand-action-generate-btn{width:100%;padding:0;background:transparent;border:none;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;text-align:left;transition:color .2s;margin-top:auto}.brand-action-tool-card:hover .brand-action-generate-btn{color:#1a1a1a}.section-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.section-description{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.logo-preview-container{display:flex;flex-direction:column;align-items:center;gap:12px}.logo-preview-label{font-size:14px;font-weight:600;color:#1a1a1a}.logo-preview-box{width:100%;max-width:400px;aspect-ratio:1 / 1;border-radius:15px;border:none;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;position:relative}.logo-preview-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;position:relative;z-index:1;padding:0;border-radius:15px;display:block}.download-logo-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:0;background:transparent;border:none;color:#000;font-family:Inter,sans-serif;font-size:12px;font-weight:500;font-style:normal;line-height:100%;letter-spacing:0%;cursor:pointer;transition:color .2s}.download-logo-btn:hover{color:#1a1a1a}.download-logo-btn svg{width:16px;height:16px;flex-shrink:0}.view-all-brandkits-btn{width:200px;height:40px;padding:10px 16px;background:#fff;border:1px solid #999999;border-radius:69px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;font-style:normal;line-height:100%;letter-spacing:0%;color:#000;cursor:pointer;transition:all .2s;margin-top:8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;align-self:center}.view-all-brandkits-btn:hover{background:#f9fafb;border-color:#666}.dark-theme .visual-assets-card{background:#1a1a1a;border-color:#2a2a2a}.dark-theme .section-title{color:#fff}.dark-theme .section-description{color:#9ca3af}.dark-theme .logo-preview-label{color:#fff}.dark-theme .logo-preview-box{background:#1a1a1a;border:none}.dark-theme .visual-assets-tabs{background:#2a2a2a;border-color:#3a3a3a}.dark-theme .visual-assets-tab{background:transparent;color:#fff}.dark-theme .visual-assets-tab:not(:last-child):after{background:#3a3a3a}.dark-theme .visual-assets-tab:hover:not(.active){background:#3a3a3a}.dark-theme .visual-assets-tab.active{background:#beef05;color:#000}.dark-theme .tab-placeholder,.dark-theme .download-logo-btn{color:#9ca3af}.dark-theme .download-logo-btn:hover{color:#fff}.dark-theme .view-all-brandkits-btn{background:#1a1a1a;border-color:#fff;color:#fff}.dark-theme .view-all-brandkits-btn:hover{background:#2a2a2a}.dark-theme .brand-in-action-card,.dark-theme .brand-action-tool-card{background:#1a1a1a;border-color:#2a2a2a}.dark-theme .brand-action-tool-card:hover{border-color:#4b5563}.dark-theme .brand-action-tool-icon{color:#9ca3af}.dark-theme .brand-action-tool-title{color:#fff}.dark-theme .brand-action-tool-description{color:#9ca3af}.dark-theme .brand-action-generate-btn{color:#fff}.dark-theme .brand-action-tool-card:hover .brand-action-generate-btn{color:#beef05}.brand-in-action-prompt{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.brand-in-action-prompt .prompt-text{font-size:14px;color:#1a1a1a;margin:0 0 16px;line-height:1.5;background:transparent!important;padding:0!important;border-radius:0!important}.quick-ideas{display:flex;flex-wrap:wrap;gap:12px}.quick-idea-btn{padding:4px 12px;background:transparent;border:1px solid #D9D9D9;border-radius:100px;font-size:14px;font-weight:400;color:#1a1a1a;cursor:pointer;transition:all .2s;white-space:nowrap}.quick-idea-btn:hover{border-color:#999;background:transparent}.dark-theme .brand-in-action-prompt{border-top-color:#2a2a2a}.dark-theme .prompt-text{color:#fff}.dark-theme .quick-idea-btn{background:transparent;border-color:#4b5563;color:#fff}.dark-theme .quick-idea-btn:hover{background:transparent;border-color:#6b7280}.color-palette-content{width:100%}.brandkit-success-message .color-palette-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px;width:100%;box-sizing:border-box}.brandkit-success-message .color-card{background:#fff;border:none;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;min-height:200px;display:flex;flex-direction:column;box-sizing:border-box}.color-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.color-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#c4f751;border-radius:8px 8px 0 0}.color-hex-label{font-size:12px;font-weight:600;color:#1a1a1a;font-family:Courier New,monospace}.color-copy-btn{background:transparent;border:none;color:#1a1a1a;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.color-copy-btn:hover{background:#0000001a}.brandkit-success-message .color-card .color-swatch{width:100%!important;height:auto!important;flex:1;border-radius:0 0 8px 8px;min-height:100px;border:none!important}.typography-content{width:100%}.brandkit-success-message .typography-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px;width:100%;box-sizing:border-box}.brandkit-success-message .typography-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;min-height:200px;height:auto;display:flex;flex-direction:column;box-sizing:border-box}.typography-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.typography-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#c4f751;border-radius:8px 8px 0 0}.typography-card-label{font-size:12px;font-weight:600;color:#1a1a1a}.typography-copy-btn{background:transparent;border:none;color:#1a1a1a;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.typography-copy-btn:hover{background:#0000001a}.typography-content-inner{padding:10px;background:#fff;text-align:left;flex:1;display:flex;flex-direction:column;justify-content:center}.typography-font-name{font-size:11px;font-weight:500;color:#6b7280;margin-bottom:4px;text-align:left}.typography-preview{font-size:28px;font-weight:700;color:#1a1a1a;line-height:1.3;margin-bottom:8px;text-align:left;word-break:break-word;overflow-wrap:break-word}.typography-usage{font-size:10px;color:#9ca3af;line-height:1.3;text-align:left}.pattern-content{width:100%;display:flex;flex-direction:column;align-items:center}.pattern-preview-container{display:flex;justify-content:center;align-items:center;width:100%}.pattern-card{background:#fff;border:none;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;max-width:400px}.pattern-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.pattern-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#c4f751;border-radius:8px 8px 0 0}.pattern-label{font-size:12px;font-weight:600;color:#1a1a1a}.pattern-download-btn{background:transparent;border:none;color:#1a1a1a;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.pattern-download-btn:hover{background:#0000001a}.pattern-preview{aspect-ratio:1;background:#fafafa;overflow:hidden;padding:0!important;border-radius:0 0 8px 8px;display:flex;justify-content:center;align-items:center;position:relative;width:100%}.pattern-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative}.pattern-card:hover .pattern-image{transform:scale(1.02)}.tab-loading,.tab-empty{padding:40px 20px;text-align:center;color:#666;font-size:14px}.tab-empty{color:#999}.pattern-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:200px;padding:40px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #BEEF05;border-radius:50%;animation:spin 1s linear infinite}.pattern-generating-text{font-size:14px;color:#666;margin:0}.dark-theme .pattern-generating-text{color:#9ca3af}.dark-theme .loading-spinner{border-color:#2a2a2a;border-top-color:#beef05}.dark-theme .color-card{background:#1a1a1a}.dark-theme .color-hex-label{color:#fff}.dark-theme .typography-card{background:#1a1a1a}.dark-theme .typography-font-name,.dark-theme .typography-preview{color:#fff}.dark-theme .typography-usage{color:#9ca3af}.dark-theme .pattern-card{background:#1a1a1a}.dark-theme .pattern-preview{background-color:#0a0a0a}.dark-theme .tab-loading,.dark-theme .tab-empty{color:#9ca3af}@media(max-width:768px){.brandkit-success-message{gap:24px}.brand-in-action-grid{grid-template-columns:repeat(2,1fr)}.view-all-brandkits-btn{width:200px}.brandkit-success-message .color-card,.brandkit-success-message .typography-card{min-height:180px}.typography-preview{font-size:24px}}@media(max-width:480px){.brand-in-action-grid{grid-template-columns:1fr}.brandkit-success-message .color-palette-grid,.brandkit-success-message .typography-grid{grid-template-columns:1fr!important}.brandkit-success-message .color-card,.brandkit-success-message .typography-card{min-height:180px}}.ppt-card{width:100%;max-width:900px;min-width:0;margin:16px 0;background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 4px 12px #00000014}.ppt-card.dark{background:#1e1e1e;border-color:#333}.ppt-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-bottom:1px solid #e5e7eb}.ppt-card.dark .ppt-header{background:linear-gradient(135deg,#2a2a2e,#1e1e22);border-color:#333}.ppt-icon{font-size:24px}.ppt-meta{flex:1;min-width:0}.ppt-title{margin:0;font-size:16px;font-weight:700;color:#1a1a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppt-card.dark .ppt-title{color:#fff}.ppt-sub{font-size:13px;color:#666}.ppt-card.dark .ppt-sub{color:#999}.ppt-btn{flex-shrink:0;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-size:16px}.ppt-edit-btn{margin-left:auto;flex-shrink:0;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;font-size:14px;font-weight:600;padding:8px 20px;border-radius:8px;cursor:pointer;transition:all .2s}.ppt-edit-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 2px 8px #6d28d94d}.ppt-edit-overlay{position:absolute;top:10px;right:10px;z-index:10;background:#7c3aede6;color:#fff;border:none;font-size:13px;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s,background .2s}.ppt-viewport:hover .ppt-edit-overlay{opacity:1}.ppt-edit-overlay:hover{background:#6d28d9;box-shadow:0 2px 8px #6d28d966}.ppt-main{padding:16px;min-width:0}.ppt-viewport{position:relative;width:100%;max-width:100%;min-width:0;aspect-ratio:16 / 9;max-height:500px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000026}.ppt-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block;background:#fff}.ppt-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:#ffffffe6;color:#333;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;z-index:10}.ppt-arrow:hover:not(.disabled){background:#fff}.ppt-arrow.disabled{opacity:.3;cursor:not-allowed}.ppt-arrow.prev{left:16px}.ppt-arrow.next{right:16px}.ppt-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 16px;background:#000000bf;border-radius:20px;color:#fff;font-size:13px;z-index:10}.ppt-bar-title{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppt-thumbs{display:flex;gap:12px;margin-top:12px;overflow-x:auto;overflow-y:hidden;padding:4px 0;min-width:0}.ppt-thumbs::-webkit-scrollbar{height:6px}.ppt-thumbs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ppt-thumb{flex-shrink:0;width:120px;min-width:80px;max-width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;position:relative;padding:0;background:#f5f5f5;transition:border-color .2s,transform .2s}.ppt-thumb:hover{border-color:#d1d5db;transform:translateY(-2px)}.ppt-thumb.active{border-color:#6366f1;box-shadow:0 4px 12px #6366f14d}.ppt-thumb-inner{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:6px}.ppt-thumb-iframe{width:1000%;height:1000%;border:none;pointer-events:none;transform:scale(.1);transform-origin:top left;overflow:hidden}.ppt-thumb-num{position:absolute;bottom:4px;right:4px;font-size:10px;font-weight:600;color:#fff;background:#0009;padding:2px 6px;border-radius:4px}.ppt-empty{padding:60px 20px;text-align:center;color:#666}.ppt-fs-overlay{position:fixed;inset:0;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center}.ppt-fs-inner{width:100%;height:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column}.ppt-fs-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#000000e6;color:#fff;flex-shrink:0}.ppt-fs-head-actions{display:flex;align-items:center;gap:16px}.ppt-fs-viewport{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:24px;min-height:0}.ppt-fs-iframe{width:100%;height:100%;max-width:calc(100vh * 16 / 9 - 48px);max-height:calc(100% - 48px);aspect-ratio:16/9;border:none;border-radius:8px;box-shadow:0 20px 60px #00000080}.ppt-fs-viewport .ppt-arrow{color:#fff;background:#fff3}.ppt-fs-viewport .ppt-arrow:hover:not(.disabled){background:#ffffff4d}.ppt-fs-thumbs{display:flex;justify-content:center;gap:8px;padding:12px 24px;background:#000000e6;flex-shrink:0}.ppt-fs-thumbs button{width:36px;height:36px;border-radius:6px;border:2px solid transparent;background:#ffffff1a;color:#fff;cursor:pointer;font-size:12px}.ppt-fs-thumbs button:hover{background:#fff3}.ppt-fs-thumbs button.active{background:#6366f1cc;border-color:#fff}@media(max-width:768px){.ppt-card{min-width:0}.ppt-viewport{max-height:300px}.ppt-thumb{width:80px}}.video-success-message{margin-top:16px;width:100%;max-width:100%;display:flex;justify-content:center}.video-thumbnail-container{position:relative;width:100%;max-width:400px;border-radius:20px;overflow:hidden;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease}.dark-theme .video-thumbnail-container{background:#374151;border-color:#4b5563}.video-thumbnail-container:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.video-thumbnail{width:100%;display:block;-o-object-fit:contain;object-fit:contain;background:#fff;pointer-events:none}.video-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af;pointer-events:none}.dark-theme .video-thumbnail-placeholder{background:#374151;color:#6b7280}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#000000b3;border-radius:50%;color:#fff;transition:all .3s ease;pointer-events:none}.video-thumbnail-container:hover .video-play-button{background:#000000d9;transform:translate(-50%,-50%) scale(1.1)}.video-play-button svg{width:40px;height:40px;margin-left:4px}.preview-video-container{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:60px 20px 20px!important;box-sizing:border-box!important;overflow:visible!important}.preview-video{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;border-radius:8px!important;background:#000!important}.video-thumbnail-container{position:relative}.video-action-buttons{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10}.video-action-btn{width:28px;height:28px;border-radius:6px;background:#fffffff2;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;box-shadow:0 2px 4px #0000001a}.video-action-btn:hover{background:#beef05;border-color:#beef05;transform:scale(1.1)}.video-action-btn:active{transform:scale(.95)}.video-action-btn svg{width:16px;height:16px;color:#374151}.video-action-btn:hover svg{color:#111827}.dark-theme .video-action-btn{background:#141414f2;border-color:#2a2a2a}.dark-theme .video-action-btn svg{color:#9ca3af}.dark-theme .video-action-btn:hover{background:#beef05;border-color:#beef05}.dark-theme .video-action-btn:hover svg{color:#111827}.video-action-btn.favorite.favorited{background:#beef0526;border-color:#beef05}.video-action-btn.favorite.favorited svg{color:#beef05;fill:#beef05}.video-action-btn.favorite.favorited:hover{background:#beef0540;border-color:#beef05}.dark-theme .video-action-btn.favorite.favorited{background:#beef0533;border-color:#beef05}.dark-theme .video-action-btn.favorite.favorited:hover{background:#beef054d}.video-action-btn.loading{cursor:not-allowed;position:relative;overflow:hidden}.video-action-btn.loading:hover{transform:none;background:#fffffff2}.dark-theme .video-action-btn.loading:hover{background:#141414f2}.video-action-btn-loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;border-radius:6px;z-index:1}.dark-theme .video-action-btn-loading-overlay{background:#141414e6}.video-action-btn-loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#beef05;border-radius:50%;animation:spin .8s linear infinite}.dark-theme .video-action-btn-loading-spinner{border-color:#4b5563;border-top-color:#beef05}.brandkit-list-page{position:fixed!important;inset:0!important;background:#fff!important;overflow:hidden!important;padding:0!important;box-sizing:border-box!important}.brandkit-list-page .dashboard-sidebar{position:fixed!important;left:10px!important;top:10px!important;bottom:10px!important;height:auto!important;border-radius:16px!important;background:#fff!important}.brandkit-main{position:fixed!important;inset:0 0 0 300px!important;display:flex!important;flex-direction:column!important;gap:0!important;background:transparent!important;transition:left .3s ease!important}.brandkit-list-page:has(.dashboard-sidebar.collapsed) .brandkit-main{left:104px!important}.brandkit-floating-bell{position:fixed;top:22px;right:22px;z-index:4}.brandkit-header-card{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-radius:16px;flex-shrink:0;margin-bottom:0}.brandkit-header-title{font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.brandkit-header-actions{display:flex;gap:8px;align-items:center}.brandkit-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #999999;border-radius:12px;padding:2px 4px;cursor:pointer;color:#6b7280;transition:all .2s}.brandkit-icon-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#1a1a1a}.brandkit-icon-btn svg{width:20px;height:20px}.brandkit-help-btn{display:flex;align-items:center;gap:6px;width:100px;height:36px;padding:0 20px;background:transparent;border:1px solid #999999;border-radius:12px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;box-sizing:border-box;justify-content:center}.brandkit-help-btn:hover{background:#f9fafb;border-color:#d1d5db}.brandkit-help-btn svg{width:16px;height:16px}.brandkit-content-card{flex:1;background:transparent;border-radius:0;padding:74px 30px 30px 0;overflow-y:auto}.brandkit-page-title{font-size:24px;font-weight:700;color:#000;margin:0 0 6px}.brandkit-page-subtitle{font-size:14px;color:#1c1b1f;line-height:20px;margin:0 0 24px}.brandkit-grid{display:grid;grid-template-columns:repeat(auto-fill,258px);grid-auto-rows:262px;gap:20px;justify-content:flex-start;align-content:flex-start}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(190,239,5,.2);border-top-color:#beef05;border-radius:50%;animation:spin .8s linear infinite}.loading-container p{font-size:14px;color:#6b7280;font-weight:500}.brandkit-card{cursor:pointer;overflow:visible;width:258px;height:262px;aspect-ratio:auto;display:flex;flex-direction:column;position:relative;border:none;background:transparent;z-index:1}.brandkit-card.menu-open{z-index:1001}.brandkit-card:hover .brandkit-thumbnail{box-shadow:0 8px 24px #0000001a}.brandkit-card:hover .brandkit-thumbnail img{transform:scale(1.05)}.brandkit-card:before{display:none}.brandkit-card-header{position:absolute;top:0;left:0;width:258px;height:40px;background:url(data:image/svg+xml,%3Csvg%20width%3D%22258%22%20height%3D%2240%22%20viewBox%3D%220%200%20258%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%2010V40H258V23.3333C258%2017.8105%20253.523%2013.3333%20248%2013.3333H131.156C128.496%2013.3333%20125.945%2012.2731%20124.068%2010.3872L116.663%202.94617C114.787%201.06026%20112.236%200%20109.575%200H10C4.47715%200%200%204.47715%200%2010Z%22%20fill%3D%22%23ADFF2F%22/%3E%3C/svg%3E) no-repeat center / 100% 100%;z-index:2;display:flex;align-items:center;justify-content:flex-start;padding-left:12px;box-sizing:border-box}.brandkit-card-title{font-size:12px;font-weight:700;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 40px)}.brandkit-thumbnail{border-radius:0 0 10px 10px;border:1px solid #e5e7eb;margin-top:40px;height:calc(100% - 40px);width:100%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:box-shadow .3s ease}.brandkit-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.brandkit-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#d1d5db;background:repeating-conic-gradient(#f0f0f0 0% 25%,#fff 0% 50%) 50% / 16px 16px}.status-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-badge.generating{background:#fffffff2;color:#059669;border:1px solid rgba(5,150,105,.2);box-shadow:0 2px 8px #0000001a}.spinner-small{width:12px;height:12px;border:2px solid rgba(190,239,5,.3);border-top-color:#beef05;border-radius:50%;animation:spin .6s linear infinite}.brandkit-menu-btn{position:absolute;right:5px;bottom:1px;width:24px;height:24px;background:transparent;border:none;cursor:pointer;opacity:1;transition:opacity .2s;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.brandkit-menu-btn:hover{opacity:1}.brandkit-menu-btn img{width:24px;height:24px;display:block}.brandkit-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:6px;min-width:150px;z-index:1000}.menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:none;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:background .2s;text-align:left;white-space:nowrap}.menu-item:hover{background:#f9fafb}.menu-item.danger{color:#ef4444}.menu-item.danger:hover{background:#fef2f2}.create-new-card{width:262px;height:262px;background:#fff;border:none;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;aspect-ratio:1;padding:10px;box-sizing:border-box}.create-new-card:before{display:none}.create-new-card:after{content:"";position:absolute;inset:0;border:2px dashed #adff2f;border-radius:8px;pointer-events:none}.create-new-card:hover{background:#fff}.create-new-card:hover:after{border-color:#9de600}.brandkit-list-page .create-new-content{display:flex;flex:1 0 0;flex-direction:row;align-items:center;align-self:stretch;justify-content:center;gap:6px;z-index:1}.brandkit-list-page .create-icon{width:20px;height:20px;flex:0 0 20px;min-width:20px;min-height:20px;display:block;-o-object-fit:contain;object-fit:contain}.brandkit-list-page .create-new-card:hover .create-icon{transform:none}.brandkit-list-page .create-text{color:#000;text-align:center;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:normal}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;gap:16px}.empty-icon{color:#d1d5db;margin-bottom:8px}.empty-state h3{font-size:20px;font-weight:600;color:#111827;margin:0}.empty-state p{font-size:14px;color:#6b7280;margin:0}.create-first-btn{margin-top:8px;padding:12px 24px;background:linear-gradient(135deg,#beef05,#a0c900);border:none;border-radius:8px;font-size:14px;font-weight:600;color:#1a1a1a;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #beef054d}.create-first-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #beef0566}.delete-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease;padding:20px}.delete-modal{background:#fff;border-radius:16px;padding:32px;max-width:440px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-modal-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;color:#ef4444}.delete-modal-title{font-size:24px;font-weight:700;color:#111827;text-align:center;margin:0 0 12px}.delete-modal-message{font-size:15px;color:#6b7280;text-align:center;line-height:1.6;margin:0 0 28px}.delete-modal-message strong{color:#111827;font-weight:600}.delete-modal-btn{flex:1;padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.delete-modal-btn.cancel{background:#f3f4f6;color:#374151}.delete-modal-btn.cancel:hover{background:#e5e7eb;transform:translateY(-1px)}.delete-modal-btn.confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.delete-modal-btn.confirm:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.delete-modal-btn.confirm:active{transform:translateY(0)}.rename-modal{max-width:480px}.rename-icon{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#beef05}.rename-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;color:#111827;margin-bottom:20px;transition:all .2s;outline:none;font-family:inherit}.rename-input::-moz-placeholder{color:#9ca3af}.rename-input::placeholder{color:#9ca3af}.rename-confirm{background:linear-gradient(135deg,#beef05,#a0c900);color:#1a1a1a;box-shadow:0 2px 8px #beef054d}.rename-confirm:hover:not(:disabled){box-shadow:0 4px 12px #beef0566}.rename-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle}.delete-modal-btn.confirm .btn-spinner{border-color:#ffffff4d;border-top-color:#fff}.rename-confirm .btn-spinner{border-color:#1a1a1a4d;border-top-color:#1a1a1a}.delete-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media(max-width:1200px){.brandkit-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}}@media(max-width:900px){.brandkit-main{left:88px}}@media(max-width:768px){.brandkit-main{inset:12px 0 12px 12px!important}.brandkit-list-page .dashboard-sidebar.mobile-drawer-enabled{top:10px!important;left:10px!important;bottom:10px!important;width:min(280px,calc(100vw - 56px))!important;max-width:calc(100vw - 56px)!important;height:auto!important;max-height:calc(100dvh - 20px)!important;z-index:1500!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:20px!important;background:#fffffff0!important;box-shadow:0 18px 40px #959da53d!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.brandkit-floating-bell{top:30px;right:30px;z-index:1350}.brandkit-content-card{display:flex;flex-direction:column;gap:16px;padding:92px 18px 24px}.brandkit-page-title{font-size:22px;line-height:1.15;text-align:center;margin:0}.brandkit-page-subtitle{text-align:center;margin:0}.brandkit-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:16px;justify-content:stretch;justify-items:stretch}.brandkit-card,.create-new-card{width:100%;height:auto;aspect-ratio:1 / 1}.brandkit-card:not(.create-new-card){position:relative;background:none!important}.brandkit-card:not(.create-new-card):before{content:none}.brandkit-card:not(.create-new-card):after{content:none}.create-new-card{display:flex;padding:0;align-items:center;justify-content:center;box-sizing:border-box}.brandkit-list-page .create-new-content{flex:0 0 auto;align-self:center;gap:6px}.brandkit-card-header{position:absolute;top:0;left:0;right:0;width:100%;height:40px;display:flex;align-items:center;justify-content:flex-start;padding:0 40px 0 16px;background:transparent!important;box-sizing:border-box;z-index:3;overflow:visible;isolation:isolate}.brandkit-card-header:before{content:"";position:absolute;inset:0;background:#adff2f;border-radius:18px 18px 0 0;z-index:0;pointer-events:none}.brandkit-card-header:after{content:"";position:absolute;top:0;left:46%;transform:translate(-50%);width:36px;height:14px;background:#fff;border-radius:0 0 12px 12px;z-index:0;pointer-events:none}.brandkit-card-title{position:relative;z-index:1}.brandkit-thumbnail{margin-top:40px;height:calc(100% - 40px);width:100%;aspect-ratio:auto;box-sizing:border-box;align-self:stretch}.brandkit-card-title{max-width:calc(100% - 36px)}.brandkit-menu-btn{z-index:1}.brandkit-list-page .create-icon{width:20px;height:20px;flex-basis:20px;min-width:20px;min-height:20px}.brandkit-list-page .create-text{font-size:12px}.delete-modal{padding:24px 20px;border-radius:12px}.delete-modal-icon{width:56px;height:56px}.delete-modal-icon svg{width:40px;height:40px}.delete-modal-title{font-size:20px}.delete-modal-message{font-size:14px}.delete-modal-btn{padding:10px 20px;font-size:14px}}@media(max-width:420px){.brandkit-grid{grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:stretch}.brandkit-card{width:100%;min-width:0;height:auto;aspect-ratio:1 / 1}.brandkit-card:not(.create-new-card){position:relative;background:none!important}.brandkit-card:not(.create-new-card):before{content:none}.brandkit-card:not(.create-new-card):after{content:none}.create-new-card{width:100%;min-width:0;height:auto;aspect-ratio:1 / 1;padding:0}.brandkit-card-header{position:absolute;top:0;left:0;right:0;width:100%;height:40px;display:flex;align-items:center;justify-content:flex-start;padding:0 40px 0 16px;background:transparent!important;box-sizing:border-box;z-index:3;overflow:visible;isolation:isolate}.brandkit-card-header:before{content:"";position:absolute;inset:0;background:#adff2f;border-radius:18px 18px 0 0;z-index:0;pointer-events:none}.brandkit-card-header:after{content:"";position:absolute;top:0;left:46%;transform:translate(-50%);width:36px;height:14px;background:#fff;border-radius:0 0 12px 12px;z-index:0;pointer-events:none}.brandkit-card-title{position:relative;z-index:1}.brandkit-thumbnail{margin-top:40px;height:calc(100% - 40px);width:100%;aspect-ratio:auto;box-sizing:border-box;align-self:stretch}}.brandkit-list-page.dark-theme{background:#1a1a1a!important}.brandkit-list-page.dark-theme .dashboard-sidebar{background:#0a0a0a!important}.brandkit-list-page.dark-theme .brandkit-header-card{background:#0a0a0a}.brandkit-list-page.dark-theme .brandkit-header-title{color:#fff}.brandkit-list-page.dark-theme .brandkit-icon-btn{color:#9ca3af}.brandkit-list-page.dark-theme .brandkit-icon-btn:hover{background:#374151;color:#fff}.brandkit-list-page.dark-theme .brandkit-help-btn{border-color:#374151;color:#d1d5db}.brandkit-list-page.dark-theme .brandkit-help-btn:hover{background:#374151;border-color:#4b5563}.brandkit-list-page.dark-theme .brandkit-content-card{background:#0a0a0a}.brandkit-list-page.dark-theme .brandkit-page-title{color:#fff}.brandkit-list-page.dark-theme .brandkit-page-subtitle{color:#9ca3af}.brandkit-list-page.dark-theme .brandkit-card{background:#1a1a1a;border-color:#2a2a2a}.brandkit-list-page.dark-theme .brandkit-card:hover{border-color:#3a3a3a}.brandkit-list-page.dark-theme .brandkit-card-title{color:#000}.brandkit-list-page.dark-theme .brandkit-card:before{background:#d4fc79}.brandkit-list-page.dark-theme .brandkit-card-header{background:#d4fc79}.brandkit-list-page.dark-theme .brandkit-menu-btn{color:#9ca3af}.brandkit-list-page.dark-theme .brandkit-menu-btn:hover{background:#374151;color:#fff}.brandkit-list-page.dark-theme .brandkit-menu-dropdown{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 8px 24px #00000080}.brandkit-list-page.dark-theme .brandkit-menu-dropdown .menu-item{color:#d1d5db}.brandkit-list-page.dark-theme .brandkit-menu-dropdown .menu-item:hover{background:#374151}.brandkit-list-page.dark-theme .brandkit-thumbnail{background:#111}.brandkit-list-page.dark-theme .brandkit-placeholder{color:#6b7280}.brandkit-list-page.dark-theme .create-new-card{background:#1a1a1a}.brandkit-list-page.dark-theme .create-new-card:after{border-color:#4a5a20}.brandkit-list-page.dark-theme .create-new-card:hover{background:#222}.brandkit-list-page.dark-theme .create-new-card:hover:after{border-color:#6a8a20}.brandkit-list-page.dark-theme .create-text{color:#9ca3af}.brandkit-list-page.dark-theme .empty-state h3{color:#fff}.brandkit-list-page.dark-theme .empty-state p{color:#9ca3af}.brandkit-list-page.dark-theme .empty-icon{color:#4b5563}.brandkit-list-page.dark-theme .loading-container p{color:#9ca3af}.brandkit-list-page.dark-theme .delete-modal-overlay{background:#000c}.brandkit-list-page.dark-theme .delete-modal{background:#1a1a1a;border-color:#2a2a2a}.brandkit-list-page.dark-theme .delete-modal-title{color:#fff}.brandkit-list-page.dark-theme .delete-modal-message{color:#9ca3af}.brandkit-list-page.dark-theme .delete-modal-btn.cancel{background:#374151;color:#d1d5db}.brandkit-list-page.dark-theme .delete-modal-btn.cancel:hover{background:#4b5563}.brandkit-list-page.dark-theme .rename-input{background:#0a0a0a;border-color:#374151;color:#fff}.brandkit-list-page.dark-theme .rename-input:focus{border-color:#cf0}@media(max-width:768px){.brandkit-card-header{background:transparent!important;overflow:hidden;isolation:isolate}.brandkit-card-header:before{content:"";position:absolute;inset:0;background:#adff2f;-webkit-mask:url(data:image/svg+xml,%3Csvg%20width%3D%22258%22%20height%3D%2240%22%20viewBox%3D%220%200%20258%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%2010V40H258V23.3333C258%2017.8105%20253.523%2013.3333%20248%2013.3333H131.156C128.496%2013.3333%20125.945%2012.2731%20124.068%2010.3872L116.663%202.94617C114.787%201.06026%20112.236%200%20109.575%200H10C4.47715%200%200%204.47715%200%2010Z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E) no-repeat left top / 100% 100%;mask:url(data:image/svg+xml,%3Csvg%20width%3D%22258%22%20height%3D%2240%22%20viewBox%3D%220%200%20258%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%2010V40H258V23.3333C258%2017.8105%20253.523%2013.3333%20248%2013.3333H131.156C128.496%2013.3333%20125.945%2012.2731%20124.068%2010.3872L116.663%202.94617C114.787%201.06026%20112.236%200%20109.575%200H10C4.47715%200%200%204.47715%200%2010Z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E) no-repeat left top / 100% 100%;z-index:0;pointer-events:none}.brandkit-card-header:after{content:none}.brandkit-card-title,.brandkit-menu-btn{position:relative;z-index:1}.brandkit-list-page .brandkit-card:not(.create-new-card):before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:url(data:image/svg+xml,%3Csvg%20width%3D%22258%22%20height%3D%2240%22%20viewBox%3D%220%200%20258%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%2010V40H258V23.3333C258%2017.8105%20253.523%2013.3333%20248%2013.3333H131.156C128.496%2013.3333%20125.945%2012.2731%20124.068%2010.3872L116.663%202.94617C114.787%201.06026%20112.236%200%20109.575%200H10C4.47715%200%200%204.47715%200%2010Z%22%20fill%3D%22%23ADFF2F%22/%3E%3C/svg%3E) no-repeat left top / 100% 100%;z-index:1;pointer-events:none}.brandkit-list-page .brandkit-card:not(.create-new-card):after{content:none}.brandkit-list-page .brandkit-card-header{background:transparent!important;overflow:visible;isolation:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px 0 16px}.brandkit-list-page .brandkit-card-header:before,.brandkit-list-page .brandkit-card-header:after{content:none!important}.brandkit-list-page .brandkit-card-title{position:relative;z-index:2;flex:1 1 auto;min-width:0;max-width:none}.brandkit-list-page .brandkit-menu-btn{position:relative;inset:auto;margin-left:auto;z-index:2;flex:0 0 auto}.brandkit-list-page .brandkit-card:not(.create-new-card):before,.brandkit-list-page .brandkit-card:not(.create-new-card):after{content:none!important}.brandkit-list-page .brandkit-card-header{background:url(data:image/svg+xml,%3Csvg%20width%3D%22258%22%20height%3D%2240%22%20viewBox%3D%220%200%20258%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%2010V40H258V23.3333C258%2017.8105%20253.523%2013.3333%20248%2013.3333H131.156C128.496%2013.3333%20125.945%2012.2731%20124.068%2010.3872L116.663%202.94617C114.787%201.06026%20112.236%200%20109.575%200H10C4.47715%200%200%204.47715%200%2010Z%22%20fill%3D%22%23ADFF2F%22/%3E%3C/svg%3E) no-repeat left top / 100% 100%!important;overflow:visible;isolation:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px 0 16px}.brandkit-list-page .brandkit-card-header:before,.brandkit-list-page .brandkit-card-header:after{content:none!important;display:none!important}.brandkit-list-page .brandkit-card-title{position:relative;z-index:1;flex:1 1 auto;min-width:0;max-width:none}.brandkit-list-page .brandkit-menu-btn{position:relative;inset:auto;margin-left:auto;z-index:1;flex:0 0 auto}}.brandkit-mobile-folder-bg{display:none}@media(max-width:768px){.brandkit-mobile-folder-bg{display:block}.brandkit-list-page .brandkit-card-header{background:transparent!important}.brandkit-list-page .brandkit-card-header:before,.brandkit-list-page .brandkit-card-header:after{content:none!important;display:none!important}.brandkit-list-page .brandkit-menu-btn{transform:translateY(6px)}}.brandkit-setup{display:flex;height:100vh;background:#fff;overflow:hidden}.brandkit-setup.dark-theme{background:#0a0a0a}.brandkit-sidebar{width:280px;background:#000;color:#fff;display:flex;flex-direction:column;border-right:1px solid #2a2a2a}.brandkit-sidebar-header{padding:20px;border-bottom:1px solid #2a2a2a}.brandkit-sidebar-header .logo{font-size:32px;font-weight:700;color:#c0ff00;margin:0 0 15px;cursor:pointer}.brandkit-main{flex:1;display:flex;flex-direction:column;background:#fafafa;overflow:hidden}.brandkit-setup.dark-theme .brandkit-main{background:#0a0a0a}.brandkit-content{flex:1;display:flex;justify-content:center;padding:60px 20px;overflow-y:auto}.brandkit-container{width:100%;max-width:900px}.brandkit-header{text-align:center;margin-bottom:48px}.brandkit-title{font-size:40px;font-weight:700;color:#000;margin:0 0 16px}.brandkit-setup.dark-theme .brandkit-title{color:#fff}.brandkit-subtitle{font-size:16px;color:#666;margin:0;line-height:1.6}.brandkit-setup.dark-theme .brandkit-subtitle{color:#999}.brandkit-form{background:#fff;border-radius:24px;padding:48px;box-shadow:0 4px 24px #0000000f}.brandkit-setup.dark-theme .brandkit-form{background:#1a1a1a;box-shadow:0 4px 24px #0000004d}.form-group{display:flex;flex-direction:column;gap:10px}.brandkit-setup.dark-theme .form-label{color:#fff}.form-input{padding:16px 20px;border:2px solid #e5e5e5;border-radius:12px;font-size:15px;color:#000;transition:all .2s;outline:none;background:#fff}.brandkit-setup.dark-theme .form-input{background:#0a0a0a;border-color:#2a2a2a;color:#fff}.form-input::-moz-placeholder{color:#999}.form-input::placeholder{color:#999}.brandkit-setup.dark-theme .form-input::-moz-placeholder{color:#666}.brandkit-setup.dark-theme .form-input::placeholder{color:#666}.form-input:focus{border-color:#000}.brandkit-setup.dark-theme .form-input:focus{border-color:#c0ff00}.form-input.error{border-color:#f44}.logo-upload-area{border:2px dashed #e5e5e5;border-radius:20px;padding:60px 40px;cursor:pointer;transition:all .3s;background:#fafafa;min-height:400px;display:flex;align-items:center;justify-content:center;position:relative}.brandkit-setup.dark-theme .logo-upload-area{background:#0a0a0a;border-color:#2a2a2a}.logo-upload-area:hover{border-color:#000;background:#f5f5f5}.brandkit-setup.dark-theme .logo-upload-area:hover{border-color:#c0ff00;background:#1a1a1a}.logo-upload-area.error{border-color:#f44;background:#fff5f5}.logo-upload-area.has-image{padding:0;border-style:solid}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.upload-placeholder svg{color:#999}.brandkit-setup.dark-theme .upload-placeholder svg{color:#666}.upload-text{font-size:16px;color:#666;margin:0;line-height:1.6;max-width:400px}.brandkit-setup.dark-theme .upload-text{color:#999}.upload-hint{font-size:14px;color:#999;margin:0}.brandkit-setup.dark-theme .upload-hint{color:#666}.logo-preview{width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:18px;overflow:hidden}.logo-preview img{max-width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain}.logo-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;transition:all .3s}.logo-preview:hover .logo-overlay{opacity:1}.logo-overlay svg{color:#fff}.logo-overlay span{color:#fff;font-size:15px;font-weight:600}.brandkit-setup.dark-theme .generate-btn.active{background:#c0ff00;color:#000}.brandkit-setup.dark-theme .generate-btn.active:hover{background:#d4ff33;box-shadow:0 8px 24px #c0ff004d}@media(max-width:768px){.brandkit-sidebar{width:70px}.brandkit-sidebar-header .logo,.new-design-btn span,.conversation-title,.group-title{display:none}.new-design-btn{padding:12px}.brandkit-content{padding:40px 16px}.brandkit-title{font-size:32px}.brandkit-subtitle{font-size:15px}.brandkit-form{padding:32px 24px;border-radius:20px}.form-row{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.logo-upload-area{min-height:320px;padding:40px 20px}.logo-preview{min-height:320px}.logo-preview img{max-height:320px}.upload-placeholder svg{width:48px;height:48px}.generate-btn{width:100%;min-width:auto}}.brandkit-content::-webkit-scrollbar{width:8px}.brandkit-content::-webkit-scrollbar-track{background:transparent}.brandkit-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.brandkit-setup.dark-theme .brandkit-content::-webkit-scrollbar-thumb{background:#333}.brandkit-content::-webkit-scrollbar-thumb:hover{background:#999}.asset-detail-page{min-height:100vh;background:#fff;padding-bottom:48px}.asset-detail-header{padding:24px 48px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #e8e8e8}.back-btn{width:40px;height:40px;border-radius:8px;border:1px solid #e8e8e8;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.back-btn:hover{background:#f5f5f5;border-color:#d4fc79}.back-btn svg{width:20px;height:20px;color:#333}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px}.breadcrumb-item{color:#999}.breadcrumb-item.active{color:#000;font-weight:600}.breadcrumb-separator{color:#ccc}.asset-detail-title{padding:32px 48px 24px}.asset-detail-title h1{font-size:24px;font-weight:700;color:#000;margin:0}.asset-detail-content{padding:0 48px}.asset-section{margin-bottom:48px}.section-title{font-size:16px;font-weight:600;color:#000;margin-bottom:24px}.asset-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.asset-file-card{border-radius:12px;overflow:hidden;border:1px solid #e8e8e8;background:#fff;transition:all .3s}.asset-file-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#d4fc79}.file-header{padding:16px;display:flex;justify-content:space-between;align-items:center;background:#d4fc79}.file-title{font-weight:600;font-size:12px;color:#000}.download-btn,.copy-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:background .2s;display:flex;align-items:center;justify-content:center}.download-btn:hover,.copy-btn:hover{background:#0000001a}.download-btn svg,.copy-btn svg{width:20px;height:20px;color:#000}.file-preview{padding:48px 32px;background:#fafafa;min-height:240px;display:flex;align-items:center;justify-content:center}.preview-content{text-align:center}.logo-icon{font-size:64px;margin-bottom:16px}.logo-text{font-size:32px;font-weight:600;color:#175b6d}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.color-card{border-radius:12px;overflow:hidden;border:1px solid #e8e8e8;background:#fff;transition:all .3s}.color-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#d4fc79}.color-header{padding:16px;display:flex;justify-content:space-between;align-items:center;background:#d4fc79}.color-hex{font-weight:600;font-size:13px;color:#000;font-family:monospace}.color-swatch{height:240px;width:100%}.typography-grid{display:flex;flex-wrap:wrap;gap:16px}.typography-card{border-radius:12px;overflow:hidden;border:1px solid #e8e8e8;background:#fff;transition:all .3s;width:220px;flex-shrink:0}.typography-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#d4fc79}.typography-header{padding:16px;display:flex;justify-content:space-between;align-items:center;background:#d4fc79}.typography-name{font-weight:600;font-size:12px;color:#000}.typography-preview{padding:48px 32px;background:#fafafa}.font-display{margin-bottom:24px;color:#000}.font-info{margin-top:16px}.font-family{font-size:16px;font-weight:600;color:#666;margin:0 0 8px}.font-description{font-size:14px;color:#999;margin:0}.pattern-container{max-width:400px}.pattern-card{border-radius:12px;overflow:hidden;border:1px solid #e8e8e8;background:#fff}.pattern-header{padding:16px;display:flex;justify-content:space-between;align-items:center;background:#d4fc79}.pattern-title{font-weight:600;font-size:12px;color:#000}.pattern-preview{padding:32px;background:#fafafa}.pattern-grid-display{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.pattern-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:24px}.brand-action-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,350px));gap:20px}.brand-action-card{width:100%;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:#fff;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content}.brand-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.brand-action-card.create-card{border:2px dashed #d4fc79;background:#fafff0}.brand-action-card.create-card .action-card-header{background:transparent}.brand-action-card.create-card .action-card-preview{display:flex;align-items:center;justify-content:center;min-height:240px}.create-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:#333}.create-icon{width:48px;height:48px;border-radius:50%;background:#d4fc79;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:300}.create-content span{font-size:14px;font-weight:500}.action-card-header{height:44px;position:relative;display:flex;align-items:flex-end}.action-card-header:before{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:#d4fc79;clip-path:polygon(0 0,100% 0,85% 100%,0 100%);z-index:1}.action-card-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:66%;background:#d4fc79;border-top-right-radius:8px;z-index:0}.action-card-title{position:relative;z-index:2;font-weight:600;font-size:11px;color:#000;padding-left:12px;padding-bottom:8px;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-menu-btn{position:relative;z-index:2;background:none;border:none;font-size:18px;cursor:pointer;padding:8px;color:#000;border-radius:4px;transition:opacity .2s;margin-left:auto;margin-right:12px;margin-bottom:4px;opacity:.6}.brand-action-card:hover .card-menu-btn{opacity:1}.action-card-preview{position:relative;display:flex;align-items:center;justify-content:center;background:#fafafa;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden;aspect-ratio:20/16}.preview-placeholder{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.collaborator-badge{position:absolute;bottom:16px;left:16px;width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.collaborator-badge svg{width:20px;height:20px;color:#666}.preview-icon{font-size:64px}@media(max-width:1024px){.asset-detail-header,.asset-detail-title,.asset-detail-content{padding-left:32px;padding-right:32px}}@media(max-width:768px){.asset-detail-header,.asset-detail-title,.asset-detail-content{padding-left:24px;padding-right:24px}.asset-files-grid,.color-grid,.typography-grid,.brand-action-grid{grid-template-columns:1fr}}.create-design-dialog-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:cdd-fadeIn .18s ease}@keyframes cdd-fadeIn{0%{opacity:0}to{opacity:1}}.create-design-dialog{background:#fff;border-radius:16px;box-shadow:0 24px 64px #0000002e,0 4px 16px #00000014;max-width:620px;width:92%;max-height:88vh;display:flex;flex-direction:column;animation:cdd-slideUp .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}@keyframes cdd-slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.create-design-header{flex-shrink:0;padding:24px 28px 18px;border-bottom:1px solid #f0f0f0;position:relative;display:flex;align-items:center;justify-content:center}.create-design-title{font-size:17px;font-weight:600;color:#0a0a0a;margin:0;letter-spacing:-.01em}.create-design-close-btn{position:absolute;top:50%;right:20px;transform:translateY(-50%);width:30px;height:30px;border:1px solid #e8e8e8;background:#fafafa;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease;color:#888;padding:0}.create-design-close-btn svg{width:14px;height:14px}.create-design-close-btn:hover:not(:disabled){background:#f0f0f0;border-color:#d0d0d0;color:#333}.create-design-close-btn:disabled{opacity:.4;cursor:not-allowed}.create-design-content{flex:1;overflow-y:auto;padding:22px 28px}.create-design-content::-webkit-scrollbar{width:4px}.create-design-content::-webkit-scrollbar-track{background:transparent}.create-design-content::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.create-design-content::-webkit-scrollbar-thumb:hover{background:#c8c8c8}.create-design-form{display:flex;flex-direction:column;gap:22px}.form-section{display:flex;flex-direction:column;gap:10px}.form-label{font-size:12px;font-weight:600;color:#444;letter-spacing:.04em;text-transform:uppercase;display:block}.required{color:#999;margin-left:3px}.create-design-dialog .category-tabs{display:flex!important;flex-wrap:wrap!important;gap:6px!important;grid-template-columns:unset!important}.create-design-dialog .category-tab{padding:5px 12px!important;background:transparent!important;border:1px solid #e0e0e0!important;border-radius:6px!important;font-size:13px!important;font-weight:500!important;color:#555!important;cursor:pointer!important;transition:background .15s,border-color .15s,color .15s!important;white-space:nowrap!important;line-height:20px!important;min-height:unset!important;flex-direction:row!important;height:auto!important}.create-design-dialog .category-tab:hover:not(:disabled){background:#f5f5f5!important;border-color:#ccc!important;color:#111!important}.create-design-dialog .category-tab.active{background:#111!important;border-color:#111!important;color:#fff!important}.create-design-dialog .category-tab:disabled{opacity:.45!important;cursor:not-allowed!important}.item-types-grid{display:flex;flex-wrap:wrap;gap:6px}.item-type-pill{padding:5px 12px;background:transparent;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;font-weight:500;color:#555;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;line-height:20px}.item-type-pill:hover:not(:disabled){background:#f5f5f5;border-color:#ccc;color:#111}.item-type-pill.active{background:#111;border-color:#111;color:#fff}.item-type-pill:disabled{opacity:.45;cursor:not-allowed}.custom-item-input-wrapper{position:relative;display:inline-flex;align-items:center}.custom-item-input-row{display:inline-flex;align-items:center;gap:4px;border:1px solid #e0e0e0;border-radius:6px;padding:0 8px;background:#fafafa;transition:border-color .15s,background .15s;height:30px}.custom-item-input-row:focus-within{border-color:#aaa;background:#fff}.custom-item-input{border:none;background:transparent;outline:none;font-size:13px;font-family:inherit;color:#555;width:130px;min-width:0;line-height:20px}.custom-item-input::-moz-placeholder{color:#bbb}.custom-item-input::placeholder{color:#bbb}.custom-item-input.has-value{color:#111;font-weight:500}.custom-item-spinner{width:11px;height:11px;border:1.5px solid #e0e0e0;border-top-color:#888;border-radius:50%;animation:cdd-spin .7s linear infinite;flex-shrink:0}.custom-item-clear{width:16px;height:16px;border:none;background:#e8e8e8;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;padding:0;flex-shrink:0;transition:background .15s,color .15s}.custom-item-clear:hover{background:#d5d5d5;color:#333}.custom-item-suggestions{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 6px 20px #0000001a;z-index:200;overflow:hidden;animation:cdd-fadeIn .12s ease}.custom-item-suggestion{width:100%;display:block;padding:7px 12px;background:transparent;border:none;font-size:13px;font-family:inherit;color:#333;cursor:pointer;text-align:left;transition:background .1s;white-space:nowrap}.custom-item-suggestion:hover{background:#f5f5f5;color:#111}.dark-theme .custom-item-input-row{background:#191919;border-color:#2a2a2a}.dark-theme .custom-item-input-row:focus-within{border-color:#555;background:#1a1a1a}.dark-theme .custom-item-input{color:#999}.dark-theme .custom-item-input::-moz-placeholder{color:#444}.dark-theme .custom-item-input::placeholder{color:#444}.dark-theme .custom-item-input.has-value{color:#f0f0f0}.dark-theme .custom-item-clear{background:#2a2a2a;color:#777}.dark-theme .custom-item-clear:hover{background:#333;color:#ddd}.dark-theme .custom-item-suggestions{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 6px 20px #0006}.dark-theme .custom-item-suggestion{color:#aaa}.dark-theme .custom-item-suggestion:hover{background:#222;color:#eee}.product-image-header{display:flex;align-items:center;justify-content:space-between}.product-image-header .form-label{margin:0}.select-from-products-link{background:none;border:none;color:#666;font-size:12px;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s;padding:0}.select-from-products-link:hover:not(:disabled){color:#111}.select-from-products-link:disabled{opacity:.4;cursor:not-allowed}.product-image-hint{font-size:11px;color:#aaa;margin:4px 0 10px}.product-images-grid{display:flex;flex-wrap:wrap;gap:8px}.product-image-thumb{position:relative;width:60px;height:60px;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0;background:#fff}.product-image-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.product-image-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#0000008c;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .15s;padding:0}.product-image-remove:hover{background:#c81e1ed9}.product-image-add{width:60px;height:60px;border-radius:8px;border:1px dashed #ccc;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#bbb;transition:border-color .15s,color .15s}.product-image-add:hover:not(:disabled){border-color:#555;color:#555}.product-image-add:disabled{opacity:.4;cursor:not-allowed}.aspect-ratios-grid{display:flex;flex-wrap:wrap;gap:6px}.aspect-ratio-btn{padding:5px 14px;background:transparent;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;font-weight:500;color:#555;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:flex;align-items:center;gap:6px;line-height:20px}.aspect-ratio-btn svg{width:14px;height:14px;flex-shrink:0;stroke:currentColor}.aspect-ratio-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc;color:#111}.aspect-ratio-btn.active{background:#111;border-color:#111;color:#fff}.aspect-ratio-btn.active svg{stroke:#fff}.aspect-ratio-btn:disabled{opacity:.45;cursor:not-allowed}.requirements-textarea{width:100%;padding:10px 14px;font-size:13px;color:#111;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;outline:none;transition:border-color .15s,background .15s;font-family:inherit;resize:vertical;min-height:90px;box-sizing:border-box}.requirements-textarea::-moz-placeholder{color:#bbb}.requirements-textarea::placeholder{color:#bbb}.requirements-textarea:focus{background:#fff;border-color:#aaa}.requirements-textarea:disabled{opacity:.6;cursor:not-allowed}.create-design-footer{flex-shrink:0;padding:14px 28px 20px;border-top:1px solid #f0f0f0;background:#fff}.create-design-submit-btn{width:100%;padding:10px 24px;background:#111;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s,opacity .15s;letter-spacing:.01em}.create-design-submit-btn:hover:not(:disabled){background:#222}.create-design-submit-btn:active:not(:disabled){background:#000}.create-design-submit-btn:disabled{opacity:.35;cursor:not-allowed}.create-design-dialog .spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:cdd-spin .7s linear infinite;flex-shrink:0}@keyframes cdd-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.create-design-header{padding:18px 20px 14px}.create-design-content{padding:18px 20px}.create-design-footer{padding:12px 20px 18px}.create-design-close-btn{right:14px}}.dark-theme .create-design-dialog{background:#111}.dark-theme .create-design-header{border-bottom-color:#222}.dark-theme .create-design-title{color:#f5f5f5}.dark-theme .create-design-close-btn{background:#1a1a1a;border-color:#333;color:#888}.dark-theme .create-design-close-btn:hover:not(:disabled){background:#222;border-color:#444;color:#ddd}.dark-theme .create-design-content::-webkit-scrollbar-thumb{background:#333}.dark-theme .form-label{color:#888}.dark-theme .create-design-dialog .category-tab{border-color:#2a2a2a!important;color:#999!important}.dark-theme .create-design-dialog .category-tab:hover:not(:disabled){background:#1e1e1e!important;border-color:#444!important;color:#eee!important}.dark-theme .create-design-dialog .category-tab.active{background:#f5f5f5!important;border-color:#f5f5f5!important;color:#111!important}.dark-theme .item-type-pill{border-color:#2a2a2a;color:#999}.dark-theme .item-type-pill:hover:not(:disabled){background:#1e1e1e;border-color:#444;color:#eee}.dark-theme .item-type-pill.active{background:#f5f5f5;border-color:#f5f5f5;color:#111}.dark-theme .aspect-ratio-btn{border-color:#2a2a2a;color:#999}.dark-theme .aspect-ratio-btn:hover:not(:disabled){background:#1e1e1e;border-color:#444;color:#eee}.dark-theme .aspect-ratio-btn.active{background:#f5f5f5;border-color:#f5f5f5;color:#111}.dark-theme .aspect-ratio-btn.active svg{stroke:#111}.dark-theme .product-image-hint{color:#555}.dark-theme .product-image-thumb{border-color:#2a2a2a;background:#1a1a1a}.dark-theme .product-image-add{border-color:#333;color:#555}.dark-theme .product-image-add:hover:not(:disabled){border-color:#888;color:#aaa}.dark-theme .select-from-products-link{color:#777}.dark-theme .select-from-products-link:hover:not(:disabled){color:#ccc}.dark-theme .requirements-textarea{background:#191919;border-color:#2a2a2a;color:#e0e0e0}.dark-theme .requirements-textarea::-moz-placeholder{color:#444}.dark-theme .requirements-textarea::placeholder{color:#444}.dark-theme .requirements-textarea:focus{background:#1a1a1a;border-color:#555}.dark-theme .create-design-footer{background:#111;border-top-color:#222}.dark-theme .create-design-submit-btn{background:#f5f5f5;color:#111}.dark-theme .create-design-submit-btn:hover:not(:disabled){background:#e0e0e0}.dark-theme .create-design-submit-btn:active:not(:disabled){background:#ccc}.dark-theme .create-design-dialog .spinner-small{border-color:#00000026;border-top-color:#111}.brand-action-page{height:100vh;background:#f0f0f0;overflow:hidden;box-sizing:border-box}.brand-action-page .dashboard-sidebar{left:10px;top:10px;bottom:10px;height:auto;border-radius:16px}.brand-action-page.dark-theme{background:#1a1a1a}.brand-action-page.dark-theme .brand-action-main{background:transparent}.brand-action-page.dark-theme .brand-action-header-card,.brand-action-page.dark-theme .brand-action-card{background:#0a0a0a}.brand-action-page.dark-theme .header-title{color:#fff}.brand-action-page.dark-theme .header-subtitle{color:#888}.brand-action-page.dark-theme .stats-number{color:#fff}.brand-action-page.dark-theme .stats-label{color:#888}.brand-action-page.dark-theme .category-mockup-card{background:#1a1a1a;border-color:#2a2a2a}.brand-action-page.dark-theme .category-mockup-name{color:#fff}.brand-action-page.dark-theme .dashboard-sidebar{background:#0a0a0a!important}.brand-action-main{position:fixed;inset:12px 12px 12px 284px;display:flex;flex-direction:column;gap:12px;transition:left .3s ease}.brand-action-header-card{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-radius:16px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px}.back-button-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;color:#6b7280;flex-shrink:0;padding:0;box-shadow:0 1px 3px #0000001a}.back-button-icon:hover{background:#f9fafb;border-color:#beef05;color:#beef05;transform:translate(-2px)}.back-button-icon:active{transform:translate(-4px)}.back-button-icon svg{display:block}.header-title-group{display:flex;flex-direction:column;gap:4px}.header-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.5px}.header-subtitle{font-size:14px;color:#666;margin:0}.header-actions{display:flex;align-items:center;gap:12px}.header-icon-btn{width:40px;height:40px;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666}.header-icon-btn:hover{background:#f0f0f0;color:#1a1a1a}.header-icon-btn svg{width:20px;height:20px}.brand-action-page.dark-theme .header-icon-btn{color:#888}.brand-action-page.dark-theme .header-icon-btn:hover{background:#2a2a2a;color:#fff}.header-help-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#f8f9fa;border:none;border-radius:10px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.header-help-btn:hover{background:#e5e7eb;color:#1a1a1a}.brand-action-page.dark-theme .header-help-btn{background:#2a2a2a;color:#888}.brand-action-page.dark-theme .header-help-btn:hover{background:#3a3a3a;color:#fff}.brand-action-content{flex:1;display:flex;flex-direction:column;gap:12px;overflow:hidden}.brand-action-card{background:#fff;border-radius:16px;padding:24px;flex:1;min-height:0}.brand-action-card.mockups-card{flex:1;overflow-y:auto;overflow-x:hidden}.bia-designs-grid{display:flex;flex-wrap:wrap;gap:20px}.bia-design-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:visible;transition:all .2s;position:relative;z-index:1;flex-shrink:0;width:200px}.bia-design-card.menu-open{z-index:100}.bia-design-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#d0d0d0}.bia-design-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#c4f751;border-radius:12px 12px 0 0}.bia-design-header span{font-size:11px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.bia-menu-wrapper{position:relative}.bia-menu-btn{width:24px;height:24px;background:transparent;border:none;color:#666;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bia-menu-btn:hover{color:#333}.bia-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:180px;padding:8px 0;z-index:1000;margin-top:4px}.bia-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;font-size:13px;color:#333;cursor:pointer;text-align:left;transition:background .2s}.bia-dropdown-item:hover{background:#f5f5f5}.bia-dropdown-item svg{color:#666;flex-shrink:0}.bia-dropdown-item.delete{color:#dc3545}.bia-dropdown-item.delete svg{color:#dc3545}.bia-dropdown-divider{height:1px;background:#e5e5e5;margin:8px 0}.bia-design-preview{aspect-ratio:1;background:linear-gradient(45deg,#e8e8e8 25%,transparent 25%),linear-gradient(-45deg,#e8e8e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e8e8 75%),linear-gradient(-45deg,transparent 75%,#e8e8e8 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#fff;overflow:hidden;position:relative;transition:transform .2s ease;border-radius:0 0 12px 12px}.bia-design-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.bia-design-card:hover .bia-design-preview img{transform:scale(1.02)}.bia-design-preview.is-layered{display:flex;align-items:center;justify-content:center}.layered-design-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#888;width:100%;height:100%;background:linear-gradient(145deg,#e8f5e9,#c8e6c9,#a5d6a7)}.layered-design-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.layered-design-placeholder svg{color:#558b2f;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.layered-design-placeholder span{font-size:12px;font-weight:600;color:#558b2f;text-transform:uppercase;letter-spacing:.5px}.brand-action-page.dark-theme .layered-design-placeholder{background:linear-gradient(145deg,#3d5a3d,#2d4a2d,#1e3a1e)}.brand-action-page.dark-theme .layered-design-placeholder svg,.brand-action-page.dark-theme .layered-design-placeholder span{color:#a5d6a7}.bia-design-card.add-design-card{cursor:pointer;border-style:dashed;border-color:#c4f751}.bia-design-card.add-design-card:hover{border-color:#beef05;background:#beef0508}.bia-design-preview.add-design-preview{display:flex;align-items:center;justify-content:center;background:#fafafa}.add-design-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px}.add-design-icon{width:56px;height:56px;background:linear-gradient(135deg,#beef05,#c0e005);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;transition:all .3s ease;box-shadow:0 4px 12px #beef054d}.bia-design-card.add-design-card:hover .add-design-icon{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 16px #beef0566}.add-design-text{font-size:13px;font-weight:600;color:#666}.brand-action-page.dark-theme .bia-design-card{background:#1a1a1a;border-color:#2a2a2a}.brand-action-page.dark-theme .bia-design-card:hover{border-color:#3a3a3a}.brand-action-page.dark-theme .bia-design-header{background:#c4f751}.brand-action-page.dark-theme .bia-design-preview{background-color:#0a0a0a}.brand-action-page.dark-theme .bia-dropdown-menu{background:#1a1a1a;border:1px solid #2a2a2a}.brand-action-page.dark-theme .bia-dropdown-item{color:#fff}.brand-action-page.dark-theme .bia-dropdown-item:hover{background:#2a2a2a}.brand-action-page.dark-theme .bia-design-card.add-design-card{border-color:#c4f751}.brand-action-page.dark-theme .bia-design-preview.add-design-preview{background:#0a0a0a}.brand-action-page.dark-theme .add-design-text{color:#888}.bia-design-header .mockup-edit-input-group{display:flex;align-items:center;gap:6px;flex:1}.bia-design-header .mockup-edit-input{flex:1;padding:4px 8px;font-size:11px;font-weight:600;color:#1a1a1a;background:#fff;border:1px solid #ddd;border-radius:4px;outline:none;min-width:80px}.bia-design-header .mockup-edit-input:focus{border-color:#1a1a1a}.bia-design-header .mockup-edit-actions{display:flex;gap:4px}.bia-design-header .mockup-edit-btn{width:22px;height:22px;border:none;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.bia-design-header .mockup-edit-btn.save{color:#22c55e}.bia-design-header .mockup-edit-btn.save:hover{background:#22c55e;color:#fff}.bia-design-header .mockup-edit-btn.cancel{color:#666}.bia-design-header .mockup-edit-btn.cancel:hover{background:#dc3545;color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner{width:48px;height:48px;border:4px solid #f0f0f0;border-top-color:#beef05;border-radius:50%;animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;padding:40px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.empty-state p{font-size:14px;color:#666;margin:0}.mockup-card-menu{position:absolute;top:16px;right:16px;z-index:3}.mockup-card-menu-btn{width:36px;height:36px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(0,0,0,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.mockup-card-menu-btn:hover{background:#fff;border-color:#beef05;transform:scale(1.1);box-shadow:0 4px 12px #beef054d}.mockup-card-menu-btn:disabled{opacity:.5;cursor:not-allowed}.mockup-card-menu-btn svg{transition:transform .3s ease;fill:currentColor}.mockup-card-menu-btn:hover svg{transform:rotate(90deg)}.mockup-card-dropdown{position:absolute;top:46px;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #00000026;min-width:200px;overflow:hidden;z-index:10000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mockup-card-dropdown-item{width:100%;padding:14px 18px;background:none;border:none;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s ease;text-align:left}.mockup-card-dropdown-item:hover{background:#f8f9fa;color:#000}.mockup-card-dropdown-item:disabled{opacity:.6;cursor:not-allowed;pointer-events:all}.mockup-card-dropdown-item:disabled:hover{background:none;color:#1a1a1a}.mockup-card-dropdown-item svg{flex-shrink:0;color:#666;transition:color .2s ease}.mockup-card-dropdown-item:hover svg{color:#beef05}.mockup-card-dropdown-item .spinner-small{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:#666;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.mockup-card-dropdown-item.danger{color:#dc2626}.mockup-card-dropdown-item.danger:hover{background:#fef2f2}.mockup-card-dropdown-item.danger svg{color:#dc2626}.mockup-edit-input-group{display:flex;flex-direction:column;gap:8px}.mockup-edit-input{width:100%;padding:10px 14px;font-size:14px;font-weight:600;color:#1a1a1a;text-align:center;background:#f8f9fa;border:2px solid #BEEF05;border-radius:10px;outline:none;transition:all .3s ease;box-sizing:border-box}.mockup-edit-input:focus{background:#fff;box-shadow:0 0 0 3px #beef051a}.mockup-edit-input:disabled{opacity:.6;cursor:not-allowed}.mockup-edit-actions{display:flex;gap:8px;justify-content:center}.mockup-edit-btn{width:32px;height:32px;border:2px solid;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.mockup-edit-btn.save{border-color:#beef05;color:#000}.mockup-edit-btn.save:hover{background:#beef05;transform:translateY(-2px);box-shadow:0 4px 8px #beef054d}.mockup-edit-btn.cancel{border-color:#e5e7eb;color:#666}.mockup-edit-btn.cancel:hover{border-color:#dc2626;color:#dc2626;background:#fef2f2}.mockup-edit-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.mockup-edit-btn .spinner-small{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.move-dialog-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.move-dialog{background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:520px;width:90%;padding:40px;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.move-dialog-close-btn{position:absolute;top:20px;right:20px;width:36px;height:36px;background:#f8f9fa;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#666}.move-dialog-close-btn:hover{background:#e5e7eb;color:#000;transform:rotate(90deg)}.move-dialog-close-btn:disabled{opacity:.5;cursor:not-allowed}.move-dialog-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 12px;letter-spacing:-.5px}.move-dialog-description{font-size:15px;color:#666;margin:0 0 28px;line-height:1.6}.move-dialog-description strong{color:#1a1a1a;font-weight:600}.move-category-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:4px}.move-category-list::-webkit-scrollbar{width:6px}.move-category-list::-webkit-scrollbar-track{background:#f8f9fa;border-radius:10px}.move-category-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.move-category-list::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.move-category-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#f8f9fa;border:2px solid transparent;border-radius:14px;font-size:15px;font-weight:600;color:#1a1a1a;cursor:pointer;transition:all .3s ease;text-align:left}.move-category-item:hover{background:#fff;border-color:#beef05;transform:translate(4px)}.move-category-item:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.move-category-item svg:first-child{flex-shrink:0;color:#666}.move-category-item:hover svg:first-child{color:#beef05}.move-category-item span{flex:1}.move-category-item svg:last-child{flex-shrink:0;color:#cbd5e1;transition:transform .3s ease}.move-category-item:hover svg:last-child{color:#beef05;transform:translate(4px)}.move-empty-state{padding:32px;text-align:center;color:#9ca3af;font-size:14px}.delete-modal{background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:90%;padding:40px;text-align:center;animation:slideUp .3s ease}.delete-modal-icon{margin-bottom:20px;display:flex;justify-content:center}.delete-modal-icon svg{color:#dc2626}.delete-modal-icon.rename-icon svg{color:#beef05}.delete-modal-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.rename-input{width:100%;padding:14px 18px;font-size:15px;border:2px solid #e5e7eb;border-radius:12px;outline:none;transition:all .2s ease;margin-bottom:24px;box-sizing:border-box}.rename-input:focus{border-color:#beef05;box-shadow:0 0 0 3px #beef051a}.delete-modal-actions{display:flex;gap:12px;justify-content:center}.delete-modal-btn{padding:12px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.delete-modal-btn.cancel{background:#f3f4f6;color:#666}.delete-modal-btn.cancel:hover{background:#e5e7eb;color:#1a1a1a}.delete-modal-btn.confirm{background:#dc2626;color:#fff}.delete-modal-btn.confirm:hover{background:#b91c1c}.delete-modal-btn.confirm.rename-confirm{background:#beef05;color:#000}.delete-modal-btn.confirm.rename-confirm:hover{background:#a8d805}.delete-modal-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}.brand-action-page.dark-theme .back-button-icon{background:#1a1a1a;border-color:#3a3a3a;color:#888}.brand-action-page.dark-theme .back-button-icon:hover{background:#2a2a2a;border-color:#beef05;color:#beef05}.brand-action-page.dark-theme .loading-container{color:#888}.brand-action-page.dark-theme .loading-spinner{border-color:#2a2a2a;border-top-color:#beef05}.brand-action-page.dark-theme .empty-state h3{color:#fff}.brand-action-page.dark-theme .empty-state p{color:#888}.brand-action-page.dark-theme .mockup-card-menu-btn{background:#1a1a1af2;border-color:#ffffff1a;color:#888}.brand-action-page.dark-theme .mockup-card-menu-btn:hover{background:#2a2a2a;border-color:#beef05;color:#beef05}.brand-action-page.dark-theme .mockup-card-dropdown{background:#1a1a1a;border-color:#3a3a3a}.brand-action-page.dark-theme .mockup-card-dropdown-item{color:#fff}.brand-action-page.dark-theme .mockup-card-dropdown-item:hover{background:#2a2a2a}.brand-action-page.dark-theme .mockup-card-dropdown-item:disabled{color:#666}.brand-action-page.dark-theme .mockup-card-dropdown-item svg{color:#888}.brand-action-page.dark-theme .mockup-card-dropdown-item:hover svg{color:#beef05}.brand-action-page.dark-theme .dropdown-divider{background:#3a3a3a}.brand-action-page.dark-theme .mockup-card-dropdown-item.danger{color:#ef4444}.brand-action-page.dark-theme .mockup-card-dropdown-item.danger:hover{background:#ef44441a}.brand-action-page.dark-theme .bia-menu-btn{color:#888}.brand-action-page.dark-theme .bia-menu-btn:hover{color:#fff}.brand-action-page.dark-theme .mockup-edit-input{background:#2a2a2a;border-color:#beef05;color:#fff}.brand-action-page.dark-theme .mockup-edit-input:focus{background:#1a1a1a}.brand-action-page.dark-theme .mockup-edit-input::-moz-placeholder{color:#666}.brand-action-page.dark-theme .mockup-edit-input::placeholder{color:#666}.brand-action-page.dark-theme .bia-design-header .mockup-edit-input{background:#0000004d;border-color:#0000004d;color:#1a1a1a}.brand-action-page.dark-theme .mockup-edit-btn{background:#1a1a1a}.brand-action-page.dark-theme .mockup-edit-btn.save{border-color:#beef05;color:#beef05}.brand-action-page.dark-theme .mockup-edit-btn.save:hover{background:#beef05;color:#000}.brand-action-page.dark-theme .mockup-edit-btn.cancel{border-color:#3a3a3a;color:#888}.brand-action-page.dark-theme .mockup-edit-btn.cancel:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.brand-action-page.dark-theme .move-dialog{background:#1a1a1a}.brand-action-page.dark-theme .move-dialog-close-btn{background:#2a2a2a;color:#888}.brand-action-page.dark-theme .move-dialog-close-btn:hover{background:#3a3a3a;color:#fff}.brand-action-page.dark-theme .move-dialog-title{color:#fff}.brand-action-page.dark-theme .move-dialog-description{color:#888}.brand-action-page.dark-theme .move-dialog-description strong{color:#fff}.brand-action-page.dark-theme .move-category-list::-webkit-scrollbar-track{background:#2a2a2a}.brand-action-page.dark-theme .move-category-list::-webkit-scrollbar-thumb{background:#3a3a3a}.brand-action-page.dark-theme .move-category-list::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.brand-action-page.dark-theme .move-category-item{background:#2a2a2a;color:#fff}.brand-action-page.dark-theme .move-category-item:hover{background:#0a0a0a;border-color:#beef05}.brand-action-page.dark-theme .move-category-item svg:first-child{color:#888}.brand-action-page.dark-theme .move-category-item:hover svg:first-child{color:#beef05}.brand-action-page.dark-theme .move-category-item svg:last-child{color:#4a4a4a}.brand-action-page.dark-theme .move-category-item:hover svg:last-child{color:#beef05}.brand-action-page.dark-theme .move-empty-state{color:#666}.brand-action-page.dark-theme .delete-modal{background:#1a1a1a}.brand-action-page.dark-theme .delete-modal-title{color:#fff}.brand-action-page.dark-theme .rename-input{background:#2a2a2a;border-color:#3a3a3a;color:#fff}.brand-action-page.dark-theme .rename-input:focus{border-color:#beef05}.brand-action-page.dark-theme .rename-input::-moz-placeholder{color:#666}.brand-action-page.dark-theme .rename-input::placeholder{color:#666}.brand-action-page.dark-theme .delete-modal-btn.cancel{background:#2a2a2a;color:#888}.brand-action-page.dark-theme .delete-modal-btn.cancel:hover{background:#3a3a3a;color:#fff}.brand-action-page.dark-theme .bia-dropdown-divider{background:#3a3a3a}.brand-action-page.dark-theme .bia-dropdown-item.delete{color:#ef4444}.brand-action-page.dark-theme .bia-dropdown-item.delete:hover{background:#ef44441a}@media(max-width:1200px){.brand-action-main{left:224px}.category-mockups-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:1024px){.brand-action-main{inset:10px 10px 10px 200px}.category-mockups-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}}@media(max-width:768px){.brand-action-main{inset:10px}.brand-action-header-card{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;justify-content:flex-end}.brand-action-card.stats-card{flex-wrap:wrap;gap:24px}.category-mockups-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.ux-markdown-content{font-size:13px;color:#6b7280;line-height:1.6}.ux-markdown-content p{margin:0 0 8px}.ux-markdown-content p:last-child{margin-bottom:0}.ux-markdown-content h1,.ux-markdown-content h2,.ux-markdown-content h3,.ux-markdown-content h4,.ux-markdown-content h5,.ux-markdown-content h6{color:#374151;margin:12px 0 6px;font-size:13px}.ux-markdown-content h1{font-size:16px}.ux-markdown-content h2{font-size:15px}.ux-markdown-content h3{font-size:14px}.ux-markdown-content ul,.ux-markdown-content ol{margin:4px 0 8px;padding-left:20px}.ux-markdown-content li{margin-bottom:4px}.ux-markdown-content code{background:#e5e7eb;padding:1px 4px;border-radius:3px;font-size:12px}.ux-markdown-content pre{background:#f3f4f6;padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.ux-markdown-content pre code{background:none;padding:0}.ux-markdown-content strong{color:#374151;font-weight:600}.ux-markdown-content table{width:100%;border-collapse:collapse;margin:8px 0;font-size:12px}.ux-markdown-content th,.ux-markdown-content td{border:1px solid #e5e7eb;padding:6px 10px;text-align:left}.ux-markdown-content th{background:#f3f4f6;font-weight:600;color:#374151}.video-setup{display:flex;height:100vh;background:#fff;overflow:hidden}.video-setup.dark-theme{background:#0a0a0a}.video-sidebar{width:280px;background:#000;color:#fff;display:flex;flex-direction:column;border-right:1px solid #2a2a2a}.video-sidebar-header{padding:20px;border-bottom:1px solid #2a2a2a}.video-sidebar-header .logo{font-size:32px;font-weight:700;color:#c0ff00;margin:0 0 15px;cursor:pointer}.new-design-btn{width:100%;padding:12px 20px;background:#fff;color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.new-design-btn:hover{background:#f0f0f0}.conversations-list{flex:1;overflow-y:auto;padding:10px}.conversation-group{margin-bottom:20px}.group-title{font-size:12px;color:#666;padding:8px 10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.conversation-item{width:100%;padding:10px 12px;background:transparent;color:#ccc;border:none;border-radius:6px;text-align:left;cursor:pointer;transition:all .2s;margin-bottom:2px;display:flex;align-items:center}.conversation-item:hover{background:#1a1a1a;color:#fff}.conversation-item.active{background:#2a2a2a;color:#fff}.conversation-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-main{flex:1;display:flex;flex-direction:column;background:#fafafa;overflow:hidden}.video-setup.dark-theme .video-main{background:#0a0a0a}.video-content{flex:1;display:flex;justify-content:center;padding:60px 20px;overflow-y:auto}.video-container{width:100%;max-width:900px}.video-header{text-align:center;margin-bottom:48px}.video-title{font-size:40px;font-weight:700;color:#000;margin:0 0 16px}.video-setup.dark-theme .video-title{color:#fff}.video-subtitle{font-size:16px;color:#666;margin:0;line-height:1.6}.video-setup.dark-theme .video-subtitle{color:#999}.video-form{background:#fff;border-radius:24px;padding:48px;box-shadow:0 4px 24px #0000000f}.video-setup.dark-theme .video-form{background:#1a1a1a;box-shadow:0 4px 24px #0000004d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.form-group{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.form-label{font-size:15px;font-weight:600;color:#000}.video-setup.dark-theme .form-label{color:#fff}.required{color:#f44}.form-input,.form-select{padding:16px 20px;border:2px solid #e5e5e5;border-radius:12px;font-size:15px;color:#000;transition:all .2s;outline:none;background:#fff}.video-setup.dark-theme .form-input,.video-setup.dark-theme .form-select{background:#0a0a0a;border-color:#2a2a2a;color:#fff}.form-input::-moz-placeholder,.form-select::-moz-placeholder{color:#999}.form-input::placeholder,.form-select::placeholder{color:#999}.video-setup.dark-theme .form-input::-moz-placeholder,.video-setup.dark-theme .form-select::-moz-placeholder{color:#666}.video-setup.dark-theme .form-input::placeholder,.video-setup.dark-theme .form-select::placeholder{color:#666}.form-input:focus,.form-select:focus{border-color:#000}.video-setup.dark-theme .form-input:focus,.video-setup.dark-theme .form-select:focus{border-color:#c0ff00}.form-input.error,.form-select.error,.form-textarea.error{border-color:#f44}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23666666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px}.video-setup.dark-theme .form-select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23cccccc' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.form-textarea{padding:16px 20px;border:2px solid #e5e5e5;border-radius:12px;font-size:15px;color:#000;transition:all .2s;outline:none;background:#fff;font-family:inherit;resize:vertical;min-height:150px}.video-setup.dark-theme .form-textarea{background:#0a0a0a;border-color:#2a2a2a;color:#fff}.form-textarea::-moz-placeholder{color:#999}.form-textarea::placeholder{color:#999}.video-setup.dark-theme .form-textarea::-moz-placeholder{color:#666}.video-setup.dark-theme .form-textarea::placeholder{color:#666}.form-textarea:focus{border-color:#000}.video-setup.dark-theme .form-textarea:focus{border-color:#c0ff00}.error-message{display:flex;align-items:center;gap:6px;font-size:13px;color:#f44;margin-top:-4px}.error-message svg{flex-shrink:0}.form-actions{margin-top:40px;display:flex;justify-content:center}.generate-btn{padding:18px 64px;background:#e5e5e5;color:#999;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:not-allowed;transition:all .3s;min-width:280px}.generate-btn.active{background:#000;color:#fff;cursor:pointer}.video-setup.dark-theme .generate-btn.active{background:#c0ff00;color:#000}.generate-btn.active:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.video-setup.dark-theme .generate-btn.active:hover{background:#d4ff33;box-shadow:0 8px 24px #c0ff004d}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}@media(max-width:768px){.video-sidebar{width:70px}.video-sidebar-header .logo,.new-design-btn span,.conversation-title,.group-title{display:none}.new-design-btn{padding:12px}.video-content{padding:40px 16px}.video-title{font-size:32px}.video-subtitle{font-size:15px}.video-form{padding:32px 24px;border-radius:20px}.form-row{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.generate-btn{width:100%;min-width:auto}}.video-content::-webkit-scrollbar{width:8px}.video-content::-webkit-scrollbar-track{background:transparent}.video-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.video-setup.dark-theme .video-content::-webkit-scrollbar-thumb{background:#333}.video-content::-webkit-scrollbar-thumb:hover{background:#999}.image-composition-page{display:flex;min-height:100vh;background:#f9fafb}.image-composition-content{flex:1;padding:24px;margin-left:280px;max-width:calc(100vw - 280px);overflow-x:auto}.page-header{margin-bottom:32px}.page-header h1{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.page-header p{font-size:14px;color:#6b7280;margin:0}.section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.section-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:12px}.required-mark{color:#ef4444}.brand-kit-selector{margin-top:8px}.brand-kit-select{width:100%;max-width:400px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1a1a1a;background:#fff;cursor:pointer;transition:border-color .2s}.brand-kit-select:focus{outline:none;border-color:#beef05;box-shadow:0 0 0 3px #beef051a}.brand-kit-select:disabled{background:#f9fafb;cursor:not-allowed}.no-brand-kits{text-align:center;padding:24px;color:#6b7280}.loading{padding:12px;color:#6b7280;font-size:14px}.canvas-toolbar{display:flex;align-items:center;gap:16px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;flex-wrap:wrap;justify-content:space-between}.toolbar-group{display:flex;align-items:center;gap:8px}.toolbar-group-right{margin-left:auto}.toolbar-label{font-size:13px;color:#6b7280;font-weight:500}.toolbar-btn{padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;transition:all .2s}.toolbar-btn:hover{background:#f3f4f6;border-color:#d1d5db}.toolbar-btn.active{background:#beef05;border-color:#beef05;color:#1a1a1a}.toolbar-btn.danger{color:#dc2626}.toolbar-btn.danger:hover{background:#fef2f2;border-color:#fecaca}.toolbar-btn-primary{background:#beef05;border-color:#beef05;color:#1a1a1a;font-weight:500}.toolbar-btn-primary:hover:not(:disabled){background:#a8d604;border-color:#a8d604}.toolbar-btn-primary:disabled{opacity:.6;cursor:not-allowed}.toolbar-btn-secondary{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:500}.toolbar-btn-secondary:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5}.toolbar-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.color-input{width:40px;height:32px;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer}.size-input{width:60px;padding:6px 8px;border:1px solid #e5e7eb;border-radius:4px;font-size:13px}.image-upload-input{display:none}.canvas-wrapper{border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#1a1a1a;position:relative;margin-bottom:12px}.section-hint{font-size:12px;color:#6b7280;margin:0;font-style:italic}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:24px}.error-message svg{width:18px;height:18px;flex-shrink:0}.generation-progress{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#f9fafb;border-radius:8px;margin-bottom:24px}.generating-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#beef05;border-radius:50%;animation:spin 1s linear infinite}.generation-progress p{font-size:16px;color:#374151;margin:0}.action-buttons{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e5e7eb}.btn-secondary{padding:10px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:10px 24px;background:#beef05;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-primary:hover:not(:disabled){background:#a8d604}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid rgba(26,26,26,.2);border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}[data-theme=dark] .image-composition-page,[data-theme=dark] .image-composition-content{background:#0a0a0a}[data-theme=dark] .page-header h1{color:#fff}[data-theme=dark] .page-header p{color:#9ca3af}[data-theme=dark] .section{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .section-label{color:#d1d5db}[data-theme=dark] .brand-kit-select{background:#0a0a0a;border-color:#2a2a2a;color:#fff}[data-theme=dark] .brand-kit-select:focus{border-color:#beef05}[data-theme=dark] .canvas-toolbar{background:#0a0a0a;border-color:#2a2a2a}[data-theme=dark] .toolbar-btn{background:#1a1a1a;border-color:#2a2a2a;color:#d1d5db}[data-theme=dark] .toolbar-btn:hover{background:#2a2a2a}[data-theme=dark] .toolbar-label{color:#9ca3af}[data-theme=dark] .action-buttons{border-color:#2a2a2a}[data-theme=dark] .btn-secondary{background:#1a1a1a;border-color:#2a2a2a;color:#d1d5db}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:#2a2a2a}@media(max-width:1024px){.image-composition-content{margin-left:0;max-width:100vw}}.context-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:4px;min-width:150px;z-index:10000}.context-menu-item{width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;transition:background-color .2s;text-align:left}.context-menu-item:hover:not(:disabled){background:#f3f4f6}.context-menu-item:disabled{opacity:.5;cursor:not-allowed}.context-menu-item-danger{color:#dc2626}.context-menu-item-danger:hover:not(:disabled){background:#fef2f2;color:#dc2626}.context-menu-item svg{flex-shrink:0}[data-theme=dark] .context-menu{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .context-menu-item{color:#d1d5db}[data-theme=dark] .context-menu-item:hover:not(:disabled){background:#2a2a2a}[data-theme=dark] .context-menu-item-danger{color:#ef4444}[data-theme=dark] .context-menu-item-danger:hover:not(:disabled){background:#7f1d1d;color:#ef4444}.frame-tabs{display:flex;gap:0;border-radius:8px 8px 0 0;overflow:hidden;background:#f9fafb;border:1px solid #e5e7eb;border-bottom:none}.frame-tab{padding:8px 16px;background:#fff;border:none;border-right:1px solid #e5e7eb;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s;white-space:nowrap}.frame-tab:last-child{border-right:none}.frame-tab:hover:not(:disabled){background:#f3f4f6;color:#374151}.frame-tab.active{background:#beef05;color:#1a1a1a;font-weight:600}.frame-tab:disabled{opacity:.5;cursor:not-allowed}.prompt-container{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 8px 8px;padding:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.prompt-wrapper{display:flex;flex-direction:column;gap:12px}.prompt-textarea{width:100%;min-height:100px;padding:12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;color:#374151;background:#fff;transition:border-color .2s}.prompt-textarea:focus{outline:none;border-color:#beef05;box-shadow:0 0 0 3px #beef051a}.prompt-textarea::-moz-placeholder{color:#9ca3af}.prompt-textarea::placeholder{color:#9ca3af}.prompt-buttons{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}.prompt-brandkit-selector{display:flex;align-items:center}.prompt-brandkit-select{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#374151;background:#fff;cursor:pointer;transition:border-color .2s;min-width:150px}.prompt-brandkit-select:focus{outline:none;border-color:#beef05;box-shadow:0 0 0 3px #beef051a}.prompt-brandkit-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.prompt-action-buttons{display:flex;gap:8px}.loading-small{font-size:12px;color:#6b7280;padding:6px 12px}.no-brand-kits-small{font-size:12px;color:#9ca3af;padding:6px 12px}[data-theme=dark] .prompt-brandkit-select{background:#0a0a0a;border-color:#2a2a2a;color:#d1d5db}[data-theme=dark] .prompt-brandkit-select:focus{border-color:#beef05}[data-theme=dark] .loading-small{color:#9ca3af}[data-theme=dark] .no-brand-kits-small{color:#6b7280}[data-theme=dark] .frame-tabs{background:#0a0a0a;border-color:#2a2a2a}[data-theme=dark] .frame-tab{background:#1a1a1a;border-color:#2a2a2a;color:#9ca3af}[data-theme=dark] .frame-tab:hover:not(:disabled){background:#2a2a2a;color:#d1d5db}[data-theme=dark] .frame-tab.active{background:#beef05;color:#1a1a1a}[data-theme=dark] .prompt-container{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .prompt-textarea{background:#0a0a0a;border-color:#2a2a2a;color:#d1d5db}[data-theme=dark] .prompt-textarea::-moz-placeholder{color:#6b7280}[data-theme=dark] .prompt-textarea::placeholder{color:#6b7280}[data-theme=dark] .prompt-textarea:focus{border-color:#beef05}@media(max-width:768px){.canvas-toolbar{flex-direction:column;align-items:stretch}.toolbar-group{justify-content:space-between}.video-prompt-buttons{flex-direction:column}.video-prompt-buttons .toolbar-btn{width:100%}}.template{position:relative;width:100%;min-height:540px;overflow:hidden;border-radius:8px;box-shadow:0 4px 20px #0000001a}.template-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.template-content{position:relative;z-index:1;width:100%;height:100%;padding:40px 32px 24px;display:flex;flex-direction:column}.template[data-page=toc] .template-content{padding-top:16px}.content-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.content-body{flex:1;overflow:auto;min-height:200px}.content-header{margin-bottom:16px}.template.colorful-cartoon{background:linear-gradient(135deg,#fff9f0,#fff5e6)}.colorful-cartoon .image-bg-nature{position:absolute;inset:0;overflow:hidden}.colorful-cartoon .sky-layer{position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,#87ceeb,#b0e0e6,#e0f7fa)}.colorful-cartoon .cloud{position:absolute;background:#fff;border-radius:50%;filter:blur(2px)}.colorful-cartoon .cloud:before,.colorful-cartoon .cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.colorful-cartoon .cloud.c1{width:120px;height:50px;top:60px;left:10%;opacity:.9}.colorful-cartoon .cloud.c1:before{width:80px;height:60px;top:-25px;left:20px}.colorful-cartoon .cloud.c1:after{width:60px;height:45px;top:-15px;left:60px}.colorful-cartoon .cloud.c2{width:100px;height:40px;top:100px;right:15%;opacity:.85}.colorful-cartoon .cloud.c2:before{width:70px;height:50px;top:-20px;left:15px}.colorful-cartoon .cloud.c3{width:80px;height:35px;top:40px;right:35%;opacity:.8}.colorful-cartoon .grass-layer{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#90ee90,#7ccd7c 30%,#228b22)}.colorful-cartoon .grass-layer:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 40"><path d="M0,40 Q10,20 20,40 Q30,15 40,40 Q50,20 60,40 Q70,10 80,40 Q90,25 100,40 Q110,15 120,40 Q130,22 140,40 Q150,18 160,40 Q170,12 180,40 Q190,25 200,40" fill="%2390EE90"/></svg>');background-size:200px 40px;background-repeat:repeat-x}.colorful-cartoon .flower-decoration{position:absolute;bottom:0;width:200px;height:200px;background-size:contain;background-repeat:no-repeat;background-position:bottom}.colorful-cartoon .flower-decoration.left{left:0;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle cx="50" cy="120" r="40" fill="white" opacity="0.9"/><circle cx="70" cy="100" r="15" fill="%23FFD700"/><circle cx="90" cy="150" r="35" fill="white" opacity="0.85"/><circle cx="100" cy="135" r="12" fill="%23FFD700"/><path d="M30,200 Q40,170 50,200 Q60,175 70,200 Q80,165 90,200" fill="%234CAF50"/></svg>')}.colorful-cartoon .flower-decoration.right{right:0;transform:scaleX(-1);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle cx="50" cy="120" r="40" fill="white" opacity="0.9"/><circle cx="70" cy="100" r="15" fill="%23FFD700"/><circle cx="90" cy="150" r="35" fill="white" opacity="0.85"/><circle cx="100" cy="135" r="12" fill="%23FFD700"/><path d="M30,200 Q40,170 50,200 Q60,175 70,200 Q80,165 90,200" fill="%234CAF50"/></svg>')}.colorful-cartoon .content-border-top{position:absolute;top:0;left:0;right:0;height:80px;z-index:1}.colorful-cartoon .content-border-top .border-gradient{position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(135deg,#86c166,#a8d98a,#c4e8a4)}.colorful-cartoon .content-border-top .border-grass{position:absolute;bottom:0;left:0;right:0;height:30px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 30"><path d="M0,30 Q5,15 10,30 Q15,10 20,30 Q25,18 30,30 Q35,12 40,30 Q45,20 50,30 Q55,8 60,30 Q65,15 70,30 Q75,10 80,30 Q85,18 90,30 Q95,12 100,30" fill="%2390EE90"/></svg>');background-size:100px 30px;background-repeat:repeat-x}.colorful-cartoon .cover-content.centered,.colorful-cartoon .ending-content.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding-bottom:100px}.colorful-cartoon .content-wrapper.with-border{padding-top:70px}.colorful-cartoon .bg-shapes{position:absolute;inset:0}.colorful-cartoon .shape{position:absolute;border-radius:50%}.colorful-cartoon .s1{width:180px;height:180px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);top:-60px;right:-40px;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.colorful-cartoon .s2{width:120px;height:120px;background:linear-gradient(135deg,#4ecdc4,#7ae0d9);bottom:-30px;right:100px;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}.colorful-cartoon .s3{width:80px;height:80px;background:linear-gradient(135deg,#45b7d1,#7acfe0);top:100px;right:200px;border-radius:50%}.colorful-cartoon .s4{width:60px;height:60px;background:linear-gradient(135deg,#ffeaa7,#ffefc4);bottom:150px;left:50px;border-radius:40% 60% 70% 30%/40% 50% 60%}.colorful-cartoon .s5{width:100px;height:100px;background:linear-gradient(135deg,plum,#e8bfe8);top:-20px;left:100px;border-radius:70% 30% 50% 50%/30% 50% 50% 70%}.colorful-cartoon[data-page=cover] .cover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding-top:60px}.colorful-cartoon .cover-title{font-size:48px;font-weight:700;color:#2d3436;margin-bottom:16px;text-shadow:2px 2px 0 rgba(255,107,107,.2)}.colorful-cartoon .cover-subtitle{font-size:18px;color:#636e72;letter-spacing:4px;text-transform:uppercase}.colorful-cartoon .cover-meta{display:flex;gap:40px;margin-top:60px;color:#636e72;font-size:14px}.colorful-cartoon[data-page=toc] .toc-content{display:flex;flex-direction:column;height:100%}.colorful-cartoon .toc-label{font-size:56px;font-weight:300;color:#2d3436;margin:0}.colorful-cartoon .toc-sublabel{font-size:14px;color:#636e72;margin-top:4px}.colorful-cartoon .toc-items{margin-top:40px;flex:1}.colorful-cartoon[data-page=content] .content-wrapper{height:100%;display:flex;flex-direction:column}.colorful-cartoon .content-header{margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid #FF6B6B}.colorful-cartoon .content-title{font-size:32px;font-weight:600;color:#2d3436;margin:0}.colorful-cartoon .content-subtitle{font-size:14px;color:#636e72;margin-top:8px}.colorful-cartoon .content-body{flex:1}.colorful-cartoon[data-page=ending] .ending-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.colorful-cartoon .ending-title{font-size:72px;font-weight:700;color:#2d3436;margin:0;letter-spacing:8px}.colorful-cartoon .ending-subtitle{font-size:18px;color:#636e72;margin-top:20px}.colorful-cartoon .ending-contact{margin-top:60px;color:#636e72;font-size:14px}.template.business-blue{background:#f8fafc}.business-blue .bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#eff6ff,#f8fafc,#f1f5f9)}.business-blue .bg-pattern{position:absolute;inset:0;background-image:linear-gradient(90deg,#2563EB08 1px,transparent 1px),linear-gradient(180deg,#2563EB08 1px,transparent 1px);background-size:40px 40px}.business-blue .bg-accent-bar{position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(180deg,#2563eb,#3b82f6)}.business-blue .image-bg-corporate{position:absolute;inset:0;overflow:hidden}.business-blue .corporate-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#1e3a5f,#2563eb 40%,#3b82f6,#60a5fa)}.business-blue .corporate-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 40%),radial-gradient(circle at 60% 60%,rgba(255,255,255,.05) 0%,transparent 30%)}.business-blue .corporate-accent{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(0deg,rgba(255,255,255,.15) 0%,transparent 100%)}.business-blue .content-top-border{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);z-index:2}.business-blue .content-top-border:after{content:"";position:absolute;bottom:-20px;left:0;right:0;height:20px;background:linear-gradient(180deg,rgba(37,99,235,.08) 0%,transparent 100%)}.business-blue .content-wrapper.with-top-border{padding-top:30px}.business-blue .cover-content.centered-v,.business-blue .ending-content.centered-v{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px}.business-blue[data-page=cover] .cover-content.centered-v .cover-title,.business-blue[data-page=cover] .cover-content.centered-v .cover-subtitle,.business-blue[data-page=cover] .cover-content.centered-v .cover-meta{color:#fff}.business-blue[data-page=cover] .cover-content.centered-v .cover-badge{background:#fff3;color:#fff}.business-blue[data-page=ending] .ending-content.centered-v .ending-title,.business-blue[data-page=ending] .ending-content.centered-v .ending-en,.business-blue[data-page=ending] .ending-content.centered-v .ending-contact{color:#fff}.business-blue[data-page=ending] .ending-content.centered-v .ending-line{background:#ffffff80}.business-blue[data-page=cover] .cover-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;padding-left:40px;padding-top:60px}.business-blue .cover-badge{font-size:12px;font-weight:600;color:#2563eb;background:#dbeafe;padding:6px 16px;border-radius:4px;letter-spacing:2px;margin-bottom:24px}.business-blue .cover-title{font-size:52px;font-weight:700;color:#1e293b;margin:0;line-height:1.2}.business-blue .cover-subtitle{font-size:20px;color:#64748b;margin-top:12px}.business-blue .cover-divider{width:60px;height:4px;background:linear-gradient(90deg,#2563eb,#60a5fa);margin:32px 0;border-radius:2px}.business-blue .cover-meta{display:flex;gap:32px;color:#64748b;font-size:14px}.business-blue[data-page=toc] .toc-content{height:100%}.business-blue .toc-header{display:flex;align-items:baseline;gap:16px;margin-bottom:12px;margin-top:-4px}.business-blue .toc-number{font-size:72px;font-weight:700;color:#dbeafe;line-height:1}.business-blue .toc-header .toc-title{font-size:36px;font-weight:700;color:#1e293b;margin:0}.business-blue .toc-en{font-size:14px;color:#94a3b8;letter-spacing:4px}.business-blue .toc-items{padding-left:20px}.business-blue[data-page=content] .content-wrapper{height:100%;display:flex;flex-direction:column}.business-blue .content-header{display:flex;align-items:center;gap:16px;margin-bottom:30px}.business-blue .section-marker{width:6px;height:32px;background:linear-gradient(180deg,#2563eb,#60a5fa);border-radius:3px}.business-blue .content-title{font-size:28px;font-weight:600;color:#1e293b;margin:0}.business-blue .content-body{flex:1}.business-blue[data-page=ending] .ending-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.business-blue .ending-title{font-size:48px;font-weight:700;color:#1e293b;margin:0}.business-blue .ending-en{font-size:14px;color:#94a3b8;letter-spacing:4px;margin-top:8px}.business-blue .ending-line{width:60px;height:3px;background:linear-gradient(90deg,#2563eb,#60a5fa);margin:40px 0}.business-blue .ending-contact{color:#64748b;font-size:16px}.template.tech-dark{background:#0f172a;color:#f8fafc}.tech-dark .bg-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,#1E293B 1px,transparent 1px),linear-gradient(180deg,#1E293B 1px,transparent 1px);background-size:50px 50px}.tech-dark .bg-glow{position:absolute;border-radius:50%;filter:blur(80px)}.tech-dark .glow-1{width:400px;height:400px;background:#8b5cf64d;top:-100px;right:-100px}.tech-dark .glow-2{width:300px;height:300px;background:#06b6d433;bottom:-50px;left:-50px}.tech-dark[data-page=cover] .cover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding-top:60px}.tech-dark .cover-tag{font-family:Fira Code,monospace;font-size:14px;color:#8b5cf6;margin-bottom:24px;letter-spacing:2px}.tech-dark .cover-title{font-size:56px;font-weight:700;background:linear-gradient(135deg,#f8fafc,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.tech-dark .cover-subtitle{font-size:18px;color:#94a3b8;margin-top:16px;letter-spacing:3px}.tech-dark .cover-stats{display:flex;gap:60px;margin-top:60px}.tech-dark .cover-stats .stat{text-align:center}.tech-dark .cover-stats .stat span{display:block;font-size:36px;font-weight:700;color:#8b5cf6}.tech-dark .cover-stats .stat label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:2px}.tech-dark[data-page=toc] .toc-content{height:100%}.tech-dark .toc-header{display:flex;align-items:center;gap:16px;margin-bottom:40px}.tech-dark .toc-icon{font-size:24px}.tech-dark .toc-header h2{font-size:32px;font-weight:600;margin:0;letter-spacing:4px}.tech-dark[data-page=content] .content-wrapper{height:100%;display:flex;flex-direction:column}.tech-dark .content-header{display:flex;align-items:center;gap:12px;margin-bottom:30px}.tech-dark .section-tag{font-family:Fira Code,monospace;color:#8b5cf6;font-size:20px}.tech-dark .content-title{font-size:28px;font-weight:600;margin:0}.tech-dark[data-page=ending] .ending-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.tech-dark .ending-icon{font-size:64px;margin-bottom:24px}.tech-dark .ending-title{font-size:64px;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:8px}.tech-dark .ending-subtitle{font-size:16px;color:#94a3b8;margin-top:16px}.tech-dark .ending-cta{margin-top:40px;padding:12px 32px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:8px;font-weight:600;letter-spacing:2px}.tech-dark .content-border-tech{position:absolute;top:0;left:0;right:0;height:8px;z-index:2}.tech-dark .content-border-tech .border-line{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#06b6d4,#8b5cf6)}.tech-dark .content-border-tech .border-dots{position:absolute;top:4px;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(139,92,246,.3) 10px,rgba(139,92,246,.3) 12px)}.tech-dark .content-wrapper.with-tech-border{padding-top:20px}.template.government-red{background:#fef2f2}.government-red .bg-gradient-red{position:absolute;inset:0;background:linear-gradient(180deg,#fef2f2,#fecaca20)}.government-red .bg-pattern-chinese{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L30 60M0 30L60 30' stroke='%23DC2626' stroke-width='1'/%3E%3C/svg%3E");background-size:60px 60px}.government-red .bg-ribbon{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#dc2626,#ef4444,#dc2626)}.government-red .bg-mountain{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(180deg,transparent 0%,#FEE2E210 100%);clip-path:polygon(0% 100%,20% 60%,40% 80%,60% 40%,80% 70%,100% 30%,100% 100%)}.government-red[data-page=cover] .cover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding-top:60px}.government-red .cover-emblem{font-size:48px;color:#dc2626;margin-bottom:24px}.government-red .cover-title{font-size:44px;font-weight:700;color:#dc2626;margin:0;letter-spacing:4px}.government-red .cover-subtitle{font-size:18px;color:#1f2937;margin-top:16px;max-width:600px}.government-red .cover-org{font-size:16px;color:#6b7280;margin-top:40px}.government-red .cover-date{font-size:14px;color:#9ca3af;margin-top:8px}.government-red[data-page=toc] .toc-content{height:100%}.government-red .toc-content .toc-title{font-size:36px;font-weight:700;color:#dc2626;margin:0 0 40px;padding-bottom:16px;border-bottom:3px solid #DC2626;display:inline-block}.government-red[data-page=content] .content-wrapper{height:100%;display:flex;flex-direction:column}.government-red .content-header{display:flex;align-items:center;gap:16px;margin-bottom:30px}.government-red .chapter-num{font-size:48px;font-weight:700;color:#fecaca;line-height:1}.government-red .content-title{font-size:28px;font-weight:600;color:#1f2937;margin:0}.government-red[data-page=ending] .ending-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.government-red .ending-emblem{font-size:48px;color:#dc2626;margin-bottom:24px}.government-red .ending-title{font-size:56px;font-weight:700;color:#dc2626;margin:0;letter-spacing:8px}.government-red .ending-subtitle{font-size:14px;color:#9ca3af;margin-top:16px;letter-spacing:2px}.government-red .ending-slogan{margin-top:40px;font-size:18px;color:#1f2937;font-weight:500;letter-spacing:8px}.template.healthcare-green{background:#ecfdf5}.healthcare-green .bg-gradient-green{position:absolute;inset:0;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.healthcare-green .bg-pulse{position:absolute;bottom:60px;left:0;right:0;height:40px;background:linear-gradient(90deg,transparent 0%,transparent 10%,#10B98120 10%,#10B98120 11%,transparent 11%,transparent 30%,#10B98120 30%,#10B98120 32%,transparent 32%,transparent 34%,#10B98120 34%,#10B98140 38%,#10B98120 42%,transparent 42%,transparent 70%,#10B98120 70%,#10B98120 71%,transparent 71%,transparent 100%);background-size:400px 100%}.healthcare-green .bg-dna{position:absolute;right:60px;top:50%;transform:translateY(-50%);width:100px;height:300px;opacity:.1;background:repeating-linear-gradient(0deg,#059669 0px,#059669 4px,transparent 4px,transparent 20px)}.healthcare-green[data-page=cover] .cover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding-top:60px}.healthcare-green .cover-icon{font-size:64px;margin-bottom:24px}.healthcare-green .cover-title{font-size:44px;font-weight:700;color:#059669;margin:0}.healthcare-green .cover-subtitle{font-size:18px;color:#6b7280;margin-top:12px}.healthcare-green .cover-badge{margin-top:40px;padding:8px 24px;background:#d1fae5;color:#059669;border-radius:20px;font-size:14px;font-weight:500}.healthcare-green[data-page=toc] .toc-content{height:100%}.healthcare-green .toc-icon{font-size:48px;color:#059669;font-weight:300;margin-bottom:16px}.healthcare-green .toc-content .toc-title{font-size:32px;font-weight:600;color:#1f2937;margin:0 0 40px}.healthcare-green[data-page=content] .content-wrapper{height:100%;display:flex;flex-direction:column}.healthcare-green .content-header{display:flex;align-items:center;gap:16px;margin-bottom:30px}.healthcare-green .health-icon{font-size:24px}.healthcare-green .content-title{font-size:28px;font-weight:600;color:#1f2937;margin:0}.healthcare-green[data-page=ending] .ending-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.healthcare-green .ending-title{font-size:48px;font-weight:700;color:#059669;margin:0;letter-spacing:8px}.healthcare-green .ending-en{font-size:14px;color:#9ca3af;margin-top:8px;letter-spacing:4px}.healthcare-green .ending-heart{font-size:48px;margin:32px 0;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.healthcare-green .ending-slogan{font-size:16px;color:#6b7280}.template.education-orange{background:#fff7ed}.education-orange .bg-gradient-orange{position:absolute;inset:0;background:linear-gradient(135deg,#fff7ed,#ffedd5)}.education-orange .bg-books{position:absolute;bottom:40px;right:60px;width:200px;height:80px;opacity:.1;background:linear-gradient(90deg,#EA580C 0%,#EA580C 30px,transparent 30px,transparent 35px) repeat-x;background-size:50px 100%}.education-orange .bg-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#FDBA7440 2px,transparent 2px);background-size:60px 60px}.education-orange[data-page=cover] .cover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding-top:60px}.education-orange .cover-icon{font-size:64px;margin-bottom:24px}.education-orange .cover-title{font-size:44px;font-weight:700;color:#ea580c;margin:0}.education-orange .cover-subtitle{font-size:18px;color:#6b7280;margin-top:12px}.education-orange .cover-year{margin-top:40px;padding:8px 24px;background:#ffedd5;color:#ea580c;border-radius:20px;font-size:14px;font-weight:500}.education-orange[data-page=toc] .toc-content{height:100%}.education-orange .toc-pencil{font-size:32px;margin-bottom:16px}.education-orange .toc-content .toc-title{font-size:32px;font-weight:600;color:#1f2937;margin:0 0 40px}.education-orange[data-page=content] .content-wrapper{height:100%;display:flex;flex-direction:column}.education-orange .content-header{display:flex;align-items:center;gap:16px;margin-bottom:30px}.education-orange .lesson-badge{font-size:24px}.education-orange .content-title{font-size:28px;font-weight:600;color:#1f2937;margin:0}.education-orange[data-page=ending] .ending-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.education-orange .ending-cap{font-size:64px;margin-bottom:24px}.education-orange .ending-title{font-size:48px;font-weight:700;color:#ea580c;margin:0;letter-spacing:8px}.education-orange .ending-en{font-size:14px;color:#9ca3af;margin-top:8px;letter-spacing:4px}.education-orange .ending-quote{font-size:16px;color:#6b7280;margin-top:40px;font-style:italic}.template.creative-gradient{background:#18181b;color:#fafafa}.creative-gradient .bg-gradient-creative{position:absolute;inset:0;background:linear-gradient(135deg,#18181b,#27272a)}.creative-gradient .bg-mesh{position:absolute;inset:0;background-image:linear-gradient(90deg,#3F3F4610 1px,transparent 1px),linear-gradient(180deg,#3F3F4610 1px,transparent 1px);background-size:30px 30px}.creative-gradient .bg-blur-circle{position:absolute;border-radius:50%;filter:blur(100px)}.creative-gradient .c1{width:400px;height:400px;background:#ec489966;top:-100px;left:-100px}.creative-gradient .c2{width:350px;height:350px;background:#8b5cf64d;bottom:-50px;right:-50px}.creative-gradient .c3{width:200px;height:200px;background:#06b6d44d;top:50%;right:20%}.creative-gradient[data-page=cover] .cover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding-top:60px}.creative-gradient .cover-spark{font-size:48px;margin-bottom:24px}.creative-gradient .cover-title{font-size:64px;font-weight:700;background:linear-gradient(135deg,#ec4899,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.creative-gradient .cover-subtitle{font-size:18px;color:#a1a1aa;margin-top:12px;letter-spacing:8px}.creative-gradient .cover-tagline{margin-top:40px;color:#71717a;font-size:14px;letter-spacing:4px}.creative-gradient[data-page=toc] .toc-content{height:100%}.creative-gradient .toc-content .toc-title{font-size:32px;font-weight:600;background:linear-gradient(90deg,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 40px;letter-spacing:4px}.creative-gradient[data-page=content] .content-wrapper{height:100%;display:flex;flex-direction:column}.creative-gradient .content-header{margin-bottom:30px}.creative-gradient .content-title{font-size:32px;font-weight:600;margin:0}.creative-gradient .content-subtitle{font-size:14px;color:#a1a1aa;margin-top:8px}.creative-gradient[data-page=ending] .ending-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.creative-gradient .ending-title{font-size:56px;font-weight:700;background:linear-gradient(135deg,#ec4899,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:4px}.creative-gradient .ending-subtitle{font-size:18px;color:#a1a1aa;margin-top:16px}.creative-gradient .ending-cta{margin-top:40px;color:#71717a;font-size:14px}.template.minimal-clean{background:#fff}.minimal-clean .bg-white{position:absolute;inset:0;background:#fff}.minimal-clean .bg-line-accent{position:absolute;left:60px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,#E4E4E7 20%,#E4E4E7 80%,transparent 100%)}.minimal-clean[data-page=cover] .cover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding-top:60px}.minimal-clean .cover-title{font-size:56px;font-weight:300;color:#18181b;margin:0;letter-spacing:4px}.minimal-clean .cover-line{width:60px;height:1px;background:#18181b;margin:32px 0}.minimal-clean .cover-subtitle{font-size:16px;color:#71717a;letter-spacing:8px;text-transform:uppercase}.minimal-clean[data-page=toc] .toc-content{height:100%;padding-left:40px}.minimal-clean .toc-content .toc-title{font-size:32px;font-weight:300;color:#18181b;margin:0 0 40px;letter-spacing:4px}.minimal-clean[data-page=content] .content-wrapper{height:100%;display:flex;flex-direction:column;padding-left:40px}.minimal-clean .content-header{margin-bottom:30px}.minimal-clean .content-title{font-size:28px;font-weight:400;color:#18181b;margin:0}.minimal-clean .title-underline{width:40px;height:1px;background:#18181b;margin-top:12px}.minimal-clean[data-page=ending] .ending-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.minimal-clean .ending-title{font-size:48px;font-weight:300;color:#18181b;margin:0;letter-spacing:4px}.minimal-clean .ending-line{width:40px;height:1px;background:#18181b;margin:32px 0}.minimal-clean .ending-contact{color:#71717a;font-size:14px}.toc-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.05)}.toc-item-number{font-size:24px;font-weight:700;opacity:.3;min-width:40px}.toc-item-title{font-size:18px;font-weight:500}.toc-item-subtitle{font-size:12px;opacity:.6;margin-top:4px}.template.tech-dark .toc-item,.template.creative-gradient .toc-item{border-bottom-color:#ffffff1a}.template .image-bg-cover{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.template .content-image-border{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;pointer-events:none}.template .bg-nature{background:linear-gradient(180deg,#87ceebe6,#90ee90d9 70%,#228b22e6),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 800"><rect fill="%2387CEEB" width="1440" height="400"/><rect fill="%2390EE90" y="350" width="1440" height="450"/><ellipse fill="%23fff" cx="200" cy="150" rx="100" ry="60" opacity="0.8"/><ellipse fill="%23fff" cx="350" cy="120" rx="80" ry="50" opacity="0.7"/><ellipse fill="%23fff" cx="1200" cy="100" rx="120" ry="70" opacity="0.8"/></svg>');background-size:cover}.template .garden-border{position:absolute;inset:0;pointer-events:none}.template .garden-border:before{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(180deg,transparent 0%,rgba(144,238,144,.3) 50%,rgba(34,139,34,.4) 100%)}.template .garden-border .flower{position:absolute;bottom:0}.template .garden-border .flower-left{left:0;width:200px;height:200px}.template .garden-border .flower-right{right:0;width:200px;height:200px}.template .top-gradient-border{position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);z-index:1}.template .top-gradient-border:after{content:"";position:absolute;bottom:-20px;left:0;right:0;height:40px;background:linear-gradient(180deg,rgba(124,58,237,.2) 0%,transparent 100%)}.template .top-garden-border{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,#86c166 0%,#90d464 50%,transparent 100%);z-index:1}.template .top-garden-border .grass-decoration{position:absolute;bottom:0;left:0;right:0;height:30px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><path d="M0,20 Q5,10 10,20 Q15,5 20,20 Q25,12 30,20 Q35,8 40,20 Q45,15 50,20 Q55,8 60,20 Q65,12 70,20 Q75,5 80,20 Q85,10 90,20 Q95,15 100,20" fill="%2390EE90"/></svg>');background-size:100px 20px;background-repeat:repeat-x}.template .bottom-wave-border{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(0deg,rgba(124,58,237,.3) 0%,transparent 100%)}.template .bottom-wave-border svg{position:absolute;bottom:0;left:0;width:100%;height:40px}.layout-card-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.layout-card-green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac}.layout-card-purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #d8b4fe}.layout-card-orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);border:1px solid #fdba74}.layout-card-pink{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border:1px solid #f9a8d4}.layout-card-yellow{background:linear-gradient(135deg,#fef9c3,#fef08a);border:1px solid #fde047}.layout-card-cyan{background:linear-gradient(135deg,#cffafe,#a5f3fc);border:1px solid #67e8f9}.layout-card-red{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.layout-icon-gradient{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.layout-icon-gradient.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 12px #3b82f64d}.layout-icon-gradient.green{background:linear-gradient(135deg,#22c55e,#4ade80);box-shadow:0 4px 12px #22c55e4d}.layout-icon-gradient.purple{background:linear-gradient(135deg,#a855f7,#c084fc);box-shadow:0 4px 12px #a855f74d}.layout-icon-gradient.orange{background:linear-gradient(135deg,#f97316,#fb923c);box-shadow:0 4px 12px #f973164d}.layout-icon-gradient.pink{background:linear-gradient(135deg,#ec4899,#f472b6);box-shadow:0 4px 12px #ec48994d}.layout-icon-gradient.cyan{background:linear-gradient(135deg,#06b6d4,#22d3ee);box-shadow:0 4px 12px #06b6d44d}.government-red .content-top-border-red{position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(180deg,#dc2626 0%,#ef4444 50%,transparent 100%);z-index:1}.government-red .content-top-border-red:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#fbbf24,#dc2626,#fbbf24,transparent)}.healthcare-green .content-top-border-green{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(180deg,#059669 0%,#10b981 50%,transparent 100%);z-index:1}.healthcare-green .content-top-border-green:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><path d="M0,0 Q25,20 50,0 Q75,20 100,0" fill="none" stroke="%2310b981" stroke-width="2" opacity="0.3"/></svg>');background-size:100px 20px;background-repeat:repeat-x}.education-orange .content-top-border-orange{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(180deg,#ea580c 0%,#f97316 50%,transparent 100%);z-index:1}.education-orange .content-top-border-orange:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:20px;background:repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(234,88,12,.15) 20px,rgba(234,88,12,.15) 22px)}.creative-gradient .content-top-border-creative{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#ec4899,#8b5cf6,#06b6d4);z-index:1}.creative-gradient .content-top-border-creative:after{content:"";position:absolute;bottom:-30px;left:0;right:0;height:30px;background:linear-gradient(180deg,rgba(139,92,246,.1) 0%,transparent 100%)}.minimal-clean .content-top-border-minimal{position:absolute;top:0;left:0;right:0;height:2px;background:#18181b;z-index:1}.minimal-clean .content-top-border-minimal:after{content:"";position:absolute;left:0;top:8px;width:60px;height:2px;background:#18181b}.government-red .content-wrapper.with-border,.healthcare-green .content-wrapper.with-border,.education-orange .content-wrapper.with-border{padding-top:60px}.creative-gradient .content-wrapper.with-border{padding-top:40px}.minimal-clean .content-wrapper.with-border{padding-top:30px}.template.has-image-bg[data-page=cover] .template-content .cover-title,.template.has-image-bg[data-page=cover] .template-content .cover-subtitle,.template.has-image-bg[data-page=cover] .template-content .cover-meta,.template.has-image-bg[data-page=cover] .template-content .cover-badge,.template.has-image-bg[data-page=ending] .template-content .ending-title,.template.has-image-bg[data-page=ending] .template-content .ending-subtitle,.template.has-image-bg[data-page=ending] .template-content .ending-en,.template.has-image-bg[data-page=ending] .template-content .ending-contact,.template.has-image-bg[data-page=ending] .template-content .ending-cta,.template.has-image-bg[data-page=cover] .editable-title-layer .slide-main-title,.template.has-image-bg[data-page=cover] .editable-title-layer .slide-subtitle,.template.has-image-bg[data-page=ending] .editable-title-layer .slide-main-title,.template.has-image-bg[data-page=ending] .editable-title-layer .slide-subtitle{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.template.has-image-bg[data-page=cover] .template-content .cover-badge{background:#fff3!important;color:#fff!important}.template.has-image-bg[data-page=ending] .template-content .ending-line{background:#ffffff80!important}.ppt-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ppt-icon svg{width:100%;height:100%}.ppt-icon.clickable:hover{opacity:.8}.selectable-icon{display:flex;align-items:center;justify-content:center;border-radius:12px;padding:10px;position:relative;transition:all .2s;background:transparent!important}.selectable-icon svg{width:100%;height:100%}.selectable-icon.editable{cursor:pointer}.selectable-icon.editable:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.selectable-icon.editable:hover .icon-edit-hint{opacity:1}.icon-edit-hint{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003;opacity:0;transition:opacity .2s;color:#6366f1}.icon-picker-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.icon-picker-modal{background:#fff;border-radius:16px;width:90%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040;animation:slideUp .3s ease}.dark-theme .icon-picker-modal{background:#1e293b}.icon-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.dark-theme .icon-picker-header{border-color:#334155}.icon-picker-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.dark-theme .icon-picker-header h3{color:#f1f5f9}.icon-picker-header .close-btn{width:32px;height:32px;border:none;background:#f1f5f9;color:#64748b;border-radius:8px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-picker-header .close-btn:hover{background:#e2e8f0;color:#1e293b}.dark-theme .icon-picker-header .close-btn{background:#334155;color:#94a3b8}.icon-picker-categories{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px;border-bottom:1px solid #e2e8f0}.dark-theme .icon-picker-categories{border-color:#334155}.category-btn{padding:6px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:20px;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s}.dark-theme .category-btn{background:#0f172a;border-color:#334155;color:#94a3b8}.category-btn:hover{border-color:#6366f1;color:#6366f1}.category-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.icon-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:20px;overflow-y:auto;flex:1}.icon-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;background:#f8fafc}.dark-theme .icon-option{background:#0f172a}.icon-option:hover{border-color:#a5b4fc;background:#eef2ff}.dark-theme .icon-option:hover{background:#6366f126}.icon-option.selected{border-color:#6366f1;background:#eef2ff}.dark-theme .icon-option.selected{background:#6366f133}.icon-option svg{width:36px;height:36px;color:#475569}.dark-theme .icon-option svg{color:#94a3b8}.icon-option:hover svg,.icon-option.selected svg{color:#6366f1}.icon-option span{font-size:11px;color:#64748b;text-align:center;line-height:1.2}.dark-theme .icon-option span{color:#94a3b8}@media(max-width:640px){.icon-picker-grid{grid-template-columns:repeat(3,1fr)}.icon-picker-categories{gap:6px}.category-btn{padding:5px 10px;font-size:12px}}[class^=layout-]{width:100%;height:100%;padding:24px;box-sizing:border-box;font-family:Inter,-apple-system,sans-serif}.layout-text-three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:start}.text-column{padding:20px}.column-title{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:12px;padding-bottom:12px;border-bottom:3px solid var(--primary-color, #6366f1)}.column-content{font-size:14px;color:#64748b;line-height:1.7}.layout-text-numbered{display:flex;flex-direction:column;gap:20px}.numbered-item{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:#f8fafc;border-radius:12px;transition:all .2s}.numbered-item:hover{background:#f1f5f9;transform:translate(4px)}.item-number{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color, #6366f1),var(--secondary-color, #8b5cf6));color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.item-content .item-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.item-content .item-desc{font-size:14px;color:#64748b;line-height:1.5}.layout-icon-cards-simple{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.icon-card-simple{display:flex;gap:16px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;border:1px solid #f1f5f9;transition:all .2s}.icon-card-simple:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.icon-card-simple .card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background:transparent!important}.icon-card-simple .card-title{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:6px}.icon-card-simple .card-content{font-size:13px;color:#64748b;line-height:1.5}.layout-icon-cards-colorful{display:grid;gap:20px}.icon-card-colorful{padding:24px;border-radius:16px;border:2px solid transparent;transition:all .2s}.icon-card-colorful:hover{transform:scale(1.02)}.icon-card-colorful .card-icon-circle{width:44px;height:44px;background:transparent!important;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px;box-shadow:none}.icon-card-colorful .card-title{font-size:15px;font-weight:700;color:#1e293b;margin-bottom:8px}.icon-card-colorful .card-content{font-size:13px;color:#64748b;line-height:1.6}.layout-icon-list-horizontal{display:flex;flex-direction:column;gap:16px}.icon-list-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-radius:12px;border-left:4px solid var(--primary-color, #6366f1);box-shadow:0 2px 6px #0000000d}.icon-list-item .list-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;background:transparent!important;color:inherit}.icon-list-item h4{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:2px}.icon-list-item p{font-size:13px;color:#64748b}.layout-org-horizontal{display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:20px}.org-root-node{padding:16px 32px;background:linear-gradient(135deg,var(--primary-color, #6366f1),var(--secondary-color, #8b5cf6));color:#fff;border-radius:12px;font-size:16px;font-weight:700;box-shadow:0 4px 16px #6366f14d}.org-connector-h{width:2px;height:30px;background:#cbd5e1}.org-children-h{display:flex;gap:40px;position:relative}.org-children-h:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:#cbd5e1}.org-child-branch{display:flex;flex-direction:column;align-items:center;gap:16px}.org-child-branch:before{content:"";width:2px;height:20px;background:#cbd5e1}.org-child-node{padding:12px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#334155;box-shadow:0 2px 8px #0000000f}.org-grandchildren{display:flex;flex-direction:column;gap:8px;padding-left:20px;border-left:2px dashed #e2e8f0}.org-grandchild-node{padding:8px 16px;background:#f8fafc;border-radius:8px;font-size:13px;color:#64748b}.layout-tree-structure{display:flex;flex-direction:column;align-items:center;padding-top:20px}.tree-root{padding:14px 28px;background:var(--primary-color, #6366f1);color:#fff;border-radius:10px;font-size:16px;font-weight:700}.tree-connector-vertical{width:2px;height:30px;background:#cbd5e1}.tree-branches{display:flex;gap:40px;position:relative}.tree-connector-horizontal{position:absolute;top:0;left:15%;right:15%;height:2px;background:#cbd5e1}.tree-branch{display:flex;flex-direction:column;align-items:center;position:relative}.tree-branch:before{content:"";width:2px;height:20px;background:#cbd5e1}.tree-node{padding:12px 20px;background:#fff;border:2px solid var(--primary-color, #6366f1);border-radius:10px;font-size:14px;font-weight:600;color:var(--primary-color, #6366f1);margin-bottom:12px}.tree-leaves{list-style:none;padding:0;margin:0;text-align:center}.tree-leaves li{padding:8px 16px;background:#f1f5f9;border-radius:6px;font-size:13px;color:#64748b;margin-bottom:6px}.layout-mindmap-radial{display:flex;align-items:center;justify-content:center;gap:60px;min-height:400px;position:relative}.radial-center{width:120px;height:120px;background:linear-gradient(135deg,var(--primary-color, #C41E3A),var(--secondary-color, #E63946));border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;text-align:center;box-shadow:0 8px 32px #c41e3a4d;z-index:10}.radial-center .center-icon{font-size:24px;margin-bottom:4px}.radial-side{display:flex;flex-direction:column;gap:20px;flex:1;max-width:280px}.radial-node{display:flex;align-items:center;gap:16px}.radial-node.left{flex-direction:row-reverse;text-align:right}.radial-node .node-content{background:#fff;padding:16px 20px;border-radius:12px;border:2px solid #f1f5f9;box-shadow:0 2px 8px #0000000f;flex:1}.radial-node .node-content h4{font-size:14px;font-weight:700;color:var(--primary-color, #C41E3A);margin-bottom:6px}.radial-node .node-content p{font-size:12px;color:#64748b;line-height:1.5}.radial-node .node-connector{width:40px;height:2px;background:linear-gradient(90deg,#e2e8f0,var(--primary-color, #C41E3A))}.radial-node.left .node-connector{background:linear-gradient(90deg,var(--primary-color, #C41E3A),#e2e8f0)}.layout-process-arrow{display:flex;align-items:flex-start;justify-content:center;gap:16px;padding:20px 0}.process-step-arrow{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:180px}.process-step-arrow .step-circle{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-color, #6366f1),var(--secondary-color, #8b5cf6));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin-bottom:16px;box-shadow:0 4px 16px #6366f14d}.process-step-arrow .step-body h4{font-size:15px;font-weight:700;color:#1e293b;margin-bottom:6px}.process-step-arrow .step-body p{font-size:12px;color:#64748b;line-height:1.5}.arrow-connector{font-size:24px;color:#cbd5e1;margin-top:16px}.layout-process-connected{position:relative;padding:40px 20px}.process-line{position:absolute;top:68px;left:10%;right:10%;height:4px;background:linear-gradient(90deg,var(--primary-color, #6366f1),var(--secondary-color, #06b6d4));border-radius:2px}.process-nodes{display:flex;justify-content:space-between;position:relative}.process-node{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:160px}.process-node .node-dot{width:20px;height:20px;background:var(--primary-color, #6366f1);border:4px solid white;border-radius:50%;box-shadow:0 2px 8px #6366f14d;margin-bottom:12px}.process-node .node-number{font-size:13px;font-weight:700;color:var(--primary-color, #6366f1);margin-bottom:8px}.process-node .node-content h4{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.process-node .node-content p{font-size:12px;color:#64748b;line-height:1.4}.layout-process-timeline{padding:20px}.timeline-track{display:flex;justify-content:space-between;position:relative;padding:30px 0}.timeline-track:before{content:"";position:absolute;top:50%;left:0;right:0;height:6px;background:linear-gradient(90deg,#e2e8f0,var(--primary-color, #6366f1),#e2e8f0);border-radius:3px;transform:translateY(-50%)}.timeline-station{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;max-width:140px}.timeline-station .station-marker{width:48px;height:48px;background:#fff;border:4px solid var(--primary-color, #6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--primary-color, #6366f1);margin-bottom:16px;box-shadow:0 4px 12px #0000001a;z-index:1}.timeline-station .station-content h4{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:4px}.timeline-station .station-content p{font-size:12px;color:#64748b}.layout-process-snake{display:flex;flex-wrap:wrap;gap:16px;padding:20px}.snake-step{width:calc(50% - 8px);display:flex;gap:16px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.snake-step.right{flex-direction:row-reverse;margin-left:auto}.snake-step .step-number{width:44px;height:44px;background:linear-gradient(135deg,var(--primary-color, #6366f1),var(--secondary-color, #8b5cf6));color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.snake-step .step-card h4{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:4px}.snake-step .step-card p{font-size:13px;color:#64748b;line-height:1.5}.layout-cycle-circular{position:relative;display:flex;align-items:center;justify-content:center;min-height:400px}.cycle-ring{position:relative;width:320px;height:320px}.cycle-node{position:absolute;left:50%;top:50%}.cycle-node .node-circle{width:80px;height:80px;background:#fff;border:3px solid var(--primary-color, #6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:600;color:#334155;padding:8px;box-shadow:0 4px 12px #0000001a;transform:translate(-50%,-50%)}.cycle-arrows{position:absolute;width:100%;height:100%}.cycle-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px;background:linear-gradient(135deg,var(--primary-color, #6366f1),var(--secondary-color, #8b5cf6));color:#fff;border-radius:50%;font-size:14px;font-weight:700;text-align:center;min-width:80px;min-height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #6366f14d}.layout-cycle-infinity{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;gap:20px}.infinity-loop{position:relative;width:180px;height:180px}.infinity-node{position:absolute;padding:10px 16px;background:#fff;border:2px solid var(--primary-color, #6366f1);border-radius:20px;font-size:12px;font-weight:600;color:#334155;box-shadow:0 2px 8px #00000014;white-space:nowrap}.infinity-loop.left .infinity-node.pos-0{top:0;left:50%;transform:translate(-50%)}.infinity-loop.left .infinity-node.pos-1{top:50%;left:0;transform:translateY(-50%)}.infinity-loop.left .infinity-node.pos-2{bottom:0;left:50%;transform:translate(-50%)}.infinity-loop.right .infinity-node.pos-0{top:0;left:50%;transform:translate(-50%)}.infinity-loop.right .infinity-node.pos-1{top:50%;right:0;transform:translateY(-50%)}.infinity-loop.right .infinity-node.pos-2{bottom:0;left:50%;transform:translate(-50%)}.infinity-center{padding:16px 24px;background:var(--primary-color, #6366f1);color:#fff;border-radius:12px;font-size:14px;font-weight:700;z-index:10}.infinity-path{position:absolute;width:100%;height:100%;pointer-events:none}.layout-split-center{display:grid;grid-template-columns:1fr 250px 1fr;gap:32px;align-items:start}.split-column{display:flex;flex-direction:column;gap:16px}.split-item{display:flex;gap:12px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d}.split-item .item-marker{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;background:var(--primary-color, #C41E3A);color:#fff}.split-item .item-body h4{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:4px}.split-item .item-body p{font-size:12px;color:#64748b;line-height:1.5}.split-center{display:flex;flex-direction:column;align-items:center}.split-center .center-title{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:20px}.split-center .center-cycle{position:relative;width:200px;height:200px}.split-center .cycle-step{position:absolute;left:50%;top:50%;width:44px;height:44px;background:linear-gradient(135deg,var(--primary-color, #C41E3A),var(--secondary-color, #E63946));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;box-shadow:0 4px 12px #c41e3a4d}.layout-hexagon-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:20px}.hexagon-item{width:120px;height:140px}.hexagon-shape{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color, #6366f1),var(--secondary-color, #8b5cf6));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;padding:20px}.hexagon-content{text-align:center;color:#fff}.hexagon-content .hex-icon{font-size:24px;display:block;margin-bottom:8px}.hexagon-content .hex-title{font-size:12px;font-weight:600}.layout-pyramid{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px}.pyramid-level{background:linear-gradient(135deg,var(--primary-color, #6366f1),var(--secondary-color, #8b5cf6));color:#fff;padding:16px 24px;text-align:center;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)}.pyramid-level .level-content h4{font-size:14px;font-weight:700;margin-bottom:4px}.pyramid-level .level-content p{font-size:12px;opacity:.9}.layout-matrix{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.matrix-y-label{writing-mode:vertical-rl;text-orientation:mixed;position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:#64748b}.matrix-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:600px}.quadrant{padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.quadrant.q-0{border-top:4px solid #22c55e}.quadrant.q-1{border-top:4px solid #3b82f6}.quadrant.q-2{border-top:4px solid #f59e0b}.quadrant.q-3{border-top:4px solid #ef4444}.quadrant-title{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:12px}.quadrant-items{list-style:none;padding:0;margin:0}.quadrant-items li{font-size:13px;color:#64748b;padding:6px 0;border-bottom:1px solid #f1f5f9}.quadrant-items li:last-child{border-bottom:none}.matrix-x-label{font-size:12px;font-weight:600;color:#64748b}.layout-image-grid{display:grid;gap:16px}.image-item{display:flex;flex-direction:column;gap:8px}.image-placeholder{aspect-ratio:4/3;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#94a3b8}.image-placeholder svg{width:48px;height:48px}.image-caption{font-size:12px;color:#64748b;text-align:center}.theme-red{--primary-color: #C41E3A;--secondary-color: #E63946}.theme-blue{--primary-color: #2563EB;--secondary-color: #3B82F6}.theme-green{--primary-color: #059669;--secondary-color: #10B981}.theme-purple{--primary-color: #7C3AED;--secondary-color: #8B5CF6}.theme-orange{--primary-color: #EA580C;--secondary-color: #F97316}.theme-teal{--primary-color: #0891B2;--secondary-color: #06B6D4}.editor-layout{width:100%;height:100%;min-height:250px;padding:12px;box-sizing:border-box}.mindmap-layout-enhanced{display:flex;align-items:center;justify-content:center;position:relative;padding:40px 20px;min-height:400px;width:100%;box-sizing:border-box;overflow:hidden}.mindmap-layout-enhanced .mindmap-svg{position:absolute;top:0;left:0;width:100%;height:100%;min-height:400px;pointer-events:none;z-index:1;overflow:visible}.mindmap-layout-enhanced .mindmap-center-enhanced{position:relative;z-index:10;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;font-weight:700;padding:20px;box-shadow:0 6px 24px #0003;flex-shrink:0;cursor:text}.mindmap-layout-enhanced .mindmap-side-enhanced{position:absolute;top:0;bottom:0;width:280px;display:flex;flex-direction:column;justify-content:flex-start;padding-top:60px}.mindmap-layout-enhanced .mindmap-side-enhanced.left{left:0;align-items:flex-start}.mindmap-layout-enhanced .mindmap-side-enhanced.right{right:0;align-items:flex-end}.mindmap-layout-enhanced .mindmap-node-enhanced{position:absolute;width:260px;z-index:10}.mindmap-layout-enhanced .mindmap-node-content{background:#fff;padding:14px 18px;border-radius:10px;border:2px solid;box-shadow:0 4px 16px #0000001f;transition:all .3s ease;cursor:text}.dark-theme .mindmap-layout-enhanced .mindmap-node-content{background:#1e293b;color:#f1f5f9}.mindmap-layout-enhanced .mindmap-node-content:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000002e}.mindmap-layout-enhanced .node-title{font-size:15px;font-weight:600;margin-bottom:8px;line-height:1.4}.mindmap-layout-enhanced .node-children{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1)}.dark-theme .mindmap-layout-enhanced .node-children{border-top-color:#ffffff1a}.mindmap-layout-enhanced .node-child{font-size:13px;padding:4px 0;line-height:1.5}.mindmap-layout-enhanced .mindmap-node-content .editable-text:hover{background:transparent!important;outline:none!important}.mindmap-layout-enhanced .mindmap-center-enhanced .editable-text{color:#fff!important}.mindmap-layout-enhanced .mindmap-center-enhanced .editable-text:hover{background:#fff3!important;outline:2px dashed rgba(255,255,255,.6)!important;color:#fff!important}.mindmap-layout-enhanced .mindmap-center-enhanced .inline-editor{color:#fff!important;background:#ffffff26!important;border-color:#fffc!important}.mindmap-layout .mindmap-container{display:flex;align-items:center;justify-content:center;gap:20px;height:100%}.mindmap-layout .mindmap-center{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:700;padding:16px;box-shadow:0 4px 20px #00000026;flex-shrink:0}.mindmap-layout .mindmap-side{display:flex;flex-direction:column;gap:12px;flex:1;max-width:280px}.mindmap-layout .mindmap-node{display:flex;align-items:center;gap:12px}.mindmap-layout .left-node{flex-direction:row-reverse}.mindmap-layout .node-content{background:#fff;padding:12px 16px;border-radius:8px;border-left:3px solid;box-shadow:0 2px 8px #00000014}.mindmap-layout .left-node .node-content{border-left:none;border-right:3px solid;text-align:right}.mindmap-layout .node-content h4{font-size:13px;font-weight:600;margin-bottom:4px}.mindmap-layout .node-content ul{list-style:none;padding:0;margin:0}.mindmap-layout .node-content li{font-size:11px;padding:2px 0}.mindmap-layout .node-line{width:30px;height:2px;flex-shrink:0}.org-chart-layout-enhanced{display:flex;flex-direction:column;align-items:center;padding:30px 20px;position:relative;min-height:400px;width:100%;max-height:100%;box-sizing:border-box;overflow:hidden;height:100%}.org-chart-layout-enhanced .org-chart-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.org-chart-layout-enhanced .org-root-enhanced{position:relative;z-index:10;padding:14px 32px;border-radius:12px;font-size:18px;font-weight:700;box-shadow:0 4px 16px #00000026;margin-bottom:30px;min-width:200px;max-width:90%;text-align:center;letter-spacing:.3px;transition:all .3s ease;box-sizing:border-box;cursor:text}.org-chart-layout-enhanced .org-root-enhanced:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003;opacity:.95}.org-chart-layout-enhanced .org-root-enhanced .editable-text{color:#fff!important}.org-chart-layout-enhanced .org-root-enhanced .editable-text:hover{background:#fff3!important;outline:2px dashed rgba(255,255,255,.6)!important;color:#fff!important}.org-chart-layout-enhanced .org-root-enhanced .inline-editor{color:#fff!important;background:#ffffff26!important;border-color:#fffc!important}.org-chart-layout-enhanced .org-children-enhanced{display:flex;gap:20px;margin-top:40px;position:relative;z-index:10;width:100%;max-width:100%;box-sizing:border-box;align-items:flex-start}.org-chart-layout-enhanced .org-branch-enhanced{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1 1 0;min-width:0;max-width:none;box-sizing:border-box;justify-content:flex-start}.org-chart-layout-enhanced .org-child-enhanced{padding:12px 20px;border:2px solid;border-radius:10px;font-size:15px;font-weight:600;background:#fff;box-shadow:0 3px 12px #0000001a;width:100%;text-align:center;transition:all .3s ease;line-height:1.4;box-sizing:border-box;word-wrap:break-word;position:relative;z-index:5;cursor:text}.dark-theme .org-chart-layout-enhanced .org-child-enhanced{background:#1e293b;color:#f1f5f9}.org-chart-layout-enhanced .org-child-enhanced:hover{transform:translateY(-3px);box-shadow:0 5px 18px #00000026;border-color:#6366f1}.org-chart-layout-enhanced .org-child-enhanced .editable-text:hover{background:transparent!important;outline:none!important}.org-chart-layout-enhanced .org-grandchildren-enhanced{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-left:12px;border-left:3px solid;width:100%;box-sizing:border-box}.org-chart-layout-enhanced .org-grandchild-enhanced{padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;border-left:3px solid;background:#fff;box-shadow:0 2px 8px #00000014;transition:all .2s ease;line-height:1.4;box-sizing:border-box;word-wrap:break-word;cursor:text}.dark-theme .org-chart-layout-enhanced .org-grandchild-enhanced{background:#1e293b;color:#cbd5e1}.org-chart-layout-enhanced .org-grandchild-enhanced:hover{transform:translate(4px);box-shadow:0 3px 12px #0000001f;border-left-width:4px}.org-chart-layout-enhanced .org-grandchild-enhanced .editable-text:hover{background:transparent!important;outline:none!important}.org-chart-layout{display:flex;flex-direction:column;align-items:center;padding-top:20px}.org-chart-layout .org-root{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:700;box-shadow:0 4px 16px #00000026}.org-chart-layout .org-connector-v{width:2px;height:24px}.org-chart-layout .org-connector-h{width:60%;height:2px;position:relative}.org-chart-layout .org-children{display:flex;gap:24px;margin-top:24px}.org-chart-layout .org-branch{display:flex;flex-direction:column;align-items:center;gap:12px}.org-chart-layout .org-child{padding:10px 20px;border:2px solid;border-radius:6px;font-size:13px;font-weight:600;background:#fff}.org-chart-layout .org-grandchildren{display:flex;flex-direction:column;gap:6px}.org-chart-layout .org-grandchild{padding:6px 14px;border-radius:4px;font-size:11px}.process-layout{position:relative;padding:24px 0}.process-layout .process-track{display:none!important}.process-layout .process-steps{display:flex;justify-content:center;align-items:flex-start;position:relative;gap:0;padding:20px 0}.process-layout .process-step{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:160px;flex:0 1 auto;position:relative}.process-layout .step-marker{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.process-layout .step-icon-container{position:relative;margin-bottom:12px;z-index:1;width:100%;display:flex;justify-content:center;align-items:center;min-height:48px}.process-layout .step-icon-container .selectable-icon{border-radius:50%;font-size:16px;font-weight:700;box-shadow:0 2px 10px #00000026;position:relative;z-index:1}.process-layout .step-content{width:100%}.process-layout .step-content h4{font-size:13px;font-weight:600;margin-bottom:4px}.process-layout .step-content p{font-size:11px;line-height:1.4}.process-layout .step-arrow{display:flex;align-items:center;justify-content:center;font-size:28px;color:#94a3b8;padding:0 12px;flex-shrink:0;align-self:flex-start;margin-top:24px;height:auto}.timeline-layout{position:relative;padding:60px 20px 20px}.timeline-layout .timeline-line{position:absolute;top:80px;left:10%;right:10%;height:3px;border-radius:2px}.timeline-layout .timeline-events{display:flex;justify-content:space-between;position:relative}.timeline-layout .timeline-event{display:flex;flex-direction:column;align-items:center;max-width:150px}.timeline-layout .timeline-event.above .event-content{order:-1;margin-bottom:12px}.timeline-layout .timeline-event.below .event-content{margin-top:12px}.timeline-layout .event-dot{width:14px;height:14px;border-radius:50%;border:3px solid white;box-shadow:0 2px 6px #00000026;position:relative;z-index:1}.timeline-layout .event-content{padding:10px 14px;background:#fff;border-radius:6px;border:1px solid;text-align:center;box-shadow:0 2px 8px #0000000f}.timeline-layout .event-date{font-size:11px;font-weight:700;display:block;margin-bottom:4px}.timeline-layout .event-content h4{font-size:12px;font-weight:600;margin-bottom:2px}.timeline-layout .event-content p{font-size:10px;line-height:1.4}.stats-grid-layout,.editor-layout.stats-grid-layout{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:16px;padding:16px}.stats-grid-layout .stat-card{background:#fff;padding:20px;border-radius:10px;text-align:center;border:1px solid;box-shadow:0 2px 8px #0000000f}.stats-grid-layout .stat-header{display:flex;justify-content:center;margin-bottom:12px}.stats-grid-layout .stat-header .selectable-icon{border-radius:12px}.stats-grid-layout .stat-value{font-size:28px;font-weight:700;margin-bottom:6px}.stats-grid-layout .stat-label{font-size:13px;font-weight:600;margin-bottom:4px}.stats-grid-layout .stat-desc{font-size:11px;line-height:1.4}.cards-layout,.editor-layout.cards-layout{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:16px;padding:16px}.cards-layout .feature-card{padding:20px;border-radius:10px;border:1px solid;text-align:center;transition:transform .2s,box-shadow .2s}.cards-layout .feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.cards-layout .card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 14px;color:#fff}.cards-layout .feature-card h4{font-size:14px;font-weight:600;margin-bottom:8px}.cards-layout .feature-card p{font-size:12px;line-height:1.5}.comparison-layout,.editor-layout.comparison-layout{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:24px;padding:16px}.comparison-layout .comparison-column{border:1px solid;border-radius:10px;overflow:hidden;background:#fff}.comparison-layout .column-header{padding:14px 20px;font-size:15px;font-weight:700;margin:0}.comparison-layout .column-items{list-style:none;padding:16px 20px;margin:0}.comparison-layout .column-items li{font-size:13px;border-bottom:1px solid #f1f5f9;position:relative;padding:10px 0 10px 20px;display:flex;align-items:flex-start;gap:10px}.comparison-layout .comparison-bullet{width:6px;height:6px;border-radius:50%;margin-top:6px;flex-shrink:0}.comparison-layout .column-items li:last-child{border-bottom:none}.two-column-layout,.editor-layout.two-column-layout{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:32px;padding:16px}.two-column-layout .column ul,.three-column-layout .column ul{list-style:none;padding:0;margin:0}.two-column-layout .column li,.three-column-layout .column li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9;font-size:14px;line-height:1.5}.two-column-layout .column li:last-child,.three-column-layout .column li:last-child{border-bottom:none}.two-column-layout .bullet-marker,.three-column-layout .bullet-marker{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.three-column-layout,.editor-layout.three-column-layout{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px;padding:16px}.default-content-layout{padding:16px}.default-content-layout .slide-paragraph{font-size:15px;line-height:1.7;color:inherit;margin-bottom:20px}.default-content-layout .slide-bullets{list-style:none;padding:0;margin:0}.default-content-layout .slide-bullets li{font-size:14px;line-height:1.6;padding:10px 0 10px 28px;position:relative;border-bottom:1px solid rgba(0,0,0,.05)}.default-content-layout .slide-bullets li:before{content:"";position:absolute;left:0;top:18px;width:8px;height:8px;background:currentColor;opacity:.5;border-radius:50%}.default-content-layout .slide-bullets li:last-child{border-bottom:none}.default-content-layout .slide-quote{font-size:18px;font-style:italic;line-height:1.6;padding:24px 32px;background:#00000008;border-left:4px solid currentColor;border-radius:0 8px 8px 0;margin:20px 0}.toc-list{display:flex;flex-direction:column;gap:12px}.toc-list .toc-item{display:flex;align-items:center;gap:16px;padding:14px 20px;background:#00000005;border-radius:8px;transition:background .2s}.toc-list .toc-item:hover{background:#0000000d}.toc-list .toc-item-number{font-size:20px;font-weight:700;opacity:.3;min-width:36px}.toc-list .toc-item-title{font-size:15px;font-weight:500}.connector-curved{stroke:url(#gradient-line);stroke-width:2;fill:none;stroke-linecap:round}.connector-gradient-blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.connector-gradient-purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.layout-gradient-defs{position:absolute;width:0;height:0}.connector-dotted{stroke-dasharray:4 4;stroke:#94a3b8;stroke-width:2}.connector-animated{stroke-dasharray:8 4;animation:dash-flow 1s linear infinite}@keyframes dash-flow{to{stroke-dashoffset:-12}}.card-gradient-1{background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#bae6fd);border:1px solid #7dd3fc;border-radius:16px;position:relative;overflow:hidden}.card-gradient-1:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#0ea5e9,#38bdf8)}.card-gradient-2{background:linear-gradient(135deg,#fdf4ff,#fae8ff,#f5d0fe);border:1px solid #e879f9;border-radius:16px;position:relative;overflow:hidden}.card-gradient-2:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#d946ef,#e879f9)}.card-gradient-3{background:linear-gradient(135deg,#f0fdf4,#dcfce7,#bbf7d0);border:1px solid #4ade80;border-radius:16px;position:relative;overflow:hidden}.card-gradient-3:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#22c55e,#4ade80)}.card-gradient-4{background:linear-gradient(135deg,#fffbeb,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:16px;position:relative;overflow:hidden}.card-gradient-4:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#f59e0b,#fbbf24)}.icon-bg-circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;position:relative;overflow:hidden}.icon-bg-circle:before{content:"";position:absolute;inset:0;background:inherit;opacity:.15;border-radius:50%}.icon-bg-circle.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;box-shadow:0 4px 16px #3b82f640}.icon-bg-circle.purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 4px 16px #8b5cf640}.icon-bg-circle.green{background:linear-gradient(135deg,#22c55e,#4ade80);color:#fff;box-shadow:0 4px 16px #22c55e40}.icon-bg-circle.orange{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;box-shadow:0 4px 16px #f9731640}.icon-bg-circle.pink{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 4px 16px #ec489940}.icon-bg-circle.cyan{background:linear-gradient(135deg,#06b6d4,#22d3ee);color:#fff;box-shadow:0 4px 16px #06b6d440}.org-line-svg{position:absolute;pointer-events:none;overflow:visible}.org-line-curved{fill:none;stroke:#c7d2fe;stroke-width:2;stroke-linecap:round}.org-line-gradient{fill:none;stroke:url(#orgLineGradient);stroke-width:2.5;stroke-linecap:round}.org-card-modern{padding:16px 24px;background:#fff;border-radius:12px;border:2px solid #e2e8f0;box-shadow:0 4px 12px #00000014;text-align:center;transition:all .2s}.org-card-modern:hover{border-color:#a5b4fc;box-shadow:0 8px 24px #6366f126;transform:translateY(-2px)}.org-card-modern.root{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;box-shadow:0 6px 20px #6366f159}.org-card-modern .card-icon{width:40px;height:40px;margin:0 auto 8px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.org-card-modern .card-title{font-size:14px;font-weight:600}.org-card-modern .card-subtitle{font-size:12px;opacity:.7;margin-top:4px}.process-card-modern{padding:20px;border-radius:16px;background:#fff;border:2px solid #f1f5f9;box-shadow:0 4px 12px #0000000f;text-align:center;position:relative;transition:all .2s}.process-card-modern:hover{border-color:#c7d2fe;box-shadow:0 8px 24px #6366f11f}.process-card-modern .step-number{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:28px;height:28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #6366f14d}.process-card-modern .step-icon{width:48px;height:48px;margin:8px auto 12px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.process-card-modern .step-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:6px}.process-card-modern .step-desc{font-size:12px;color:#64748b;line-height:1.5}.process-arrow-modern{display:flex;align-items:center;justify-content:center;width:40px;flex-shrink:0}.process-arrow-modern svg{width:24px;height:24px;color:#c7d2fe}.mindmap-branch-line{position:absolute;fill:none;stroke:#ddd6fe;stroke-width:3;stroke-linecap:round}.mindmap-branch-line.left{right:100%}.mindmap-branch-line.right{left:100%}.mindmap-node-card{padding:14px 20px;border-radius:24px;background:#fff;box-shadow:0 2px 12px #00000014;position:relative;z-index:2}.mindmap-node-card:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:currentColor;border-radius:50%;margin-left:-4px}.mindmap-node-card.color-1{border:2px solid #f472b6;color:#ec4899}.mindmap-node-card.color-2{border:2px solid #fb923c;color:#f97316}.mindmap-node-card.color-3{border:2px solid #4ade80;color:#22c55e}.mindmap-node-card.color-4{border:2px solid #60a5fa;color:#3b82f6}.mindmap-node-card.color-5{border:2px solid #a78bfa;color:#8b5cf6}.mindmap-node-card.color-6{border:2px solid #f472b6;color:#db2777}.layout-mindmap-radial.enhanced{position:relative;min-height:380px}.layout-mindmap-radial.enhanced .mindmap-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.layout-mindmap-radial.enhanced .radial-center.enhanced{position:relative;z-index:10}.layout-mindmap-radial.enhanced .center-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);border-radius:50%}.layout-mindmap-radial.enhanced .radial-node.enhanced .node-content{padding:16px 20px;border-radius:12px;border:2px solid;position:relative;z-index:5;box-shadow:0 4px 12px #00000014;transition:all .2s}.layout-mindmap-radial.enhanced .radial-node.enhanced .node-content:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.layout-mindmap-radial.enhanced .node-dot{width:10px;height:10px;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.layout-mindmap-radial.enhanced .radial-node.left .node-dot{right:-6px}.layout-mindmap-radial.enhanced .radial-node.right .node-dot{left:-6px}.layout-mindmap-radial.enhanced .node-content h4{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 6px}.layout-mindmap-radial.enhanced .node-content p{font-size:12px;color:#64748b;margin:0;line-height:1.5}.layout-org-horizontal.enhanced{position:relative;padding-top:20px}.layout-org-horizontal.enhanced .org-lines{position:absolute;top:0;left:0;width:100%;height:200px;pointer-events:none;z-index:0}.layout-org-horizontal.enhanced .org-root-node.enhanced{position:relative;z-index:5;padding:16px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:16px;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;box-shadow:0 8px 24px #6366f14d}.layout-org-horizontal.enhanced .root-icon{font-size:24px}.layout-org-horizontal.enhanced .org-children-h.enhanced{margin-top:60px;display:flex;gap:24px;justify-content:center;position:relative;z-index:5}.layout-org-horizontal.enhanced .org-child-branch.enhanced{display:flex;flex-direction:column;align-items:center;gap:12px}.layout-org-horizontal.enhanced .org-child-node.card-with-gradient{padding:14px 20px;border-radius:12px;border:2px solid;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#334155;box-shadow:0 4px 12px #00000014;transition:all .2s}.layout-org-horizontal.enhanced .org-child-node:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.layout-org-horizontal.enhanced .child-icon{font-size:18px}.layout-org-horizontal.enhanced .org-grandchildren.enhanced{display:flex;flex-direction:column;gap:6px;padding-left:20px;border-left:3px solid #e2e8f0;margin-left:10px}.layout-org-horizontal.enhanced .org-grandchild-node{padding:10px 16px;background:#fff;border-radius:8px;font-size:13px;color:#64748b;border-left:3px solid;box-shadow:0 2px 6px #0000000d}.card-with-gradient{position:relative;overflow:hidden}.card-with-gradient:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:inherit;opacity:0}.icon-card-colorful.card-with-gradient{padding:20px;border-radius:16px;transition:all .2s}.icon-card-colorful.card-with-gradient:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001f}.icon-card-colorful .gradient-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px;background:transparent!important;box-shadow:none}.org-chart-type1{position:relative;display:flex;flex-direction:column;align-items:center;padding:30px 20px;min-height:450px;width:100%;box-sizing:border-box;overflow:hidden}.org-chart-type1-svg{position:absolute;top:0;left:0;width:100%;height:200px;pointer-events:none;z-index:1}.org-chart-type1-root{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;padding:20px 40px;background:#fff;border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:80px}.org-chart-type1-root .root-icon{width:40px;height:40px;margin-bottom:8px}.org-chart-type1-root .root-icon svg{width:100%;height:100%}.org-chart-type1-root .root-title{font-size:16px;font-weight:600;color:#333;text-align:center}.org-chart-type1-children{position:relative;z-index:10;display:flex;gap:16px;flex-wrap:wrap;justify-content:center;width:100%;padding:0 10px;box-sizing:border-box}.org-chart-type1-card{width:130px;min-height:180px;padding:16px 12px;background:#fafafa;border:1px solid #e8e8e8;border-radius:16px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.org-chart-type1-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#d0d0d0}.org-chart-type1-card .card-icon{width:36px;height:36px;padding:8px;background:#f5f5f5;border-radius:12px;margin-bottom:12px}.org-chart-type1-card .card-icon svg{width:100%;height:100%}.org-chart-type1-card .card-title{font-size:13px;font-weight:600;margin-bottom:8px;line-height:1.3}.org-chart-type1-card .card-description{font-size:11px;color:#666;line-height:1.5;margin-bottom:8px}.org-chart-type1-card .card-bullets{width:100%;text-align:left;border-top:1px solid #eee;padding-top:8px;margin-top:auto}.org-chart-type1-card .card-bullet{font-size:11px;color:#888;line-height:1.4;position:relative;padding:4px 0 4px 10px}.org-chart-type1-card .card-bullet:before{content:"•";position:absolute;left:0;color:#bbb}.org-chart-type2{position:relative;display:flex;align-items:center;justify-content:center;padding:30px 20px;min-height:450px;width:100%;box-sizing:border-box;overflow:hidden}.org-chart-type2-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.org-chart-type2-center{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 32px;background:#fff;border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 20px #00000014;min-width:140px;text-align:center}.org-chart-type2-center .center-icon{width:40px;height:40px;margin-bottom:8px}.org-chart-type2-center .center-icon svg{width:100%;height:100%}.org-chart-type2-center .center-title{font-size:16px;font-weight:600;color:#333}.org-chart-type2-left,.org-chart-type2-right{position:absolute;top:0;bottom:0;width:280px;display:flex;flex-direction:column;z-index:10}.org-chart-type2-left{left:20px;align-items:flex-end}.org-chart-type2-right{right:20px;align-items:flex-start}.org-chart-type2-node{position:absolute;width:250px;background:#fff;border-radius:16px;padding:0;transition:all .3s ease}.org-chart-type2-node:hover{transform:scale(1.02)}.org-chart-type2-node.left{text-align:right}.org-chart-type2-node.right{text-align:left}.org-chart-type2-node .node-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.org-chart-type2-node.left .node-header{flex-direction:row-reverse}.org-chart-type2-node .node-icon{width:32px;height:32px;padding:6px;border-radius:10px;flex-shrink:0}.org-chart-type2-node .node-icon svg{width:100%;height:100%;color:#fff}.org-chart-type2-node .node-title{font-size:14px;font-weight:600;line-height:1.3}.org-chart-type2-node .node-description{font-size:12px;color:#666;line-height:1.5;margin-bottom:6px}.org-chart-type2-node .node-bullets{padding-top:6px}.org-chart-type2-node .node-bullet{font-size:11px;color:#888;line-height:1.4;padding:3px 0}.org-chart-type3{position:relative;display:flex;align-items:center;padding:30px 20px;min-height:450px;width:100%;box-sizing:border-box;overflow:hidden}.org-chart-type3-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.org-chart-type3-root{position:absolute;left:40px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;padding:20px 28px;background:#fff;border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 20px #00000014;min-width:120px;text-align:center}.org-chart-type3-root .root-icon{width:40px;height:40px;padding:8px;border-radius:12px;margin-bottom:8px}.org-chart-type3-root .root-icon svg{width:100%;height:100%;color:#fff}.org-chart-type3-root .root-title{font-size:15px;font-weight:600;color:#333}.org-chart-type3-children{position:absolute;left:420px;top:0;bottom:0;width:calc(100% - 440px);display:flex;flex-direction:column;z-index:10}.org-chart-type3-node{position:absolute;left:0;width:280px;background:#fff;border-radius:16px;padding:0;transition:all .3s ease}.org-chart-type3-node:hover{transform:translate(4px)}.org-chart-type3-node .node-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.org-chart-type3-node .node-icon{width:28px;height:28px;padding:5px;border-radius:8px;flex-shrink:0}.org-chart-type3-node .node-icon svg{width:100%;height:100%;color:#fff}.org-chart-type3-node .node-title{font-size:13px;font-weight:600;line-height:1.3}.org-chart-type3-node .node-description{font-size:11px;color:#666;line-height:1.5;margin-bottom:4px;padding-left:38px}.org-chart-type3-node .node-bullets{padding-left:38px}.org-chart-type3-node .node-bullet{font-size:11px;color:#888;line-height:1.4;padding:2px 0}@media(max-width:900px){.org-chart-type1-children{gap:12px}.org-chart-type1-card{width:110px;min-height:160px;padding:12px 10px}.org-chart-type2-node{width:200px}.org-chart-type2-left,.org-chart-type2-right{width:220px}}.dark-theme .org-chart-type1-root,.dark-theme .org-chart-type2-center,.dark-theme .org-chart-type3-root{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-theme .org-chart-type1-root .root-title,.dark-theme .org-chart-type2-center .center-title,.dark-theme .org-chart-type3-root .root-title{color:#f1f5f9}.dark-theme .org-chart-type1-card{background:#1e293b;border-color:#334155}.dark-theme .org-chart-type1-card .card-description,.dark-theme .org-chart-type1-card .card-bullet,.dark-theme .org-chart-type2-node .node-description,.dark-theme .org-chart-type2-node .node-bullet,.dark-theme .org-chart-type3-node .node-description,.dark-theme .org-chart-type3-node .node-bullet{color:#94a3b8}.dark-theme .org-chart-type1-svg path,.dark-theme .org-chart-type2-svg path,.dark-theme .org-chart-type3-svg path{stroke:#475569}.org-chart-type1 .editable-text,.org-chart-type2 .editable-text,.org-chart-type3 .editable-text{cursor:text}.org-chart-type1 .editable-text:hover,.org-chart-type2 .editable-text:hover,.org-chart-type3 .editable-text:hover{background:#6366f114!important;outline:2px dashed rgba(99,102,241,.4)!important;border-radius:4px}.org-chart-type1 .inline-editor,.org-chart-type2 .inline-editor,.org-chart-type3 .inline-editor{background:#fff!important;border:2px solid #6366f1!important;border-radius:4px;padding:4px 8px}.dark-theme .org-chart-type1 .inline-editor,.dark-theme .org-chart-type2 .inline-editor,.dark-theme .org-chart-type3 .inline-editor{background:#1e293b!important;color:#f1f5f9!important}.layout-selector-pro{display:flex;flex-direction:column;gap:16px;padding:0;width:100%}.section-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.category-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.category-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;min-height:64px}.category-tab:hover{border-color:#c7d2fe;background:#fafaff}.category-tab.active{border-color:#6366f1;background:#eef2ff}.category-tab .tab-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:color .2s}.category-tab.active .tab-icon{color:#6366f1}.category-tab .tab-icon svg{width:100%;height:100%}.category-tab .tab-name{font-size:11px;font-weight:500;color:#64748b;text-align:center;line-height:1.1}.category-tab.active .tab-name{color:#6366f1;font-weight:600}.variants-section{display:flex;flex-direction:column;gap:8px}.variants-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.variants-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.variant-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .15s ease;min-height:100px}.variant-option:hover{border-color:#c7d2fe;background:#fafaff}.variant-option.active{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 3px #6366f11a}.variant-name{font-size:11px;font-weight:500;color:#64748b;text-align:center;white-space:nowrap}.variant-option.active .variant-name{color:#6366f1;font-weight:600}.variant-preview-container{width:100%;height:60px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px;padding:6px;box-sizing:border-box;overflow:hidden}.variant-preview-container svg,.preview-svg{width:100%;height:100%;max-width:100%;max-height:100%}.variant-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:6px;padding:4px;gap:4px;box-sizing:border-box;overflow:hidden}.preview-title{height:6px;background:#1e293b;border-radius:2px;width:60%;flex-shrink:0}.preview-title.small{height:5px;width:70%}.preview-title.tiny{height:4px;width:60%}.preview-line{height:4px;background:#cbd5e1;border-radius:2px;width:100%;flex-shrink:0}.preview-line.short{width:70%}.preview-line.medium{width:85%}.preview-line.tiny{height:3px}.preview-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.preview-dot.blue{background:#3b82f6}.preview-dot.green{background:#22c55e}.preview-dot.orange{background:#f59e0b}.preview-dot.purple{background:#8b5cf6}.text-basic{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:10px}.text-basic .preview-title{margin-bottom:4px}.text-two-col{gap:6px;padding:8px}.text-two-col .col{flex:1;display:flex;flex-direction:column;gap:3px;padding:6px;background:#fff;border-radius:4px;border:1px solid #e2e8f0;height:44px;justify-content:center}.text-three-col{gap:4px;padding:8px}.text-three-col .col{flex:1;display:flex;flex-direction:column;gap:3px;padding:4px;background:#fff;border-radius:4px;border:1px solid #e2e8f0;height:44px;justify-content:center}.comparison{gap:6px;padding:8px}.compare-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px}.compare-vs{font-size:9px;font-weight:600;color:#64748b;background:#fff;padding:2px 6px;border-radius:4px;flex-shrink:0}.numbered-horizontal{gap:4px;padding:8px}.step{display:flex;flex-direction:column;align-items:center;gap:4px}.step-num{width:20px;height:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:9px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-label{font-size:8px;color:#64748b;font-weight:500}.step-arrow{color:#6366f1;font-weight:700;font-size:12px;flex-shrink:0}.timeline-preview{position:relative;width:100%;height:100%;padding:0}.timeline-line{position:absolute;top:50%;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);transform:translateY(-50%)}.timeline-item{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.timeline-item:nth-child(2){left:20%}.timeline-item:nth-child(3){left:50%}.timeline-item:nth-child(4){left:80%}.timeline-dot{width:10px;height:10px;background:#6366f1;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #6366f1}.timeline-label{font-size:7px;color:#64748b;font-weight:600}.stats-preview{gap:6px;padding:8px}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;background:#fff;border-radius:6px;border:1px solid #e2e8f0;height:44px}.stat-value{font-size:14px;font-weight:700}.stat-value.blue{color:#3b82f6}.stat-value.green{color:#22c55e}.stat-value.orange{color:#f59e0b}.stat-label{font-size:8px;color:#94a3b8;font-weight:500}.icon-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:100%;height:100%;padding:4px}.icon-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;border-radius:4px;background:#f0f9ff}.icon-card.blue{background:linear-gradient(135deg,#dbeafe,#e0f2fe)}.icon-card.green{background:linear-gradient(135deg,#dcfce7,#d1fae5)}.icon-card.orange{background:linear-gradient(135deg,#fef3c7,#ffedd5)}.icon-card.purple{background:linear-gradient(135deg,#f3e8ff,#ede9fe)}.icon-card .card-icon{font-size:12px;line-height:1}.icon-card .card-title{font-size:7px;color:#334155;font-weight:600}.icon-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:100%;height:100%;padding:4px}.grid-item{display:flex;align-items:center;gap:4px;padding:4px;background:#fff;border-radius:4px;border:1px solid #e2e8f0}.item-icon{width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:8px;flex-shrink:0}.item-icon.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.item-icon.green{background:linear-gradient(135deg,#22c55e,#4ade80)}.item-icon.orange{background:linear-gradient(135deg,#f97316,#fb923c)}.item-icon.purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.item-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.icon-row{gap:6px;padding:8px}.icon-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.icon-circle{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff}.icon-circle.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.icon-circle.green{background:linear-gradient(135deg,#22c55e,#4ade80)}.icon-circle.orange{background:linear-gradient(135deg,#f97316,#fb923c)}.image-text{gap:6px;padding:6px}.image-placeholder{width:40%;height:100%;background:#e2e8f0;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-placeholder svg{width:70%;height:70%}.text-side{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center}.image-cards{display:flex;gap:4px;padding:6px;width:100%;height:100%}.img-card{flex:1;display:flex;flex-direction:column;gap:3px;background:#fff;border-radius:4px;border:1px solid #e2e8f0;padding:4px;height:100%}.img-box{flex:1;background:#e2e8f0;border-radius:3px;min-height:20px}.mindmap-preview{position:relative;width:100%;height:100%;padding:4px}.mindmap-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;font-size:10px}.mindmap-branch{position:absolute;display:flex;align-items:center}.mindmap-branch:before{content:"";width:12px;height:2px;background:#c7d2fe}.mindmap-node{width:10px;height:10px;border-radius:3px;border:1px solid}.mindmap-node.pink{background:#fce7f3;border-color:#f9a8d4}.mindmap-node.orange{background:#ffedd5;border-color:#fdba74}.mindmap-node.green{background:#dcfce7;border-color:#86efac}.mindmap-node.blue{background:#dbeafe;border-color:#93c5fd}.mindmap-branch.top{top:8px;left:50%;transform:translate(-50%);flex-direction:column}.mindmap-branch.bottom{bottom:8px;left:50%;transform:translate(-50%);flex-direction:column-reverse}.mindmap-branch.left{left:8px;top:50%;transform:translateY(-50%)}.mindmap-branch.right{right:8px;top:50%;transform:translateY(-50%);flex-direction:row-reverse}.mindmap-branch.top:before,.mindmap-branch.bottom:before{width:2px;height:10px}.orgchart-preview{flex-direction:column;gap:4px;padding:6px}.org-root{width:28px;height:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px}.org-connector{width:2px;height:6px;background:#c7d2fe}.org-children{display:flex;gap:4px}.org-child{width:20px;height:12px;border-radius:3px;border:1px solid}.org-child.pink{background:#fce7f3;border-color:#f9a8d4}.org-child.blue{background:#dbeafe;border-color:#93c5fd}.org-child.green{background:#dcfce7;border-color:#86efac}.process-preview{gap:4px;padding:8px}.process-step{display:flex;flex-direction:column;align-items:center;gap:2px}.process-box{width:20px;height:16px;border-radius:4px;border:1px solid}.process-box.purple{background:#f3e8ff;border-color:#c4b5fd}.process-box.blue{background:#dbeafe;border-color:#93c5fd}.process-box.green{background:#dcfce7;border-color:#86efac}.process-arrow{color:#94a3b8;font-size:10px}.cycle-preview{position:relative;width:44px;height:44px}.cycle-ring{position:absolute;inset:0;border:2px dashed #c7d2fe;border-radius:50%}.cycle-node{position:absolute;width:10px;height:10px;border-radius:50%}.cycle-node:nth-child(2){top:0;left:50%;transform:translate(-50%);background:#6366f1}.cycle-node:nth-child(3){top:50%;right:0;transform:translateY(-50%);background:#8b5cf6}.cycle-node:nth-child(4){bottom:0;left:50%;transform:translate(-50%);background:#a855f7}.cycle-node:nth-child(5){top:50%;left:0;transform:translateY(-50%);background:#c084fc}.color-section{display:flex;flex-direction:column;gap:8px}.color-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.color-options{display:flex;gap:8px}.color-swatch{width:32px;height:32px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .15s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:#1e293b;box-shadow:0 0 0 2px #fff,0 0 0 4px #1e293b}.layout-selector-pro.generating{opacity:.6;pointer-events:none}.variant-option.generating{position:relative}.variant-option.generating:after{content:"";position:absolute;inset:0;background:#fffc;border-radius:12px;display:flex;align-items:center;justify-content:center}.generating-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.generating-text{font-size:12px;color:#6366f1;font-weight:500}.stats-preview-cards{display:flex;gap:6px;width:100%;height:100%;padding:4px;align-items:center;justify-content:center}.stats-preview-cards .stat-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px;background:#fff;border-radius:6px;border:1px solid #e2e8f0;height:44px}.stats-preview-cards .stat-value{font-size:14px;font-weight:700;line-height:1}.stats-preview-cards .stat-value.blue{color:#3b82f6}.stats-preview-cards .stat-value.green{color:#22c55e}.stats-preview-cards .stat-value.orange{color:#f59e0b}.stats-preview-cards .stat-label{font-size:8px;color:#94a3b8;font-weight:500}@media(max-width:320px){.category-tabs{grid-template-columns:repeat(2,1fr)}.variants-grid{grid-template-columns:1fr}}.ppt-editor-page{height:100vh;display:flex;flex-direction:column;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.ppt-editor-page.dark-theme{background:#0f172a}.editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:20px}.editor-loading h2{font-size:24px;color:#1e293b;font-weight:600}.editor-loading p{color:#64748b}.dark-theme .editor-loading h2{color:#f1f5f9}.dark-theme .editor-loading p{color:#94a3b8}.loading-spinner{width:48px;height:48px;border:3px solid rgba(190,239,5,.2);border-top-color:#beef05;border-radius:50%;animation:spin .8s linear infinite}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;min-height:64px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;z-index:100;flex-shrink:0;position:sticky;top:0}.dark-theme .editor-toolbar{background:#1e293b;border-color:#334155}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:12px}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.toolbar-btn svg{width:18px;height:18px}.toolbar-btn:hover{background:#f1f5f9;color:#1e293b}.toolbar-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.toolbar-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.dark-theme .toolbar-btn{color:#94a3b8}.dark-theme .toolbar-btn:hover{background:#334155;color:#f1f5f9}.back-btn{padding:8px;border-radius:50%}.toolbar-divider{width:1px;height:28px;background:#e2e8f0;margin:0 4px}.dark-theme .toolbar-divider{background:#475569}.document-title{display:flex;align-items:center;gap:8px}.title-input{font-size:16px;font-weight:600;color:#1e293b;border:none;background:transparent;outline:none;padding:4px 8px;border-radius:6px;min-width:200px;max-width:400px}.title-input:focus{background:#f1f5f9}.dark-theme .title-input{color:#f1f5f9}.dark-theme .title-input:focus{background:#334155}.unsaved-indicator{font-size:24px;color:#f59e0b;line-height:1}.view-toggle{display:flex;background:#f1f5f9;border-radius:8px;padding:4px}.dark-theme .view-toggle{background:#334155}.view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s}.view-btn svg{width:18px;height:18px}.view-btn.active{background:#fff;color:#6366f1;box-shadow:0 1px 3px #0000001a}.dark-theme .view-btn.active{background:#475569;color:#818cf8}.zoom-controls{display:flex;align-items:center;gap:8px}.zoom-value{font-size:13px;font-weight:500;color:#64748b;min-width:40px;text-align:center}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.editor-content{display:flex;flex:1;overflow:hidden;height:calc(100vh - 64px)}.slides-panel{width:240px;min-width:240px;max-width:240px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;height:100%}.dark-theme .slides-panel{background:#1e293b;border-color:#334155}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;font-size:11px;font-weight:700;color:#64748b;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.dark-theme .panel-header{border-color:#334155}.add-slide-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:#6366f1;color:#fff;cursor:pointer;transition:all .2s}.add-slide-btn svg{width:16px;height:16px}.add-slide-btn:hover{background:#4f46e5;transform:scale(1.05)}.slides-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;gap:12px;min-height:0}.slide-thumbnail{position:relative;display:flex;align-items:flex-start;gap:8px;padding:4px;border-radius:8px;cursor:pointer;transition:all .2s}.slide-thumbnail:hover{background:#f1f5f9}.slide-thumbnail.active{background:#e0e7ff}.dark-theme .slide-thumbnail:hover{background:#334155}.dark-theme .slide-thumbnail.active{background:#3730a3}.slide-number{font-size:11px;font-weight:600;color:#94a3b8;min-width:20px;padding-top:4px}.thumbnail-preview{flex:1;aspect-ratio:16/9;border-radius:6px;overflow:hidden;border:2px solid #e2e8f0;transition:border-color .2s;position:relative;min-height:100px;background:#f8fafc}.thumb-slide-canvas{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;background:transparent}.thumb-slide-canvas .template{width:1920px;height:1080px;position:absolute;top:0;left:0;transform:scale(.12);transform-origin:top left}.thumb-slide-canvas .template[data-page=ending] .template-content{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;height:100%!important}.thumb-slide-canvas .template[data-page=ending] .ending-content,.thumb-slide-canvas .template[data-page=ending] .ending-editable-fields{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:relative!important}.thumb-slide-canvas .template[data-page=ending] .content-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;width:100%!important;flex:1!important}.thumb-slide-canvas .template[data-page=toc] .template-content{padding-top:16px!important;overflow:hidden!important}.thumb-slide-container .icon-card-simple,.thumb-slide-container .icon-card-colorful,.thumb-slide-container .feature-card,.thumb-slide-container .stat-card,.thumb-slide-container .card-item{box-sizing:border-box!important;word-wrap:break-word!important;overflow:hidden!important}.thumb-slide-container .template-bg{width:1920px;height:1080px;position:absolute;top:0;left:0}.thumb-slide-container .image-bg-cover{width:1920px;height:1080px;background-size:cover!important;background-position:center!important}.thumb-slide-container .content-image-border{width:1920px;height:1080px;background-size:cover!important;background-position:center top!important}.thumb-slide-container .template-content{position:relative;z-index:1;width:1920px;height:1080px}.thumb-render-container,.thumb-render-container .template{width:1920px!important;height:1080px!important}.thumb-render-container .template-content{width:100%!important;height:100%!important}.thumb-render-container .slide-main-title,.thumb-render-container .slide-subtitle,.thumb-render-container .toc-item,.thumb-render-container .toc-item-title,.thumb-render-container .editable-text{font-size:inherit!important}.thumb-render-container .image-bg-cover,.thumb-render-container .content-image-border{width:100%!important;height:100%!important;background-size:cover!important;background-position:center!important}.slide-thumbnail.active .thumbnail-preview{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.thumb-mini-slide{padding:10px;height:100%;display:flex;flex-direction:column;gap:6px}.thumb-title{font-size:9px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.thumb-bullets{display:flex;flex-direction:column;gap:3px;flex:1}.thumb-bullet{font-size:7px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.8}.thumb-type-badge{position:absolute;bottom:4px;right:4px;font-size:6px;font-weight:600;color:#fff;padding:2px 6px;border-radius:3px;text-transform:uppercase}.thumb-toc-indicator{flex:1;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.thumb-cover-indicator{flex:1;margin:10px;border-left:3px solid}.thumb-ending-indicator{flex:1;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600}.slide-actions-hover{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity .2s}.slide-thumbnail:hover .slide-actions-hover{opacity:1}.slide-actions-hover button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:#ffffffe6;color:#64748b;cursor:pointer;transition:all .2s}.slide-actions-hover button svg{width:12px;height:12px}.slide-actions-hover button:hover{background:#fff;color:#1e293b}.slide-actions-hover button.delete-btn:hover{color:#ef4444}.editor-main{flex:1;overflow-y:auto;overflow-x:hidden;padding:40px;height:100%;position:relative}.editor-main.scroll-view{scroll-behavior:smooth}.editor-main.single-view .slides-scroll-container{display:flex;align-items:center;justify-content:center;min-height:100%}.editor-main.single-view .slide-wrapper:not(.selected){display:none}.slides-scroll-container{display:flex;flex-direction:column;align-items:center;gap:60px;transform-origin:top center;padding-top:150px;padding-bottom:100px;min-height:-moz-min-content;min-height:min-content}.slide-wrapper{position:relative;width:100%;max-width:1100px;transition:transform .2s}.slide-wrapper:hover{transform:translateY(-2px)}.slide-wrapper.selected{transform:translateY(-4px)}.slide-badge{position:absolute;top:-36px;left:0;display:flex;align-items:center;gap:8px;z-index:20}.slide-badge span:first-child{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:13px;font-weight:600;border-radius:6px;box-shadow:0 2px 4px #6366f14d}.slide-badge .badge-type{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:500;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.slide-canvas{position:relative;width:100%;min-height:500px;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 10px 40px -10px #0003;background:#fff}.slide-canvas>.template{position:relative;width:100%;min-height:500px}.slide-wrapper:hover .slide-canvas{box-shadow:0 8px 12px -2px #00000026,0 20px 60px -15px #00000040}.slide-wrapper.selected .slide-canvas{outline:3px solid #6366f1;outline-offset:4px}.slide-element{position:absolute;cursor:pointer;border:2px solid transparent;border-radius:4px;transition:border-color .2s,box-shadow .2s;overflow:hidden;display:flex;align-items:flex-start}.slide-element:hover{border-color:#6366f14d}.slide-element.selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.slide-element.editing{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33}.element-content{width:100%;white-space:pre-wrap;word-wrap:break-word}.element-editor{width:100%;height:100%;border:none;background:#fffffff2;resize:none;outline:none;padding:8px;font:inherit;color:inherit;line-height:inherit}.bullet-list,.numbered-list{list-style-position:inside;padding:0;margin:0;width:100%}.bullet-list li,.numbered-list li{margin-bottom:8px;line-height:1.5}.bullet-list{list-style-type:disc}.numbered-list{list-style-type:decimal}.slide-actions-bar{display:flex;justify-content:center;gap:12px;margin-top:16px;opacity:0;transition:opacity .2s}.slide-wrapper:hover .slide-actions-bar,.slide-wrapper.selected .slide-actions-bar{opacity:1}.slide-actions-bar button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:6px;background:#fff;color:#475569;font-size:12px;font-weight:500;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:all .2s}.slide-actions-bar button svg{width:14px;height:14px}.slide-actions-bar button:hover{background:#f1f5f9;transform:translateY(-1px)}.slide-actions-bar button.delete-action:hover{background:#fef2f2;color:#ef4444}.dark-theme .slide-actions-bar button{background:#334155;color:#94a3b8}.dark-theme .slide-actions-bar button:hover{background:#475569;color:#f1f5f9}.add-slide-end{width:100%;max-width:1100px;cursor:pointer}.add-slide-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 40px;border:2px dashed #cbd5e1;border-radius:12px;color:#94a3b8;transition:all .2s}.add-slide-placeholder svg{width:32px;height:32px}.add-slide-placeholder span{font-size:14px;font-weight:500}.add-slide-end:hover .add-slide-placeholder{border-color:#6366f1;color:#6366f1;background:#6366f10d}.dark-theme .add-slide-placeholder{border-color:#475569;color:#64748b}.dark-theme .add-slide-end:hover .add-slide-placeholder{border-color:#818cf8;color:#818cf8;background:#818cf81a}@media(max-width:1200px){.slides-panel{width:200px;min-width:200px;max-width:200px}.editor-main{padding:24px}}@media(max-width:900px){.slides-panel,.toolbar-center{display:none}.editor-main{padding:16px}.slides-scroll-container{gap:40px}.editor-content{height:calc(100vh - 64px)}}.slides-list::-webkit-scrollbar,.editor-main::-webkit-scrollbar{width:8px}.slides-list::-webkit-scrollbar-track,.editor-main::-webkit-scrollbar-track{background:transparent}.slides-list::-webkit-scrollbar-thumb,.editor-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.slides-list::-webkit-scrollbar-thumb:hover,.editor-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark-theme .slides-list::-webkit-scrollbar-thumb,.dark-theme .editor-main::-webkit-scrollbar-thumb{background:#475569}.dark-theme .slides-list::-webkit-scrollbar-thumb:hover,.dark-theme .editor-main::-webkit-scrollbar-thumb:hover{background:#64748b}.mindmap-container{position:absolute;inset:15% 5% 10%;display:flex;align-items:center;justify-content:center}.mindmap-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px 32px;background:linear-gradient(135deg,var(--primary-color, #C41E3A) 0%,var(--secondary-color, #E63946) 100%);border-radius:16px;color:#fff;font-size:18px;font-weight:700;text-align:center;box-shadow:0 8px 24px #00000026;z-index:10}.mindmap-branch{position:absolute;display:flex;flex-direction:column;gap:8px}.mindmap-node{padding:12px 20px;background:#fff;border:2px solid var(--node-color, #f0f0f0);border-radius:12px;font-size:14px;font-weight:600;color:var(--text-color, #333);box-shadow:0 2px 8px #00000014;position:relative}.mindmap-node:before{content:"";position:absolute;width:40px;height:2px;background:var(--connector-color, #ddd);top:50%}.mindmap-branch.left .mindmap-node:before{right:100%}.mindmap-branch.right .mindmap-node:before{left:100%}.mindmap-node-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--icon-bg, #fff3f3);border-radius:8px;margin-right:10px;color:var(--icon-color, #C41E3A)}.mindmap-subnodes{margin-left:24px;padding-left:16px;border-left:2px dashed var(--connector-color, #e0e0e0)}.mindmap-subnode{padding:8px 0;font-size:13px;color:var(--text-muted, #666);line-height:1.5}.process-container{position:absolute;top:20%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.process-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.process-step:not(:last-child):after{content:"";position:absolute;top:28px;left:calc(50% + 35px);width:calc(100% - 70px);height:3px;background:linear-gradient(90deg,var(--primary-color, #6366f1) 0%,transparent 100%)}.process-number{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #6366f1) 0%,var(--secondary-color, #8b5cf6) 100%);color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 12px #6366f14d}.process-title{font-size:16px;font-weight:700;color:var(--heading-color, #1e293b);margin-bottom:8px}.process-description{font-size:13px;color:var(--text-muted, #64748b);line-height:1.5;max-width:180px}.stats-grid-container{position:absolute;top:25%;left:8%;right:8%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.stat-card-item{background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 12px #00000014;border:1px solid rgba(0,0,0,.05)}.stat-value{font-size:42px;font-weight:800;color:var(--stat-color, #6366f1);line-height:1;margin-bottom:8px}.stat-label{font-size:14px;font-weight:600;color:var(--heading-color, #1e293b);margin-bottom:4px}.stat-description{font-size:12px;color:var(--text-muted, #64748b)}.cards-container{position:absolute;top:22%;left:5%;right:5%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card-item{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}.card-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card-icon{width:48px;height:48px;border-radius:12px;background:var(--icon-bg, #f0f7ff);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px}.card-title{font-size:16px;font-weight:700;color:var(--heading-color, #1e293b);margin-bottom:8px}.card-description{font-size:13px;color:var(--text-muted, #64748b);line-height:1.5}.timeline-container{position:absolute;inset:20% 10% 15%}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-color, #6366f1) 0%,var(--secondary-color, #8b5cf6) 100%);transform:translate(-50%)}.timeline-item{position:relative;width:45%;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:24px}.timeline-item:nth-child(odd){margin-left:0}.timeline-item:nth-child(2n){margin-left:55%}.timeline-item:before{content:"";position:absolute;width:16px;height:16px;background:var(--primary-color, #6366f1);border:3px solid white;border-radius:50%;top:24px;box-shadow:0 2px 8px #6366f14d}.timeline-item:nth-child(odd):before{right:-8%}.timeline-item:nth-child(2n):before{left:-8%}.timeline-date{font-size:12px;font-weight:600;color:var(--primary-color, #6366f1);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.timeline-title{font-size:16px;font-weight:700;color:var(--heading-color, #1e293b);margin-bottom:8px}.timeline-description{font-size:13px;color:var(--text-muted, #64748b);line-height:1.5}.org-chart-container{position:absolute;inset:15% 5% 10%;display:flex;flex-direction:column;align-items:center}.org-root{padding:16px 32px;background:linear-gradient(135deg,var(--primary-color, #6366f1) 0%,var(--secondary-color, #8b5cf6) 100%);border-radius:12px;color:#fff;font-size:16px;font-weight:700;text-align:center;box-shadow:0 4px 16px #6366f14d;margin-bottom:40px;position:relative}.org-root:after{content:"";position:absolute;bottom:-40px;left:50%;width:2px;height:40px;background:var(--connector-color, #cbd5e1)}.org-level{display:flex;justify-content:center;gap:24px;position:relative}.org-level:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--connector-color, #cbd5e1)}.org-node{display:flex;flex-direction:column;align-items:center;position:relative}.org-node:before{content:"";position:absolute;top:-20px;left:50%;width:2px;height:20px;background:var(--connector-color, #cbd5e1)}.org-card{padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;text-align:center;border:2px solid var(--border-color, #e2e8f0);min-width:140px}.org-card-title{font-size:14px;font-weight:700;color:var(--heading-color, #1e293b);margin-bottom:4px}.org-card-subtitle{font-size:12px;color:var(--text-muted, #64748b)}.comparison-container{position:absolute;top:20%;left:5%;right:5%;display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison-column{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014}.comparison-header{font-size:18px;font-weight:700;color:var(--heading-color, #1e293b);padding-bottom:16px;border-bottom:2px solid var(--border-color, #e2e8f0);margin-bottom:16px}.comparison-items{display:flex;flex-direction:column;gap:12px}.comparison-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--item-bg, #f8fafc);border-radius:8px}.comparison-icon{width:24px;height:24px;border-radius:50%;background:var(--icon-bg, #10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.comparison-text{font-size:14px;color:var(--text-color, #334155);line-height:1.5}.default-content-layout{padding:16px;height:100%;display:flex;flex-direction:column;gap:16px}.placeholder-content{display:flex;flex-direction:column;gap:12px;padding:16px;background:#6366f10d;border-radius:12px;border:1px dashed rgba(99,102,241,.3)}.slide-subtitle{font-size:16px;font-weight:500;margin-bottom:8px}.slide-paragraph{font-size:16px;line-height:1.7;margin-bottom:16px}.slide-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.slide-bullets li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;padding:8px 0}.slide-bullets .bullet-marker{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.inline-stats{display:flex;flex-wrap:wrap;gap:20px;padding:20px 0}.stat-item{display:flex;flex-direction:column;align-items:center;padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;min-width:120px}.stat-item .stat-value{font-size:28px;font-weight:700;margin-bottom:4px}.stat-item .stat-label{font-size:13px;text-align:center}.slide-quote{padding:20px 24px;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-left:4px solid;border-radius:0 12px 12px 0;font-size:18px;font-style:italic;line-height:1.6}.section-header-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;height:100%;gap:16px}.section-subtitle{font-size:14px;text-transform:uppercase;letter-spacing:2px}.section-overview{font-size:16px;line-height:1.7;max-width:600px}.toc-list{display:flex;flex-direction:column;gap:16px;padding:24px}.toc-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff9;border-radius:12px;transition:all .2s ease}.toc-item:hover{background:#ffffffe6;transform:translate(4px)}.toc-item-number{font-size:24px;font-weight:700;color:#6366f1;min-width:40px}.toc-item-title{font-size:16px;font-weight:500;color:#1e293b}.edit-panel{width:300px;min-width:300px;background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;height:calc(100vh - 64px);overflow:hidden}.dark-theme .edit-panel{background:#1e293b;border-color:#334155}.edit-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.dark-theme .edit-panel-header{border-color:#334155}.edit-panel-header h3{font-size:15px;font-weight:600;color:#1e293b;margin:0}.dark-theme .edit-panel-header h3{color:#f1f5f9}.close-panel-btn{width:28px;height:28px;border:none;background:transparent;color:#64748b;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-panel-btn:hover{background:#f1f5f9;color:#1e293b}.close-panel-btn svg{width:16px;height:16px}.edit-panel-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.edit-field{display:flex;flex-direction:column;gap:8px}.edit-field label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.dark-theme .edit-field label{color:#94a3b8}.edit-field input,.edit-field textarea,.edit-field select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b!important;background:#fff;transition:all .2s}.dark-theme .edit-field input,.dark-theme .edit-field textarea,.dark-theme .edit-field select{background:#0f172a;border-color:#334155;color:#f1f5f9}.edit-field input:focus,.edit-field textarea:focus,.edit-field select:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a;color:#1e293b!important}.edit-field input::-moz-placeholder,.edit-field textarea::-moz-placeholder{color:#94a3b8}.edit-field input::placeholder,.edit-field textarea::placeholder{color:#94a3b8}.edit-field textarea{resize:vertical;min-height:80px}.bullet-edit-row{display:flex;gap:8px;align-items:center}.bullet-edit-row input{flex:1}.remove-bullet-btn{width:28px;height:28px;border:none;background:#fee2e2;color:#dc2626;border-radius:6px;cursor:pointer;font-size:18px;line-height:1;flex-shrink:0}.remove-bullet-btn:hover{background:#fecaca}.add-bullet-btn{padding:8px 12px;border:1px dashed #cbd5e1;background:transparent;color:#64748b;border-radius:6px;cursor:pointer;font-size:13px;width:100%;transition:all .2s}.add-bullet-btn:hover{border-color:#6366f1;color:#6366f1;background:#6366f10d}.layout-selector-field{margin-top:8px}.layout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px}.layout-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;background:#fff}.dark-theme .layout-option{background:#0f172a;border-color:#334155}.layout-option:hover:not(.active){border-color:#cbd5e1;background:#f8fafc}.dark-theme .layout-option:hover:not(.active){background:#1e293b;border-color:#475569}.layout-option.active{border-color:#6366f1!important;background:#eef2ff!important;box-shadow:0 0 0 3px #6366f140!important}.layout-option.active .layout-preview{transform:scale(1.02)}.dark-theme .layout-option.active{background:#6366f140!important;border-color:#818cf8!important}.layout-preview{width:100%;height:50px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:6px;padding:6px}.dark-theme .layout-preview{background:#1e293b}.layout-preview svg{width:100%;height:100%;max-width:60px}.layout-name{font-size:11px;color:#64748b;font-weight:500}.dark-theme .layout-name{color:#94a3b8}.layout-option.active .layout-name{color:#6366f1;font-weight:600}.layout-generating{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px;background:#f0fdf4;border-radius:8px;color:#15803d;font-size:13px}.dark-theme .layout-generating{background:#22c55e1a;color:#4ade80}.new-slide-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.new-slide-modal{background:#fff;border-radius:16px;width:90%;max-width:560px;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px #00000040;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dark-theme .new-slide-modal{background:#1e293b}.new-slide-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.dark-theme .new-slide-modal .modal-header{border-color:#334155}.new-slide-modal .modal-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.close-modal-btn{width:32px;height:32px;border:none;background:#f1f5f9;color:#64748b;border-radius:8px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-modal-btn:hover{background:#e2e8f0;color:#1e293b}.dark-theme .close-modal-btn{background:#334155;color:#94a3b8}.dark-theme .close-modal-btn:hover{background:#475569;color:#f1f5f9}.layout-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px;max-height:60vh;overflow-y:auto}.layout-picker-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff}.dark-theme .layout-picker-item{background:#0f172a;border-color:#334155}.layout-picker-item:hover{border-color:#6366f1;background:#eef2ff;transform:translateY(-2px);box-shadow:0 8px 20px #6366f126}.dark-theme .layout-picker-item:hover{background:#6366f126}.layout-picker-preview{width:100%;height:60px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px;padding:8px}.dark-theme .layout-picker-preview{background:#1e293b}.layout-picker-preview svg{width:100%;height:100%;max-width:80px}.layout-picker-item span{font-size:12px;color:#64748b;font-weight:500;text-align:center}.dark-theme .layout-picker-item span{color:#94a3b8}.layout-picker-item:hover span{color:#6366f1}@media(max-width:640px){.layout-picker-grid{grid-template-columns:repeat(2,1fr)}}.editable-text{cursor:text!important;padding:4px 8px!important;border-radius:4px!important;transition:all .2s!important;display:inline-block!important;min-width:50px!important;position:relative!important;pointer-events:auto!important;z-index:10!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.editable-text:hover{background:#6366f11a!important;outline:2px dashed rgba(99,102,241,.5)!important}.editable-text:hover:after{content:"✎";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:12px;color:#6366f1;opacity:.7}.inline-editor{font:inherit!important;color:#1e293b!important;background:#fff!important;border:2px solid #6366f1!important;border-radius:6px!important;padding:6px 10px!important;outline:none!important;width:100%!important;min-width:100px!important;box-shadow:0 4px 12px #6366f133!important;resize:none!important;position:relative!important;z-index:100!important;pointer-events:auto!important;cursor:text!important;display:inline-block!important;box-sizing:border-box!important}.inline-editor:focus{border-color:#4f46e5!important;box-shadow:0 0 0 4px #6366f126!important;outline:none!important}.dark-theme .inline-editor{background:#1e293b!important;border-color:#818cf8!important;color:#f1f5f9!important}.dark-theme .inline-editor:focus{border-color:#6366f1!important;box-shadow:0 0 0 4px #6366f126!important}.slide-canvas .inline-editor,.template .inline-editor,.editable-layout-wrapper .inline-editor,.editable-process-layout .inline-editor,.editable-stats-grid .inline-editor,.editable-cards-grid .inline-editor{font:inherit!important;color:#1e293b!important;background:#fff!important;border:2px solid #6366f1!important;border-radius:6px!important;padding:6px 10px!important;outline:none!important;width:100%!important;min-width:100px!important;box-shadow:0 4px 12px #6366f133!important;resize:none!important;position:relative!important;z-index:100!important;pointer-events:auto!important;cursor:text!important;display:inline-block!important;box-sizing:border-box!important}.dark-theme .slide-canvas .inline-editor,.dark-theme .template .inline-editor,.dark-theme .editable-layout-wrapper .inline-editor,.dark-theme .editable-process-layout .inline-editor,.dark-theme .editable-stats-grid .inline-editor,.dark-theme .editable-cards-grid .inline-editor{background:#1e293b!important;border-color:#818cf8!important;color:#f1f5f9!important}.slide-canvas .template .template-content,.slide-canvas .template[data-page=cover] .template-content{padding-top:60px!important}.editable-title-layer{position:relative;z-index:10;margin-bottom:16px;padding-top:24px}.template[data-page=cover] .editable-title-layer{padding-top:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px}.template[data-page=ending] .editable-title-layer{padding-top:40px;display:flex;flex-direction:column;align-items:center;text-align:center}.template[data-page=content] .editable-title-layer,.template[data-page=toc] .editable-title-layer{padding-top:16px}.slide-main-title{display:block;font-size:28px;font-weight:700}.template[data-page=cover] .slide-main-title{font-size:44px;text-align:center;color:inherit;margin-bottom:8px;line-height:1.3}.slide-main-title.inline-editor{font-size:28px;font-weight:700}.slide-subtitle{display:block;font-size:16px;color:inherit;opacity:.8}.template[data-page=cover] .slide-subtitle{font-size:20px;text-align:center;letter-spacing:2px}.template[data-page=ending] .slide-main-title{font-size:48px;text-align:center;letter-spacing:4px}.template[data-page=ending] .slide-subtitle{font-size:18px;text-align:center}.slide-subtitle.inline-editor{font-size:16px}.editable-toc .toc-item-title{flex:1}.editable-content-wrapper{display:flex;flex-direction:column;gap:12px}.editable-bullet-item{display:flex;align-items:flex-start;gap:10px}.editable-bullet-item .bullet-marker{color:#6366f1;font-size:18px;line-height:1.5;flex-shrink:0}.editable-bullet-item .bullet-text{flex:1;font-size:15px;line-height:1.6}.slide-canvas.editing{outline:3px solid #6366f1}.editable-layout-wrapper{position:relative;width:100%}.org-chart-wrapper,.mindmap-wrapper{overflow:hidden;max-height:100%}.layout-edit-hint{position:absolute;bottom:8px;right:8px;font-size:11px;color:#94a3b8;background:transparent;padding:4px 10px;border-radius:4px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:100}.dark-theme .layout-edit-hint{color:#64748b}.editable-layout-wrapper:has(.org-child-enhanced:hover) .layout-edit-hint,.editable-layout-wrapper:has(.org-root-enhanced:hover) .layout-edit-hint,.editable-layout-wrapper:has(.org-grandchild-enhanced:hover) .layout-edit-hint,.editable-layout-wrapper:has(.editable-text:hover) .layout-edit-hint,.editable-layout-wrapper:has(.step-title:hover) .layout-edit-hint,.editable-layout-wrapper:has(.step-desc:hover) .layout-edit-hint,.editable-layout-wrapper:has(.timeline-item:hover) .layout-edit-hint,.editable-layout-wrapper:has(.card-item:hover) .layout-edit-hint,.editable-layout-wrapper:has(.stat-card:hover) .layout-edit-hint{opacity:1}.editable-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;width:100%}.editable-stat-card{background:#fff;padding:20px;border-radius:10px;text-align:center;border:1px solid;box-shadow:0 2px 8px #0000000f}.editable-stat-card .stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.editable-stat-card .stat-icon .icon-render svg{width:24px;height:24px}.editable-stat-card .stat-value{display:block;font-size:28px;font-weight:700;margin-bottom:6px}.editable-stat-card .stat-label{display:block;font-size:13px}.editable-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;width:100%}.editable-card{padding:20px;border-radius:12px;border:1px solid;text-align:center}.editable-card .card-icon-area{width:48px;height:48px;margin:0 auto 12px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:inherit;font-size:20px;background:transparent!important}.editable-card .card-title{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.editable-card .card-desc{display:block;font-size:12px;line-height:1.5}.editable-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}.editable-comparison .comparison-col{border-radius:10px;overflow:hidden;border:2px solid;background:#fff}.editable-comparison .col-header{display:block;padding:12px 16px;font-size:14px;font-weight:600;text-align:center}.editable-comparison .col-items{padding:16px;display:flex;flex-direction:column;gap:10px}.editable-comparison .col-item{display:flex;align-items:center;gap:10px}.editable-comparison .item-bullet{width:6px;height:6px;border-radius:50%;flex-shrink:0}.editable-comparison .col-item-text{font-size:13px;flex:1}.editable-two-column,.editable-three-column{display:grid;gap:24px;width:100%}.editable-two-column{grid-template-columns:1fr 1fr}.editable-three-column{grid-template-columns:1fr 1fr 1fr}.edit-column{background:#f8fafc;padding:20px;border-radius:10px}.edit-column .column-title{display:block;font-size:15px;font-weight:600;margin-bottom:12px}.edit-column .column-bullets{display:flex;flex-direction:column;gap:8px}.edit-column .column-bullet-item{display:flex;align-items:flex-start;gap:8px}.edit-column .bullet-dot{width:6px;height:6px;border-radius:50%;margin-top:6px;flex-shrink:0}.edit-column .bullet-text{font-size:13px}.editable-image-text-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;width:100%;align-items:start}.image-text-image-column{width:100%;height:100%;min-height:300px;border-radius:12px;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}.image-text-image-column .layout-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:transparent;display:block}.image-text-image-column .image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;color:#94a3b8;padding:40px;background:transparent;border:2px dashed #e2e8f0;border-radius:12px}.image-text-image-column .image-placeholder svg{width:64px;height:64px;opacity:.5}.image-text-image-column .image-placeholder span{font-size:14px;color:#64748b}.image-text-image-column .image-container{position:relative;width:100%;height:100%;background:transparent}.image-text-image-column .image-container:hover .image-overlay-actions{opacity:1}.image-text-image-column .image-overlay-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;opacity:0;transition:opacity .2s;z-index:10}.image-text-image-column .image-placeholder-actions{display:flex;gap:8px;margin-top:16px}.image-action-btn,.placeholder-action-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;background:#6366f1e6;color:#fff;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.image-action-btn:hover:not(:disabled),.placeholder-action-btn:hover:not(:disabled){background:#6366f1;transform:translateY(-1px)}.image-action-btn:disabled,.placeholder-action-btn:disabled{opacity:.5;cursor:not-allowed}.image-action-btn label,.placeholder-action-btn label{cursor:pointer;margin:0}.dark-theme .image-action-btn,.dark-theme .placeholder-action-btn{background:#6366f1cc}.dark-theme .image-action-btn:hover:not(:disabled),.dark-theme .placeholder-action-btn:hover:not(:disabled){background:#6366f1}.image-text-content-column{display:flex;flex-direction:column;gap:16px}.image-text-content-column .image-text-title{font-size:24px;font-weight:700;color:inherit;margin-bottom:8px}.image-text-content{display:flex;flex-direction:column;gap:12px}.content-bullet-item{display:flex;align-items:flex-start;gap:10px}.content-bullet-item .bullet-dot{width:6px;height:6px;border-radius:50%;margin-top:8px;flex-shrink:0}.content-bullet-item .bullet-text{font-size:14px;line-height:1.6;flex:1}.dark-theme .image-text-image-column{background:transparent}.dark-theme .image-text-image-column .image-placeholder{color:#64748b;border-color:#334155}.edit-column .column-content-text{font-size:13px;line-height:1.6}.editable-section-header{text-align:center;padding:20px}.editable-section-header .section-subtitle{display:block;font-size:14px;margin-bottom:12px}.editable-section-header .section-overview{display:block;font-size:16px;line-height:1.6;max-width:600px;margin:0 auto}.editable-default-content{width:100%}.editable-default-content .slide-subtitle{display:block;font-size:14px;margin-bottom:12px}.editable-default-content .slide-paragraph{display:block;font-size:15px;line-height:1.7;margin-bottom:16px}.editable-bullets{display:flex;flex-direction:column;gap:10px}.editable-bullet-row{display:flex;align-items:flex-start;gap:10px}.editable-bullet-row .bullet-marker{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.editable-bullet-row .bullet-text{font-size:14px;line-height:1.6;flex:1}.editable-inline-stats{display:flex;flex-wrap:wrap;gap:24px;margin-top:16px}.editable-inline-stats .stat-item{display:flex;flex-direction:column;gap:4px}.editable-inline-stats .stat-value{font-size:24px;font-weight:700}.editable-inline-stats .stat-label{font-size:12px}.clickable-icon{cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s}.clickable-icon:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.clickable-icon .icon-edit-badge{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;box-shadow:0 2px 6px #0003;opacity:0;transition:opacity .2s}.clickable-icon:hover .icon-edit-badge{opacity:1}.clickable-icon .icon-render{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.clickable-icon .icon-render svg{width:24px;height:24px;color:#fff}.cover-editable-fields{margin-top:40px;padding-top:20px;display:flex;flex-direction:column;align-items:center}.cover-meta-row{display:flex;gap:24px;justify-content:center;margin-top:20px}.cover-presenter,.cover-department{font-size:14px;color:#64748b}.ending-editable-fields{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:16px}.ending-thanks{font-size:36px;font-weight:700;display:block}.ending-contact{font-size:18px;display:block;margin-top:20px}.ending-email{font-size:14px;color:#64748b;display:block}.editable-process-layout{position:relative;padding:24px 0;width:100%}.editable-process-layout .process-track{position:absolute;top:50%;left:5%;right:5%;height:4px;border-radius:2px;transform:translateY(-50%)}.editable-process-layout .process-steps{display:flex;justify-content:space-around;position:relative}.editable-process-layout .process-step-editable{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:140px}.editable-process-layout .step-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.editable-process-layout .step-icon .icon-render svg{width:24px;height:24px;color:#fff}.editable-process-layout .step-content{display:flex;flex-direction:column;gap:4px}.editable-process-layout .step-title{font-size:13px;font-weight:600}.editable-process-layout .step-desc{font-size:11px;line-height:1.4}.editable-process-layout .step-arrow{position:absolute;top:24px;font-size:20px;font-weight:700}.color-settings{display:flex;flex-direction:column;gap:10px;margin-top:8px}.color-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8fafc;border-radius:8px}.dark-theme .color-row{background:#1e293b}.color-row span{font-size:13px;color:#475569}.dark-theme .color-row span{color:#94a3b8}.color-row input[type=color]{width:36px;height:28px;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;padding:2px;background:#fff}.dark-theme .color-row input[type=color]{border-color:#475569;background:#0f172a}.color-row input[type=color]:hover{border-color:#6366f1}.new-slide-layout-selector{padding:16px;max-height:60vh;overflow-y:auto}.new-slide-modal{max-width:560px!important;width:90vw!important}.new-slide-modal .modal-header{padding:16px 20px;border-bottom:1px solid #e2e8f0}.new-slide-modal .modal-header h3{font-size:18px;font-weight:600;color:#1e293b}.dark-theme .new-slide-modal .modal-header{border-bottom-color:#334155}.dark-theme .new-slide-modal .modal-header h3{color:#f1f5f9}.text-style-settings{display:flex;flex-direction:column;gap:12px}.style-row{display:flex;align-items:center;gap:12px}.style-row span{min-width:100px;font-size:13px;color:#64748b}.style-row select,.style-row input[type=number]{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#f8fafc;color:#1e293b}.style-row .unit{min-width:auto;font-size:12px;color:#94a3b8}.dark-theme .style-row span{color:#94a3b8}.dark-theme .style-row select,.dark-theme .style-row input[type=number]{background:#1e293b;border-color:#334155;color:#f1f5f9}.icon-edit-actions{display:flex;flex-direction:column;gap:8px}.btn-icon-replace,.btn-icon-delete{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-icon-replace{background:#6366f1;color:#fff}.btn-icon-replace:hover{background:#4f46e5}.btn-icon-delete{background:#ef4444;color:#fff}.btn-icon-delete:hover{background:#dc2626}.editable-text.selected{outline:2px solid #6366f1!important;outline-offset:2px!important;border-radius:2px}.clickable-icon.selected{outline:2px solid #6366f1!important;outline-offset:2px!important;border-radius:4px}.icon-container{position:relative}.content-input-modal{max-width:600px!important;width:90vw!important}.content-input-modal .modal-content{padding:24px!important}.content-input-modal .input-description{font-size:14px!important;color:#64748b!important;margin-bottom:16px!important;line-height:1.6!important}.dark-theme .content-input-modal .input-description{color:#94a3b8!important}.content-input-modal .layout-info{display:block!important;margin-top:8px!important;font-size:13px!important;color:#94a3b8!important}.content-input-modal .layout-info strong{color:#6366f1!important;font-weight:600!important}.dark-theme .content-input-modal .layout-info{color:#cbd5e0!important}.content-input-textarea{width:100%!important;padding:12px 16px!important;border:2px solid #e2e8f0!important;border-radius:8px!important;font-size:14px!important;color:#1e293b!important;background:#f8fafc!important;resize:vertical!important;font-family:inherit!important;line-height:1.5!important;transition:all .2s!important;margin-bottom:20px!important;box-sizing:border-box!important}.content-input-textarea:focus{outline:none!important;border-color:#6366f1!important;background:#fff!important;box-shadow:0 0 0 3px #6366f11a!important}.dark-theme .content-input-textarea{background:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important}.dark-theme .content-input-textarea:focus{background:#0f172a!important;border-color:#6366f1!important}.content-input-modal .modal-actions{display:flex!important;gap:12px!important;justify-content:flex-end!important}.content-input-modal .btn-primary,.content-input-modal .btn-secondary{padding:10px 20px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;border:none!important}.content-input-modal .btn-primary{background:#6366f1!important;color:#fff!important}.content-input-modal .btn-primary:hover:not(:disabled){background:#4f46e5!important}.content-input-modal .btn-primary:disabled{opacity:.5!important;cursor:not-allowed!important}.content-input-modal .btn-secondary{background:#f1f5f9!important;color:#64748b!important}.content-input-modal .btn-secondary:hover{background:#e2e8f0!important}.dark-theme .content-input-modal .btn-secondary{background:#334155!important;color:#94a3b8!important}.dark-theme .content-input-modal .btn-secondary:hover{background:#475569!important}.template-background-manager{padding:32px;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh}.tbm-loading{display:flex;align-items:center;justify-content:center;height:400px;font-size:18px;color:#64748b}.tbm-header{text-align:center;margin-bottom:40px}.tbm-header h1{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 8px}.tbm-header p{font-size:16px;color:#64748b;margin:0 0 24px}.tbm-generate-all-btn{padding:14px 28px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #6366f14d}.tbm-generate-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.tbm-generate-all-btn:disabled{opacity:.6;cursor:not-allowed}.tbm-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:24px}.tbm-template-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;overflow:hidden;transition:all .2s}.tbm-template-card:hover{box-shadow:0 8px 32px #0000001a}.tbm-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f1f5f9}.tbm-template-info h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.tbm-industry{font-size:12px;color:#64748b;background:#f1f5f9;padding:4px 8px;border-radius:4px;margin-top:4px;display:inline-block}.tbm-color-preview{display:flex;gap:4px}.tbm-color-preview span{width:24px;height:24px;border-radius:6px;box-shadow:inset 0 0 0 1px #0000001a}.tbm-backgrounds{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px}.tbm-bg-item{display:flex;flex-direction:column;align-items:center;gap:6px}.tbm-bg-preview{width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#f1f5f9}.tbm-bg-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tbm-bg-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8}.tbm-bg-placeholder span{font-size:24px;margin-bottom:4px}.tbm-bg-placeholder small{font-size:10px;text-transform:capitalize}.tbm-bg-label{font-size:11px;color:#64748b;text-transform:capitalize;font-weight:500}.tbm-prompts{padding:0 20px;margin-bottom:16px}.tbm-prompts details{border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px}.tbm-prompts summary{font-size:13px;color:#64748b;cursor:pointer;font-weight:500}.tbm-prompts-list{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.tbm-prompt-item{margin-bottom:12px}.tbm-prompt-item strong{font-size:12px;color:#1e293b;text-transform:capitalize}.tbm-prompt-item p{font-size:11px;color:#64748b;margin:4px 0 0;line-height:1.5}.tbm-card-footer{padding:16px 20px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:12px}.tbm-status{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.tbm-status.generating{background:#fef3c7;color:#92400e}.tbm-status.success{background:#dcfce7;color:#166534}.tbm-status.error{background:#fee2e2;color:#991b1b}.tbm-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tbm-generate-btn{width:100%;padding:12px 20px;font-size:14px;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s}.tbm-generate-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.tbm-generate-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.tbm-templates-grid{grid-template-columns:1fr}.tbm-backgrounds{grid-template-columns:repeat(2,1fr)}}.not-found{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem 0}.not-found-content{text-align:center;max-width:500px}.not-found-illustration{position:relative;margin-bottom:2rem}.not-found-illustration h1{font-size:8rem;font-weight:800;color:var(--primary-color);margin:0;line-height:1;opacity:.1}.not-found-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}.not-found-content h2{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.not-found-content p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.not-found-illustration h1{font-size:6rem}.not-found-icon{font-size:3rem}.not-found-content h2{font-size:1.5rem}.not-found-actions{flex-direction:column;align-items:center}.not-found-actions .btn{min-width:200px}}:root{--bg-secondary: #F6F8FA;--page-bg: var(--bg-secondary)}.App{min-height:100vh;display:flex;flex-direction:column}.site-bg{position:fixed;inset:0;z-index:-1;background:var(--page-bg);background-repeat:no-repeat;background-size:auto;pointer-events:none}main{flex:1}.App.no-layout{background:transparent}.App.no-layout .site-bg{display:none}.App.no-layout main{padding:0;margin:0}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-right-24{right:-6rem}.-right-3{right:-.75rem}.-top-3{top:-.75rem}.-top-\[25px\]{top:-25px}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-10{bottom:2.5rem}.bottom-16{bottom:4rem}.bottom-2{bottom:.5rem}.bottom-20{bottom:5rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-5{bottom:1.25rem}.bottom-7{bottom:1.75rem}.bottom-8{bottom:2rem}.bottom-\[-15px\]{bottom:-15px}.bottom-\[0px\]{bottom:0}.bottom-\[140px\]{bottom:140px}.bottom-\[20px\]{bottom:20px}.bottom-\[362px\]{bottom:362px}.bottom-\[50\%\]{bottom:50%}.bottom-\[5px\]{bottom:5px}.left-0{left:0}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-10{left:2.5rem}.left-12{left:3rem}.left-16{left:4rem}.left-2{left:.5rem}.left-3{left:.75rem}.left-5{left:1.25rem}.left-8{left:2rem}.left-\[15px\]{left:15px}.left-\[370\.0px\]{left:370px}.left-\[373\.4px\]{left:373.4px}.left-\[50\%\]{left:50%}.left-\[52px\]{left:52px}.left-\[60\.0px\]{left:60px}.left-\[62\.9px\]{left:62.9px}.left-\[65\.2px\]{left:65.2px}.left-\[65\.3px\]{left:65.3px}.left-\[65px\]{left:65px}.left-\[72px\]{left:72px}.right-0{right:0}.right-1{right:.25rem}.right-10{right:2.5rem}.right-12{right:3rem}.right-16{right:4rem}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-4{right:1rem}.right-6{right:1.5rem}.right-8{right:2rem}.right-\[20px\]{right:20px}.right-\[320px\]{right:320px}.right-\[38\%\]{right:38%}.right-\[42\%\]{right:42%}.right-\[62\.9px\]{right:62.9px}.right-\[72px\]{right:72px}.right-\[82px\]{right:82px}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-16{top:4rem}.top-20{top:5rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-6{top:1.5rem}.top-8{top:2rem}.top-\[-10px\]{top:-10px}.top-\[175\.5px\]{top:175.5px}.top-\[231\.2px\]{top:231.2px}.top-\[280\.1px\]{top:280.1px}.top-\[305px\]{top:305px}.top-\[320px\]{top:320px}.top-\[34px\]{top:34px}.top-\[412\.8px\]{top:412.8px}.top-\[413\.1px\]{top:413.1px}.top-\[50\%\]{top:50%}.top-\[52px\]{top:52px}.top-\[68\.6px\]{top:68.6px}.top-\[71\.5px\]{top:71.5px}.top-\[97\.9px\]{top:97.9px}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.col-span-7{grid-column:span 7 / span 7}.col-start-1{grid-column-start:1}.col-start-4{grid-column-start:4}.row-span-7{grid-row:span 7 / span 7}.row-start-1{grid-row-start:1}.row-start-4{grid-row-start:4}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-\[72px\]{margin-left:72px;margin-right:72px}.mx-auto{margin-left:auto;margin-right:auto}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-ml-16{margin-left:-4rem}.-ml-\[7px\]{margin-left:-7px}.-mt-1{margin-top:-.25rem}.-mt-\[1px\]{margin-top:-1px}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[100px\]{margin-bottom:100px}.mb-\[10px\]{margin-bottom:10px}.mb-\[12px\]{margin-bottom:12px}.mb-\[15px\]{margin-bottom:15px}.mb-\[16px\]{margin-bottom:16px}.mb-\[17px\]{margin-bottom:17px}.mb-\[185px\]{margin-bottom:185px}.mb-\[18px\]{margin-bottom:18px}.mb-\[20px\]{margin-bottom:20px}.mb-\[24px\]{margin-bottom:24px}.mb-\[25px\]{margin-bottom:25px}.mb-\[28px\]{margin-bottom:28px}.mb-\[2px\]{margin-bottom:2px}.mb-\[30px\]{margin-bottom:30px}.mb-\[35px\]{margin-bottom:35px}.mb-\[36px\]{margin-bottom:36px}.mb-\[40px\]{margin-bottom:40px}.mb-\[45px\]{margin-bottom:45px}.mb-\[46\.5px\]{margin-bottom:46.5px}.mb-\[4px\]{margin-bottom:4px}.mb-\[5\.6px\]{margin-bottom:5.6px}.mb-\[50px\]{margin-bottom:50px}.mb-\[56px\]{margin-bottom:56px}.mb-\[5px\]{margin-bottom:5px}.mb-\[60px\]{margin-bottom:60px}.mb-\[6px\]{margin-bottom:6px}.mb-\[80px\]{margin-bottom:80px}.mb-\[8px\]{margin-bottom:8px}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-6{margin-left:1.5rem}.ml-\[-4px\]{margin-left:-4px}.ml-\[40px\]{margin-left:40px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-\[35px\]{margin-right:35px}.mr-\[40px\]{margin-right:40px}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-56{margin-top:14rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[10px\]{margin-top:10px}.mt-\[12px\]{margin-top:12px}.mt-\[16px\]{margin-top:16px}.mt-\[191px\]{margin-top:191px}.mt-\[24px\]{margin-top:24px}.mt-\[40px\]{margin-top:40px}.mt-\[41px\]{margin-top:41px}.mt-\[5px\]{margin-top:5px}.mt-\[60px\]{margin-top:60px}.mt-\[69px\]{margin-top:69px}.mt-\[6px\]{margin-top:6px}.mt-\[8px\]{margin-top:8px}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[1\.0px\]{height:1px}.h-\[10\.5px\]{height:10.5px}.h-\[100px\]{height:100px}.h-\[105px\]{height:105px}.h-\[11\.7px\]{height:11.7px}.h-\[110px\]{height:110px}.h-\[115px\]{height:115px}.h-\[128px\]{height:128px}.h-\[12px\]{height:12px}.h-\[135px\]{height:135px}.h-\[15\.8px\]{height:15.8px}.h-\[152\.8px\]{height:152.8px}.h-\[152px\]{height:152px}.h-\[153px\]{height:153px}.h-\[160px\]{height:160px}.h-\[17\.6px\]{height:17.6px}.h-\[180px\]{height:180px}.h-\[18px\]{height:18px}.h-\[1px\]{height:1px}.h-\[2\.7px\]{height:2.7px}.h-\[212\.8px\]{height:212.8px}.h-\[214\.6px\]{height:214.6px}.h-\[220px\]{height:220px}.h-\[228\.5px\]{height:228.5px}.h-\[24px\]{height:24px}.h-\[260px\]{height:260px}.h-\[276\.5px\]{height:276.5px}.h-\[2px\]{height:2px}.h-\[3\.3px\]{height:3.3px}.h-\[3\.6px\]{height:3.6px}.h-\[3\.9px\]{height:3.9px}.h-\[300px\]{height:300px}.h-\[339\.8px\]{height:339.8px}.h-\[350px\]{height:350px}.h-\[353\.9px\]{height:353.9px}.h-\[360px\]{height:360px}.h-\[363\.5px\]{height:363.5px}.h-\[37\.7px\]{height:37.7px}.h-\[3px\]{height:3px}.h-\[400px\]{height:400px}.h-\[40px\]{height:40px}.h-\[41px\]{height:41px}.h-\[441px\]{height:441px}.h-\[45\.3px\]{height:45.3px}.h-\[45px\]{height:45px}.h-\[48px\]{height:48px}.h-\[49\.3px\]{height:49.3px}.h-\[49\.6px\]{height:49.6px}.h-\[4px\]{height:4px}.h-\[5\.7px\]{height:5.7px}.h-\[50\.3px\]{height:50.3px}.h-\[50px\]{height:50px}.h-\[520px\]{height:520px}.h-\[525px\]{height:525px}.h-\[53\.1px\]{height:53.1px}.h-\[53\.3px\]{height:53.3px}.h-\[550px\]{height:550px}.h-\[559\.0px\],.h-\[559px\]{height:559px}.h-\[56\.7px\]{height:56.7px}.h-\[567px\]{height:567px}.h-\[58\.1px\]{height:58.1px}.h-\[58px\]{height:58px}.h-\[60px\]{height:60px}.h-\[60vh\]{height:60vh}.h-\[63\.5px\]{height:63.5px}.h-\[64px\]{height:64px}.h-\[65\.6px\]{height:65.6px}.h-\[65px\]{height:65px}.h-\[66px\]{height:66px}.h-\[6px\]{height:6px}.h-\[70px\]{height:70px}.h-\[720px\]{height:720px}.h-\[75px\]{height:75px}.h-\[83\.7px\]{height:83.7px}.h-\[88px\]{height:88px}.h-\[8px\]{height:8px}.h-\[92px\]{height:92px}.h-\[94px\]{height:94px}.h-\[96\.0px\]{height:96px}.h-\[calc\(100\%-64px\)\]{height:calc(100% - 64px)}.h-\[calc\(100\%-72px\)\]{height:calc(100% - 72px)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-96{max-height:24rem}.max-h-\[200px\]{max-height:200px}.max-h-\[300px\]{max-height:300px}.max-h-\[400px\]{max-height:400px}.max-h-\[460px\]{max-height:460px}.max-h-\[657\.4px\]{max-height:657.4px}.max-h-\[657px\]{max-height:657px}.max-h-\[720px\]{max-height:720px}.max-h-\[80vh\]{max-height:80vh}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-\[1\.2em\]{min-height:1.2em}.min-h-\[100px\]{min-height:100px}.min-h-\[115px\]{min-height:115px}.min-h-\[144px\]{min-height:144px}.min-h-\[150px\]{min-height:150px}.min-h-\[212px\]{min-height:212px}.min-h-\[300px\]{min-height:300px}.min-h-\[48px\]{min-height:48px}.min-h-\[500px\]{min-height:500px}.min-h-\[53\.3px\]{min-height:53.3px}.min-h-\[60px\]{min-height:60px}.min-h-\[64px\]{min-height:64px}.min-h-\[70px\]{min-height:70px}.w-0{width:0px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[10\.5px\]{width:10.5px}.w-\[11\.7px\]{width:11.7px}.w-\[110px\]{width:110px}.w-\[1142\.8px\]{width:1142.8px}.w-\[116\.6px\]{width:116.6px}.w-\[116px\]{width:116px}.w-\[127px\]{width:127px}.w-\[128px\]{width:128px}.w-\[12px\]{width:12px}.w-\[140px\]{width:140px}.w-\[15\.8px\]{width:15.8px}.w-\[150px\]{width:150px}.w-\[17\.6px\]{width:17.6px}.w-\[180px\]{width:180px}.w-\[18px\]{width:18px}.w-\[1px\]{width:1px}.w-\[2\.7px\]{width:2.7px}.w-\[214\.6px\]{width:214.6px}.w-\[220px\]{width:220px}.w-\[230px\]{width:230px}.w-\[240px\]{width:240px}.w-\[24px\]{width:24px}.w-\[259\.3px\]{width:259.3px}.w-\[259px\]{width:259px}.w-\[260px\]{width:260px}.w-\[264px\]{width:264px}.w-\[280px\]{width:280px}.w-\[296px\]{width:296px}.w-\[2px\]{width:2px}.w-\[30\%\]{width:30%}.w-\[320px\]{width:320px}.w-\[334\.8px\]{width:334.8px}.w-\[340px\]{width:340px}.w-\[36\%\]{width:36%}.w-\[380px\]{width:380px}.w-\[397\.4px\]{width:397.4px}.w-\[40\%\]{width:40%}.w-\[400px\]{width:400px}.w-\[40px\]{width:40px}.w-\[41px\]{width:41px}.w-\[42\%\]{width:42%}.w-\[423\.5px\]{width:423.5px}.w-\[429\.1px\]{width:429.1px}.w-\[441px\]{width:441px}.w-\[45\%\]{width:45%}.w-\[45px\]{width:45px}.w-\[48\%\]{width:48%}.w-\[48px\]{width:48px}.w-\[50\.8px\]{width:50.8px}.w-\[513px\]{width:513px}.w-\[516\.5px\]{width:516.5px}.w-\[52\%\]{width:52%}.w-\[53\.3px\]{width:53.3px}.w-\[53\.7px\]{width:53.7px}.w-\[531\.3px\]{width:531.3px}.w-\[531\.5px\]{width:531.5px}.w-\[531px\]{width:531px}.w-\[540\.0px\],.w-\[540px\]{width:540px}.w-\[55\%\]{width:55%}.w-\[550px\]{width:550px}.w-\[558\.0px\]{width:558px}.w-\[56\.7px\]{width:56.7px}.w-\[572px\]{width:572px}.w-\[58\.1px\]{width:58.1px}.w-\[58px\]{width:58px}.w-\[590px\]{width:590px}.w-\[60\%\]{width:60%}.w-\[600px\]{width:600px}.w-\[60px\]{width:60px}.w-\[65\.6px\]{width:65.6px}.w-\[66px\]{width:66px}.w-\[761\.6px\]{width:761.6px}.w-\[80\%\]{width:80%}.w-\[84\.1px\]{width:84.1px}.w-\[85\%\]{width:85%}.w-\[88px\]{width:88px}.w-\[8px\]{width:8px}.w-\[900px\]{width:900px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[260px\]{min-width:260px}.min-w-\[280px\]{min-width:280px}.min-w-\[300px\]{min-width:300px}.min-w-\[320px\]{min-width:320px}.min-w-\[400px\]{min-width:400px}.min-w-\[420px\]{min-width:420px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[1020px\]{max-width:1020px}.max-w-\[1050px\]{max-width:1050px}.max-w-\[1080px\]{max-width:1080px}.max-w-\[1100px\]{max-width:1100px}.max-w-\[1120px\]{max-width:1120px}.max-w-\[1180px\]{max-width:1180px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[215px\]{max-width:215px}.max-w-\[240px\]{max-width:240px}.max-w-\[243px\]{max-width:243px}.max-w-\[245px\]{max-width:245px}.max-w-\[250px\]{max-width:250px}.max-w-\[260px\]{max-width:260px}.max-w-\[280px\]{max-width:280px}.max-w-\[300px\]{max-width:300px}.max-w-\[340px\]{max-width:340px}.max-w-\[360px\]{max-width:360px}.max-w-\[400px\]{max-width:400px}.max-w-\[420px\]{max-width:420px}.max-w-\[429\.1px\]{max-width:429.1px}.max-w-\[435px\]{max-width:435px}.max-w-\[450px\]{max-width:450px}.max-w-\[475px\]{max-width:475px}.max-w-\[510px\]{max-width:510px}.max-w-\[520px\]{max-width:520px}.max-w-\[522px\]{max-width:522px}.max-w-\[525px\]{max-width:525px}.max-w-\[531\.5px\]{max-width:531.5px}.max-w-\[550px\]{max-width:550px}.max-w-\[560px\]{max-width:560px}.max-w-\[570px\]{max-width:570px}.max-w-\[600px\]{max-width:600px}.max-w-\[620px\]{max-width:620px}.max-w-\[640px\]{max-width:640px}.max-w-\[675px\]{max-width:675px}.max-w-\[720px\]{max-width:720px}.max-w-\[760px\]{max-width:760px}.max-w-\[800px\]{max-width:800px}.max-w-\[80vw\]{max-width:80vw}.max-w-\[820px\]{max-width:820px}.max-w-\[850px\]{max-width:850px}.max-w-\[900px\]{max-width:900px}.max-w-\[92\%\]{max-width:92%}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-\[0\.35\]{flex:.35}.flex-\[0\.5\]{flex:.5}.flex-\[0\.65\]{flex:.65}.flex-\[1\.2\]{flex:1.2}.flex-\[1\.5\]{flex:1.5}.flex-\[1\.8\]{flex:1.8}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-1\/2{flex-basis:50%}.basis-\[35\%\]{flex-basis:35%}.basis-\[42\%\]{flex-basis:42%}.basis-\[45\%\]{flex-basis:45%}.basis-\[55\%\]{flex-basis:55%}.basis-\[58\%\]{flex-basis:58%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\[5\.8px\]{--tw-translate-y: -5.8px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[5\.8px\]{--tw-translate-y: 5.8px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\[-1\]{--tw-scale-x: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.auto-cols-\[260px\]{grid-auto-columns:260px}.auto-cols-\[280px\]{grid-auto-columns:280px}.auto-cols-max{grid-auto-columns:max-content}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1\.2fr_1fr\]{grid-template-columns:1.2fr 1fr}.grid-cols-\[34\%_33\%_33\%\]{grid-template-columns:34% 33% 33%}.grid-cols-\[36\%_64\%\]{grid-template-columns:36% 64%}.grid-cols-\[38\%_62\%\]{grid-template-columns:38% 62%}.grid-cols-\[42\%_58\%\]{grid-template-columns:42% 58%}.grid-cols-\[48\%_52\%\]{grid-template-columns:48% 52%}.grid-cols-\[58\%_42\%\]{grid-template-columns:58% 42%}.grid-cols-\[600px_1fr\]{grid-template-columns:600px 1fr}.grid-cols-\[640px_1fr\]{grid-template-columns:640px 1fr}.grid-cols-\[72px\,1fr\]{grid-template-columns:72px 1fr}.grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-20{gap:5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[15px\]{gap:15px}.gap-\[16px\]{gap:16px}.gap-\[17px\]{gap:17px}.gap-\[18px\]{gap:18px}.gap-\[20px\]{gap:20px}.gap-\[24px\]{gap:24px}.gap-\[25px\]{gap:25px}.gap-\[28px\]{gap:28px}.gap-\[30px\]{gap:30px}.gap-\[35\.4px\]{gap:35.4px}.gap-\[36\.5px\]{gap:36.5px}.gap-\[38px\]{gap:38px}.gap-\[40px\]{gap:40px}.gap-\[43px\]{gap:43px}.gap-\[50px\]{gap:50px}.gap-\[55px\]{gap:55px}.gap-\[60px\]{gap:60px}.gap-\[64px\]{gap:64px}.gap-\[6px\]{gap:6px}.gap-\[80px\]{gap:80px}.gap-\[8px\]{gap:8px}.gap-\[94px\]{gap:94px}.gap-px{gap:1px}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-x-\[15px\]{-moz-column-gap:15px;column-gap:15px}.gap-x-\[20\.8px\]{-moz-column-gap:20.8px;column-gap:20.8px}.gap-x-\[20px\]{-moz-column-gap:20px;column-gap:20px}.gap-x-\[26px\]{-moz-column-gap:26px;column-gap:26px}.gap-x-\[40px\]{-moz-column-gap:40px;column-gap:40px}.gap-y-12{row-gap:3rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-y-6{row-gap:1.5rem}.gap-y-\[15px\]{row-gap:15px}.gap-y-\[18\.7px\]{row-gap:18.7px}.gap-y-\[20px\]{row-gap:20px}.gap-y-\[25px\]{row-gap:25px}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-\[40px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(40px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(40px * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10\.5px\]{border-radius:10.5px}.rounded-\[10px\]{border-radius:10px}.rounded-\[11\.3px\]{border-radius:11.3px}.rounded-\[12px\]{border-radius:12px}.rounded-\[13\.3px\]{border-radius:13.3px}.rounded-\[16px\]{border-radius:16px}.rounded-\[18px\]{border-radius:18px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[2px\]{border-radius:2px}.rounded-\[3\.4px\]{border-radius:3.4px}.rounded-\[3\.5px\]{border-radius:3.5px}.rounded-\[3\.6px\]{border-radius:3.6px}.rounded-\[30px\]{border-radius:30px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4\.7px\]{border-radius:4.7px}.rounded-\[40px\]{border-radius:40px}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[7px\]{border-radius:7px}.rounded-\[8px\]{border-radius:8px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius, .5rem)}.rounded-md{border-radius:calc(var(--radius, .5rem) - 2px)}.rounded-sm{border-radius:calc(var(--radius, .5rem) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-\[28px\]{border-bottom-right-radius:28px;border-bottom-left-radius:28px}.rounded-b-md{border-bottom-right-radius:calc(var(--radius, .5rem) - 2px);border-bottom-left-radius:calc(var(--radius, .5rem) - 2px)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-\[28px\]{border-top-left-radius:28px;border-top-right-radius:28px}.rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px}.rounded-t-md{border-top-left-radius:calc(var(--radius, .5rem) - 2px);border-top-right-radius:calc(var(--radius, .5rem) - 2px)}.rounded-t-sm{border-top-left-radius:calc(var(--radius, .5rem) - 4px);border-top-right-radius:calc(var(--radius, .5rem) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[0\.7px\]{border-width:.7px}.border-\[1\.3px\]{border-width:1.3px}.border-\[1\.5px\]{border-width:1.5px}.border-\[2px\]{border-width:2px}.border-b{border-bottom-width:1px}.border-b-\[2\.7px\]{border-bottom-width:2.7px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-\[1\.3px\]{border-right-width:1.3px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#101828\]{--tw-border-opacity: 1;border-color:rgb(16 24 40 / var(--tw-border-opacity, 1))}.border-\[\#1F8A2E\]{--tw-border-opacity: 1;border-color:rgb(31 138 46 / var(--tw-border-opacity, 1))}.border-\[\#4C68DF\]{--tw-border-opacity: 1;border-color:rgb(76 104 223 / var(--tw-border-opacity, 1))}.border-\[\#DCE2FA\]{--tw-border-opacity: 1;border-color:rgb(220 226 250 / var(--tw-border-opacity, 1))}.border-\[\#EBEBEB\]{--tw-border-opacity: 1;border-color:rgb(235 235 235 / var(--tw-border-opacity, 1))}.border-\[\#EDEEEF\]{--tw-border-opacity: 1;border-color:rgb(237 238 239 / var(--tw-border-opacity, 1))}.border-\[\#F0F0F2\]{--tw-border-opacity: 1;border-color:rgb(240 240 242 / var(--tw-border-opacity, 1))}.border-\[--color-border\]{border-color:var(--color-border)}.border-cyan-200{--tw-border-opacity: 1;border-color:rgb(165 243 252 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-100\/80{border-color:#f3f4f6cc}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-gray-900{--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-input{border-color:hsl(var(--input, 240 5.9% 90%))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-primary{border-color:hsl(var(--primary, 240 5.9% 10%))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-l-transparent{border-left-color:transparent}.border-t-gray-900{--tw-border-opacity: 1;border-top-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.border-t-purple-600{--tw-border-opacity: 1;border-top-color:rgb(147 51 234 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-\[\#002BB2\]{--tw-bg-opacity: 1;background-color:rgb(0 43 178 / var(--tw-bg-opacity, 1))}.bg-\[\#030303\]{--tw-bg-opacity: 1;background-color:rgb(3 3 3 / var(--tw-bg-opacity, 1))}.bg-\[\#1F4CD9\]{--tw-bg-opacity: 1;background-color:rgb(31 76 217 / var(--tw-bg-opacity, 1))}.bg-\[\#1F8A2E\]{--tw-bg-opacity: 1;background-color:rgb(31 138 46 / var(--tw-bg-opacity, 1))}.bg-\[\#3E61DE\]{--tw-bg-opacity: 1;background-color:rgb(62 97 222 / var(--tw-bg-opacity, 1))}.bg-\[\#4D5463\]{--tw-bg-opacity: 1;background-color:rgb(77 84 99 / var(--tw-bg-opacity, 1))}.bg-\[\#55626E\]{--tw-bg-opacity: 1;background-color:rgb(85 98 110 / var(--tw-bg-opacity, 1))}.bg-\[\#6B89E6\]{--tw-bg-opacity: 1;background-color:rgb(107 137 230 / var(--tw-bg-opacity, 1))}.bg-\[\#9234EB\]{--tw-bg-opacity: 1;background-color:rgb(146 52 235 / var(--tw-bg-opacity, 1))}.bg-\[\#A8D9A8\]{--tw-bg-opacity: 1;background-color:rgb(168 217 168 / var(--tw-bg-opacity, 1))}.bg-\[\#BEF4FE\]{--tw-bg-opacity: 1;background-color:rgb(190 244 254 / var(--tw-bg-opacity, 1))}.bg-\[\#CBE3CC\]{--tw-bg-opacity: 1;background-color:rgb(203 227 204 / var(--tw-bg-opacity, 1))}.bg-\[\#D3CFCF\]{--tw-bg-opacity: 1;background-color:rgb(211 207 207 / var(--tw-bg-opacity, 1))}.bg-\[\#D9D9D9\]{--tw-bg-opacity: 1;background-color:rgb(217 217 217 / var(--tw-bg-opacity, 1))}.bg-\[\#DCE2FA\]{--tw-bg-opacity: 1;background-color:rgb(220 226 250 / var(--tw-bg-opacity, 1))}.bg-\[\#DDE8FE\]{--tw-bg-opacity: 1;background-color:rgb(221 232 254 / var(--tw-bg-opacity, 1))}.bg-\[\#EBEBEB\]{--tw-bg-opacity: 1;background-color:rgb(235 235 235 / var(--tw-bg-opacity, 1))}.bg-\[\#EDFAFD\]{--tw-bg-opacity: 1;background-color:rgb(237 250 253 / var(--tw-bg-opacity, 1))}.bg-\[\#EEF3F7\]{--tw-bg-opacity: 1;background-color:rgb(238 243 247 / var(--tw-bg-opacity, 1))}.bg-\[\#F4F4F4\]{--tw-bg-opacity: 1;background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1))}.bg-\[\#F7F8FF\]{--tw-bg-opacity: 1;background-color:rgb(247 248 255 / var(--tw-bg-opacity, 1))}.bg-\[\#FEFEFE\]{--tw-bg-opacity: 1;background-color:rgb(254 254 254 / var(--tw-bg-opacity, 1))}.bg-\[\#FFF7ED\]{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-\[\#FFFFFE\]{--tw-bg-opacity: 1;background-color:rgb(255 255 254 / var(--tw-bg-opacity, 1))}.bg-\[\#ecfaee\]{--tw-bg-opacity: 1;background-color:rgb(236 250 238 / var(--tw-bg-opacity, 1))}.bg-\[\#efefef\]{--tw-bg-opacity: 1;background-color:rgb(239 239 239 / var(--tw-bg-opacity, 1))}.bg-\[--color-bg\]{background-color:var(--color-bg)}.bg-background{background-color:hsl(var(--background, 0 0% 100%))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/50{background-color:#00000080}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-border{background-color:hsl(var(--border, 240 5.9% 90%))}.bg-card{background-color:hsl(var(--card, 0 0% 100%))}.bg-cyan-50{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.bg-destructive{background-color:hsl(var(--destructive, 0 84.2% 60.2%))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-muted{background-color:hsl(var(--muted, 240 4.8% 95.9%))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-popover{background-color:hsl(var(--popover, 0 0% 100%))}.bg-primary{background-color:hsl(var(--primary, 240 5.9% 10%))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-secondary{background-color:hsl(var(--secondary, 240 4.8% 95.9%))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/50{background-color:#ffffff80}.bg-white\/70{background-color:#ffffffb3}.bg-white\/95{background-color:#fffffff2}.bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-\[\#9034EA\]{--tw-gradient-from: #9034EA var(--tw-gradient-from-position);--tw-gradient-to: rgb(144 52 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/20{--tw-gradient-from: rgb(0 0 0 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-100\/30{--tw-gradient-from: rgb(207 250 254 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(207 250 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-100{--tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from: #f8fafc var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-100\/40{--tw-gradient-from: rgb(237 233 254 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(237 233 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#5146E5\]{--tw-gradient-to: rgb(81 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #5146E5 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#9034EA\]{--tw-gradient-to: #9034EA var(--tw-gradient-to-position)}.to-gray-200{--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)}.to-indigo-50\/30{--tw-gradient-to: rgb(238 242 255 / .3) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.fill-primary{fill:hsl(var(--primary, 240 5.9% 10%))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[16px\]{padding:16px}.p-\[1px\]{padding:1px}.p-\[20px\]{padding:20px}.p-\[25px\]{padding:25px}.p-\[28px\]{padding:28px}.p-\[40px\]{padding:40px}.p-\[41\.5px\]{padding:41.5px}.p-\[43px\]{padding:43px}.p-\[60px\]{padding:60px}.p-\[6px\]{padding:6px}.p-\[72px\]{padding:72px}.p-\[80px\]{padding:80px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-14{padding-left:3.5rem;padding-right:3.5rem}.px-16{padding-left:4rem;padding-right:4rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-20{padding-left:5rem;padding-right:5rem}.px-28{padding-left:7rem;padding-right:7rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[107px\]{padding-left:107px;padding-right:107px}.px-\[108\.5px\]{padding-left:108.5px;padding-right:108.5px}.px-\[114px\]{padding-left:114px;padding-right:114px}.px-\[115px\]{padding-left:115px;padding-right:115px}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[18px\]{padding-left:18px;padding-right:18px}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[36px\]{padding-left:36px;padding-right:36px}.px-\[38px\]{padding-left:38px;padding-right:38px}.px-\[40px\]{padding-left:40px;padding-right:40px}.px-\[48px\]{padding-left:48px;padding-right:48px}.px-\[50px\]{padding-left:50px;padding-right:50px}.px-\[52px\]{padding-left:52px;padding-right:52px}.px-\[60px\]{padding-left:60px;padding-right:60px}.px-\[64px\]{padding-left:64px;padding-right:64px}.px-\[65px\]{padding-left:65px;padding-right:65px}.px-\[72px\]{padding-left:72px;padding-right:72px}.px-\[75px\]{padding-left:75px;padding-right:75px}.px-\[80\.7px\]{padding-left:80.7px;padding-right:80.7px}.px-\[80px\]{padding-left:80px;padding-right:80px}.px-\[85px\]{padding-left:85px;padding-right:85px}.px-\[89\.6px\]{padding-left:89.6px;padding-right:89.6px}.px-\[90px\]{padding-left:90px;padding-right:90px}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[100px\]{padding-top:100px;padding-bottom:100px}.py-\[18px\]{padding-top:18px;padding-bottom:18px}.py-\[20px\]{padding-top:20px;padding-bottom:20px}.py-\[24px\]{padding-top:24px;padding-bottom:24px}.py-\[28px\]{padding-top:28px;padding-bottom:28px}.py-\[31px\]{padding-top:31px;padding-bottom:31px}.py-\[40px\]{padding-top:40px;padding-bottom:40px}.py-\[60px\]{padding-top:60px;padding-bottom:60px}.py-\[80px\]{padding-top:80px;padding-bottom:80px}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pb-\[107px\]{padding-bottom:107px}.pb-\[30px\]{padding-bottom:30px}.pb-\[40px\]{padding-bottom:40px}.pb-\[72px\]{padding-bottom:72px}.pb-\[90px\]{padding-bottom:90px}.pl-10{padding-left:2.5rem}.pl-16{padding-left:4rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pl-\[115px\]{padding-left:115px}.pl-\[40px\]{padding-left:40px}.pl-\[52px\]{padding-left:52px}.pl-\[60px\]{padding-left:60px}.pl-\[72px\]{padding-left:72px}.pl-\[89\.6px\]{padding-left:89.6px}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-16{padding-right:4rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pr-\[115px\]{padding-right:115px}.pr-\[40px\]{padding-right:40px}.pr-\[52px\]{padding-right:52px}.pr-\[72px\]{padding-right:72px}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-14{padding-top:3.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[110px\]{padding-top:110px}.pt-\[12px\]{padding-top:12px}.pt-\[132px\]{padding-top:132px}.pt-\[190px\]{padding-top:190px}.pt-\[20px\]{padding-top:20px}.pt-\[24px\]{padding-top:24px}.pt-\[28px\]{padding-top:28px}.pt-\[30px\]{padding-top:30px}.pt-\[31px\]{padding-top:31px}.pt-\[3px\]{padding-top:3px}.pt-\[45px\]{padding-top:45px}.pt-\[46px\]{padding-top:46px}.pt-\[50px\]{padding-top:50px}.pt-\[62\.2px\]{padding-top:62.2px}.pt-\[65px\]{padding-top:65px}.pt-\[68px\]{padding-top:68px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-end{text-align:end}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-\[\'Albert_Sans\'\]{font-family:Albert Sans}.font-\[\'Montserrat\'\]{font-family:Montserrat}.font-\[\'Open_Sans_Regular\'\]{font-family:Open Sans Regular}.font-\[\'Playfair_Display_Regular\'\]{font-family:Playfair Display Regular}.font-\[\'Poppins\'\]{font-family:Poppins}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10\.7px\]{font-size:10.7px}.text-\[10px\]{font-size:10px}.text-\[11\.2px\]{font-size:11.2px}.text-\[11\.6px\]{font-size:11.6px}.text-\[11px\]{font-size:11px}.text-\[12\.6px\]{font-size:12.6px}.text-\[12px\]{font-size:12px}.text-\[13\.2px\]{font-size:13.2px}.text-\[13px\]{font-size:13px}.text-\[14\.2px\]{font-size:14.2px}.text-\[14\.9px\]{font-size:14.9px}.text-\[14px\]{font-size:14px}.text-\[15\.3px\]{font-size:15.3px}.text-\[15\.8px\]{font-size:15.8px}.text-\[15px\]{font-size:15px}.text-\[16\.0px\]{font-size:16px}.text-\[16\.9px\]{font-size:16.9px}.text-\[16px\]{font-size:16px}.text-\[17\.2px\]{font-size:17.2px}.text-\[17\.4px\]{font-size:17.4px}.text-\[17\.5px\]{font-size:17.5px}.text-\[17\.8px\]{font-size:17.8px}.text-\[18\.1px\]{font-size:18.1px}.text-\[18\.7px\]{font-size:18.7px}.text-\[18px\]{font-size:18px}.text-\[19\.5px\]{font-size:19.5px}.text-\[19\.6px\]{font-size:19.6px}.text-\[19px\]{font-size:19px}.text-\[20\.3px\]{font-size:20.3px}.text-\[20\.6px\]{font-size:20.6px}.text-\[20px\]{font-size:20px}.text-\[21\.3px\]{font-size:21.3px}.text-\[21\.4px\]{font-size:21.4px}.text-\[21\.6px\]{font-size:21.6px}.text-\[22\.5px\]{font-size:22.5px}.text-\[22px\]{font-size:22px}.text-\[23\.1px\]{font-size:23.1px}.text-\[24\.9px\]{font-size:24.9px}.text-\[24px\]{font-size:24px}.text-\[27\.5px\]{font-size:27.5px}.text-\[28\.4px\]{font-size:28.4px}.text-\[28\.7px\]{font-size:28.7px}.text-\[28px\]{font-size:28px}.text-\[31\.9px\]{font-size:31.9px}.text-\[32px\]{font-size:32px}.text-\[34px\]{font-size:34px}.text-\[36\.3px\]{font-size:36.3px}.text-\[36px\]{font-size:36px}.text-\[39\.3px\]{font-size:39.3px}.text-\[39px\]{font-size:39px}.text-\[40px\]{font-size:40px}.text-\[42\.7px\]{font-size:42.7px}.text-\[44px\]{font-size:44px}.text-\[45px\]{font-size:45px}.text-\[48px\]{font-size:48px}.text-\[53\.3px\]{font-size:53.3px}.text-\[56px\]{font-size:56px}.text-\[64px\]{font-size:64px}.text-\[70\.1px\]{font-size:70.1px}.text-\[85\.3px\]{font-size:85.3px}.text-\[9\.8px\]{font-size:9.8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[0\.95\]{line-height:.95}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.06\]{line-height:1.06}.leading-\[1\.12\]{line-height:1.12}.leading-\[1\.15\]{line-height:1.15}.leading-\[1\.1\]{line-height:1.1}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.4\]{line-height:1.4}.leading-\[1\.55\]{line-height:1.55}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\.6\]{line-height:1.6}.leading-\[1\.78\]{line-height:1.78}.leading-\[1\.7\]{line-height:1.7}.leading-\[1\.8\]{line-height:1.8}.leading-\[17\.8px\]{line-height:17.8px}.leading-\[18\.4px\]{line-height:18.4px}.leading-\[19\.2px\]{line-height:19.2px}.leading-\[1\]{line-height:1}.leading-\[21\.0px\],.leading-\[21px\]{line-height:21px}.leading-\[22px\]{line-height:22px}.leading-\[25\.6px\]{line-height:25.6px}.leading-\[25\.9px\]{line-height:25.9px}.leading-\[27\.8px\]{line-height:27.8px}.leading-\[28\.5px\]{line-height:28.5px}.leading-\[28px\]{line-height:28px}.leading-\[29\.3px\]{line-height:29.3px}.leading-\[31\.3px\]{line-height:31.3px}.leading-\[32\.3px\]{line-height:32.3px}.leading-\[34px\]{line-height:34px}.leading-\[40\.2px\]{line-height:40.2px}.leading-\[43\.9px\]{line-height:43.9px}.leading-\[44px\]{line-height:44px}.leading-\[45\.2px\]{line-height:45.2px}.leading-\[56px\]{line-height:56px}.leading-\[72px\]{line-height:72px}.leading-\[78\.7px\]{line-height:78.7px}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.1px\]{letter-spacing:-.1px}.tracking-\[-1\.0px\]{letter-spacing:-1px}.tracking-\[-1\.2px\]{letter-spacing:-1.2px}.tracking-\[-1\.5px\]{letter-spacing:-1.5px}.tracking-\[-1\.6px\]{letter-spacing:-1.6px}.tracking-\[-2\.0px\],.tracking-\[-2px\]{letter-spacing:-2px}.tracking-\[1px\]{letter-spacing:1px}.tracking-\[5px\]{letter-spacing:5px}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#000000\]{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-\[\#002BB2\]{--tw-text-opacity: 1;color:rgb(0 43 178 / var(--tw-text-opacity, 1))}.text-\[\#101323\]{--tw-text-opacity: 1;color:rgb(16 19 35 / var(--tw-text-opacity, 1))}.text-\[\#101828\]{--tw-text-opacity: 1;color:rgb(16 24 40 / var(--tw-text-opacity, 1))}.text-\[\#1F8A2E\]{--tw-text-opacity: 1;color:rgb(31 138 46 / var(--tw-text-opacity, 1))}.text-\[\#244CD9\]{--tw-text-opacity: 1;color:rgb(36 76 217 / var(--tw-text-opacity, 1))}.text-\[\#322C23\]{--tw-text-opacity: 1;color:rgb(50 44 35 / var(--tw-text-opacity, 1))}.text-\[\#4D5463\]{--tw-text-opacity: 1;color:rgb(77 84 99 / var(--tw-text-opacity, 1))}.text-\[\#51459e\]{--tw-text-opacity: 1;color:rgb(81 69 158 / var(--tw-text-opacity, 1))}.text-\[\#514E7D\]{--tw-text-opacity: 1;color:rgb(81 78 125 / var(--tw-text-opacity, 1))}.text-\[\#555\]{--tw-text-opacity: 1;color:rgb(85 85 85 / var(--tw-text-opacity, 1))}.text-\[\#FFFFFE\]{--tw-text-opacity: 1;color:rgb(255 255 254 / var(--tw-text-opacity, 1))}.text-\[\#FFFFFF\]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground, 240 10% 3.9%))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-destructive-foreground{color:hsl(var(--destructive-foreground, 0 0% 98%))}.text-foreground{color:hsl(var(--foreground, 240 10% 3.9%))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-muted{color:hsl(var(--muted, 240 4.8% 95.9%))}.text-muted-foreground{color:hsl(var(--muted-foreground, 240 3.8% 46.1%))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-popover-foreground{color:hsl(var(--popover-foreground, 240 10% 3.9%))}.text-primary{color:hsl(var(--primary, 240 5.9% 10%))}.text-primary-foreground{color:hsl(var(--primary-foreground, 0 0% 98%))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground, 240 5.9% 10%))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/80{color:#fffc}.text-white\/95{color:#fffffff2}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0 10px 24px rgba(0,0,0,.08);--tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_30px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow: 0 12px 30px rgba(0,0,0,.12);--tw-shadow-colored: 0 12px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_36px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0 12px 36px rgba(0,0,0,.08);--tw-shadow-colored: 0 12px 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_40px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0 16px 40px rgba(0,0,0,.08);--tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0 20px 60px rgba(0,0,0,.08);--tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow: 0 20px 60px rgba(0,0,0,.12);--tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_60px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0 24px 60px rgba(0,0,0,.08);--tw-shadow-colored: 0 24px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_30px_90px_rgba\(0\,0\,0\,0\.18\)\]{--tw-shadow: 0 30px 90px rgba(0,0,0,.18);--tw-shadow-colored: 0 30px 90px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow: 0 8px 24px rgba(0,0,0,.06);--tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background, 0 0% 100%))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur: blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-dark: #0f172a;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-sans: "Inter", "Helvetica Neue", "Arial", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}html{font-family:var(--font-sans);line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body *:not(code):not(pre):not(.mono):not(code *):not(pre *):not(.mono *):not(.tiptap-text-replacer *):not(.tiptap-text-replacer){font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}code,pre,.mono,code *,pre *,.mono *{font-family:JetBrains Mono,Consolas,Monaco,monospace}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{padding:0 1.5rem}}@media(min-width:1024px){.container{padding:0 2rem}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none;transition:all var(--transition-fast);cursor:pointer;white-space:nowrap}.btn:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px var(--primary-color)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-large{padding:.75rem 1.5rem;font-size:1rem}.section-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 3rem}@media(min-width:768px){.section-title{font-size:3rem}.section-subtitle{font-size:1.25rem}}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}::-moz-selection{background-color:var(--primary-light);color:#fff}::selection{background-color:var(--primary-light);color:#fff}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground, 240 10% 3.9%))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground, 240 3.8% 46.1%))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground, 240 3.8% 46.1%))}.first\:rounded-bl-md:first-child{border-bottom-left-radius:calc(var(--radius, .5rem) - 2px)}.first\:rounded-tl-md:first-child{border-top-left-radius:calc(var(--radius, .5rem) - 2px)}.last\:rounded-br-md:last-child{border-bottom-right-radius:calc(var(--radius, .5rem) - 2px)}.last\:rounded-tr-md:last-child{border-top-right-radius:calc(var(--radius, .5rem) - 2px)}.last\:border-0:last-child{border-width:0px}.hover\:border-blue-400:hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.hover\:border-gray-500:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.hover\:border-gray-900:hover{--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.hover\:bg-accent:hover{background-color:hsl(var(--accent, 240 4.8% 95.9%))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-muted:hover{background-color:hsl(var(--muted, 240 4.8% 95.9%))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground, 240 5.9% 10%))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground, 240 3.8% 46.1%))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-gray-900:focus{--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.focus\:bg-accent:focus{background-color:hsl(var(--accent, 240 4.8% 95.9%))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground, 240 5.9% 10%))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-gray-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1))}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring, 240 10% 3.9%))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring, 240 10% 3.9%))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--background, 0 0% 100%))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}.group.toast .group-\[\.toast\]\:rounded-lg{border-radius:var(--radius, .5rem)}.group.toast .group-\[\.toast\]\:bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.group.toast .group-\[\.toast\]\:bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.group.toast .group-\[\.toast\]\:px-3{padding-left:.75rem;padding-right:.75rem}.group.toast .group-\[\.toast\]\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground, 240 3.8% 46.1%))}.group.toast .group-\[\.toast\]\:text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.group.toast .group-\[\.toast\]\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group.toast .hover\:group-\[\.toast\]\:bg-slate-300:hover{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.group.toast .hover\:group-\[\.toast\]\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent, 240 4.8% 95.9%))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background, 0 0% 100%))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary, 240 5.9% 10%))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent, 240 4.8% 95.9%))}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary, 240 4.8% 95.9%))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted, 240 4.8% 95.9%))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input, 240 5.9% 90%))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground, 240 5.9% 10%))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground, 240 10% 3.9%))}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:hsl(var(--accent-foreground, 240 5.9% 10%))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground, 240 3.8% 46.1%))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}@media(min-width:640px){.sm\:mb-12{margin-bottom:3rem}.sm\:h-14{height:3.5rem}.sm\:w-14{width:3.5rem}.sm\:min-w-\[330px\]{min-width:330px}.sm\:max-w-sm{max-width:24rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-8{gap:2rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.sm\:rounded-lg{border-radius:var(--radius, .5rem)}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:768px){.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:h-12{height:3rem}.lg\:w-12{width:3rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:gap-12{gap:3rem}.lg\:gap-8{gap:2rem}.lg\:p-5{padding:1.25rem}.lg\:p-6{padding:1.5rem}.lg\:px-20{padding-left:5rem;padding-right:5rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:pl-16{padding-left:4rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y: 2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\]\:h-2\.5>svg{height:.625rem}.\[\&\>svg\]\:h-3>svg{height:.75rem}.\[\&\>svg\]\:w-2\.5>svg{width:.625rem}.\[\&\>svg\]\:w-3>svg{width:.75rem}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground, 240 3.8% 46.1%))}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground, 240 3.8% 46.1%))}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border, 240 5.9% 90%))}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{outline:2px solid transparent;outline-offset:2px}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:hsl(var(--border, 240 5.9% 90%))}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted, 240 4.8% 95.9%))}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border, 240 5.9% 90%))}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector,.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{outline:2px solid transparent;outline-offset:2px}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground, 240 3.8% 46.1%))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}