@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Fredoka:wght@500;600;700&family=Baloo+2:wght@600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700;800;900&family=Sarabun:wght@300;400;500;600;700;800&family=Kanit:wght@300;400;500;600;700;800;900&family=Prompt:wght@300;400;500;600;700;800;900&family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700;800;900&family=Bebas+Neue&family=Oswald:wght@400;500;600;700&family=Raleway:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&family=Lora:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Mitr:wght@300;400;500;600;700&family=Chakra+Petch:wght@300;400;500;600;700&display=swap");@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:100;font-display:swap;src:url(/fonts/line-seed/LINESeedSansTH-Thin.woff2) format("woff2")}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/line-seed/LINESeedSansTH-Regular.woff2) format("woff2")}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/line-seed/LINESeedSansTH-Bold.woff2) format("woff2")}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/line-seed/LINESeedSansTH-Bold.woff2) format("woff2")}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/line-seed/LINESeedSansTH-ExtraBold.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-300-thai.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-300-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-300-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-400-thai.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-400-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-400-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-500-thai.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-500-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-500-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-600-thai.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-600-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-600-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-700-thai.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-700-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/IBMPlexSansThai-700-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--primary:#00ADEF;--primary-hover:#0086ba;--accent:#E3007E;--accent-hover:#c2006c;--deep:#004175;--background:#F8FAFC;--surface:rgba(255,255,255,0.85);--surface-solid:#FFFFFF;--surface-hover:rgba(255,255,255,0.95);--text-main:#004175;--text-muted:#64748B;--border:rgba(0,173,239,0.15);--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--shadow-sm:0 4px 6px -1px rgba(0,65,117,0.05);--shadow-md:0 12px 24px -8px rgba(0,65,117,0.12);--shadow-lg:0 24px 48px -12px rgba(0,65,117,0.18);--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--fb-color:#1877F2;--line-color:#00B900;--ig-color:#E1306C;--tk-color:#000000;--lm-color:#FACC15}*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden;max-width:100%;width:100%;overscroll-behavior-x:none}body{font-family:var(--font-body);background:var(--background);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}.app-container,body{min-height:100vh;position:relative}.app-container{background-color:#f8fafc;background-image:radial-gradient(at 0 0,hsla(197,100%,93%,1) 0,transparent 50%),radial-gradient(at 50% 0,hsla(197,80%,96%,1) 0,transparent 50%),radial-gradient(at 100% 0,hsla(327,100%,93%,1) 0,transparent 50%)}.navbar{position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100;padding:10px 16px;transition:padding .3s ease}@media (min-width:768px){.navbar{padding:0;background:rgba(255,255,255,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1.5px solid rgba(0,173,239,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 12px rgba(0,65,117,.07)}.navbar--scrolled{padding:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 20px rgba(0,65,117,.12)}}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00ADEF,#7b5ea7 50%,#E3007E);opacity:0;transition:opacity .3s ease;z-index:1}.navbar--scrolled:before{opacity:1}.navbar--scrolled{padding:6px 16px}@media (min-width:768px){.navbar--scrolled{padding:0}}.navbar__inner{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:8px 16px 8px 20px;border-radius:20px;border:1.5px solid rgba(0,173,239,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 2px 8px rgba(0,65,117,.05),0 8px 32px rgba(0,65,117,.07);transition:all .3s ease;position:relative}@media (min-width:768px){.navbar__inner{max-width:100%;margin:0;border-radius:0;border:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;padding:10px 32px}.navbar--scrolled .navbar__inner{padding:8px 32px;box-shadow:none}}@media (max-width:767px){.navbar__inner:before{content:"";position:absolute;inset:-1.5px;border-radius:21px;padding:1.5px;background:linear-gradient(135deg,rgba(0,173,239,.25),rgba(255,255,255,0) 50%,rgba(227,0,126,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}}.navbar--scrolled .navbar__inner{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 4px 6px rgba(0,65,117,.06),0 16px 40px rgba(0,65,117,.1)}.navbar__logo-link{display:flex;align-items:center;flex-shrink:0;text-decoration:none;transition:transform .2s,opacity .2s}.navbar__logo-link:hover{opacity:.85;transform:scale(1.03)}.navbar__logo{height:40px;object-fit:contain;display:block}.navbar__divider{width:1px;height:28px;background:linear-gradient(180deg,transparent,rgba(0,173,239,.2),transparent);flex-shrink:0;margin:0 4px}.navbar__links{gap:2px;margin:0 auto;background:rgba(241,245,249,.7);padding:4px;border-radius:14px;border:1px solid rgba(0,0,0,.04)}.navbar__link,.navbar__links{display:flex;align-items:center}.navbar__link{gap:6px;padding:7px 16px;border-radius:10px;font-size:13px;font-weight:600;color:#64748b;text-decoration:none;transition:all .2s ease;white-space:nowrap;position:relative}.navbar__link:hover{background:rgba(255,255,255,.9);color:#00ADEF;box-shadow:0 1px 4px rgba(0,0,0,.05)}.navbar__link--active{background:linear-gradient(135deg,#00ADEF,#0086ba);color:#fff;box-shadow:0 2px 12px rgba(0,173,239,.35)}.navbar__link--active:hover{background:linear-gradient(135deg,#00beff,#0095cc);color:#fff;box-shadow:0 3px 14px rgba(0,173,239,.45)}.navbar__link--admin{color:#8b5cf6}.navbar__link--admin.navbar__link--active{background:linear-gradient(135deg,#8b5cf6,#7c4dff);color:#fff;box-shadow:0 2px 8px rgba(139,92,246,.3)}.navbar__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.navbar__skeleton{width:120px;height:36px;border-radius:12px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.navbar__user{display:flex;align-items:center;gap:8px;background:rgba(248,250,252,.9);border:1px solid rgba(0,173,239,.14);border-radius:40px;padding:4px 12px 4px 4px;transition:all .2s}.navbar__user:hover{border-color:rgba(0,173,239,.3);background:#fff;box-shadow:0 2px 8px rgba(0,173,239,.1)}.navbar__avatar-wrap{position:relative;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#00ADEF,#E3007E);padding:2px;flex-shrink:0}.navbar__avatar{object-fit:cover;display:block}.navbar__avatar,.navbar__avatar-fallback{width:100%;height:100%;border-radius:50%;border:1.5px solid #fff}.navbar__avatar-fallback{background:linear-gradient(135deg,#e0f7ff,#fce0f0);color:var(--primary);display:flex;align-items:center;justify-content:center}.navbar__username{font-size:12.5px;font-weight:600;color:#334155;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar__logout{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:transparent;border:1px solid rgba(0,0,0,.06);color:#94a3b8;cursor:pointer;transition:all .2s;flex-shrink:0}.navbar__logout:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444;transform:rotate(8deg)}.navbar__google-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:40px;border:1.5px solid rgba(0,173,239,.2);background:linear-gradient(135deg,rgba(0,173,239,.06),rgba(227,0,126,.04));font-size:13px;font-weight:600;color:#334155;cursor:pointer;transition:all .2s}.navbar__google-btn:hover{border-color:rgba(0,173,239,.4);background:linear-gradient(135deg,rgba(0,173,239,.1),rgba(227,0,126,.06));box-shadow:0 4px 16px rgba(0,173,239,.15);transform:translateY(-1px)}.navbar__hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:transparent;border:1px solid transparent;color:#475569;cursor:pointer;transition:all .2s}.navbar__hamburger:hover{background:rgba(0,173,239,.06);color:var(--primary)}.navbar__mobile-menu{display:none;flex-direction:column;gap:4px;max-width:1320px;margin:6px auto 0;padding:12px;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px;border:1.5px solid rgba(0,173,239,.14);box-shadow:0 8px 32px rgba(0,65,117,.1);animation:navSlideDown .2s ease}@keyframes navSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar__mobile-link{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;color:#475569;text-decoration:none;transition:all .15s}.navbar__mobile-link--active,.navbar__mobile-link:hover{background:linear-gradient(135deg,rgba(0,173,239,.08),rgba(227,0,126,.04));color:var(--primary)}@media (max-width:768px){.navbar__links{display:none}.navbar__hamburger,.navbar__mobile-menu{display:flex}.navbar__username{display:none}.navbar__logo{height:34px}.navbar__inner{padding:6px 10px 6px 14px;border-radius:14px}.navbar__user{padding:3px 8px 3px 3px;border-radius:30px}}@media (min-width:769px){.navbar__mobile-menu{display:none!important}}.nav-brand{display:flex;align-items:center;gap:8px;color:var(--primary);font-weight:700;font-family:var(--font-heading);letter-spacing:-.5px}.brand-icon{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);color:white;padding:4px;border-radius:8px;box-shadow:0 4px 10px rgba(0,173,239,.2)}.hero-header{position:relative;padding:80px 24px 60px;text-align:center}.hero-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,173,239,.05),rgba(248,250,252,0));z-index:0;pointer-events:none}.hero-content{position:relative;z-index:10;max-width:800px;margin:0 auto}.hero-content h1{font-family:var(--font-heading);font-size:64px;font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:16px}.text-gradient{background:linear-gradient(135deg,var(--deep) 0,var(--primary) 50%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:18px;color:var(--text-muted);font-weight:400;max-width:500px;margin:0 auto}.main-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;max-width:1300px;margin:0 auto;padding:0 24px 80px;position:relative;z-index:10}@media (max-width:1024px){.main-wrapper{grid-template-columns:1fr;gap:32px}}.form-card{background:var(--surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);padding:48px;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.form-card:hover{box-shadow:var(--shadow-lg)}.form-header{margin-bottom:32px}.form-header h2{font-family:var(--font-heading);font-size:28px;color:var(--text-main);margin-bottom:8px;letter-spacing:-.5px}.form-header p{color:var(--text-muted);font-size:15px}.api-settings-card{background:linear-gradient(135deg,rgba(0,173,239,.05),rgba(227,0,126,.05));border:1px solid rgba(0,173,239,.2);padding:24px;border-radius:var(--radius-md);margin-bottom:32px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 2px 4px rgba(255,255,255,.5)}.api-label{font-weight:600;font-size:15px;color:var(--primary);display:flex;align-items:center;gap:8px}.api-input{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid rgba(0,173,239,.3);background:white;font-family:Inter,monospace;font-size:14px;box-shadow:var(--shadow-sm)}.api-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.15)}.api-help{font-size:13px;color:#7c4dff;margin:0}.error-banner{background:#FEF2F2;color:#B91C1C;padding:16px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:12px;margin-bottom:24px;font-weight:500;border:1px solid #fecaca;font-size:14px}.content-form{gap:28px}.content-form,.form-group{display:flex;flex-direction:column}.form-group{gap:10px}.form-group label{font-weight:600;font-size:14px;color:var(--text-main);letter-spacing:.2px}input[type=text],select,textarea{width:100%;padding:14px 18px;border-radius:var(--radius-md);border:1px solid rgba(203,213,225,.8);background:var(--surface-solid);font-family:inherit;font-size:15px;color:var(--text-main);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(0,173,239,.1);transform:translateY(-1px)}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--primary)!important;outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary)!important;outline-offset:2px}input::placeholder,textarea::placeholder{color:#94A3B8}select{color:#64748B;cursor:pointer}select.has-value{color:var(--text-main)}.select-wrapper{position:relative}.select-wrapper:after{content:"";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:12px;height:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;pointer-events:none}.platform-selector{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}@media (max-width:480px){.platform-selector{grid-template-columns:repeat(2,1fr)}}.platform-btn{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--radius-md);background:#ffffff;border:1.5px solid #e2e8f0;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;box-shadow:none}.hidden-radio{display:none}.platform-btn.facebook{border-color:rgba(24,119,242,.4);color:#1877F2}.platform-btn.line{border-color:rgba(6,199,85,.4);color:#06C755}.platform-btn.instagram{border-color:rgba(225,48,108,.4);color:#E1306C}.platform-btn.tiktok{border-color:rgba(17,17,17,.3);color:#111111}.platform-btn.lemon8{border-color:rgba(240,200,0,.5);color:#9A7C00}.platform-btn.youtube{border-color:rgba(255,0,0,.4);color:#FF0000}.platform-btn.facebook:hover{background:rgba(24,119,242,.05);border-color:#1877F2;box-shadow:0 4px 14px rgba(24,119,242,.18);transform:translateY(-2px)}.platform-btn.line:hover{background:rgba(6,199,85,.05);border-color:#06C755;box-shadow:0 4px 14px rgba(6,199,85,.18);transform:translateY(-2px)}.platform-btn.instagram:hover{background:rgba(225,48,108,.05);border-color:#E1306C;box-shadow:0 4px 14px rgba(225,48,108,.18);transform:translateY(-2px)}.platform-btn.tiktok:hover{background:rgba(0,0,0,.03);border-color:#111111;box-shadow:0 4px 14px rgba(0,0,0,.12);transform:translateY(-2px)}.platform-btn.lemon8:hover{background:rgba(240,200,0,.07);border-color:#F0C800;box-shadow:0 4px 14px rgba(240,200,0,.25);transform:translateY(-2px)}.platform-btn.youtube:hover{background:rgba(255,0,0,.05);border-color:#FF0000;box-shadow:0 4px 14px rgba(255,0,0,.18);transform:translateY(-2px)}.platform-btn.facebook.active{border:2px solid #1877f2;color:#1877F2;box-shadow:0 0 0 3px rgba(24,119,242,.15),0 6px 18px rgba(24,119,242,.25)}.platform-btn.facebook.active,.platform-btn.line.active{background:#F8FAFC;font-weight:700;transform:translateY(-2px)}.platform-btn.line.active{border:2px solid #06c755;color:#06C755;box-shadow:0 0 0 3px rgba(6,199,85,.15),0 6px 18px rgba(6,199,85,.25)}.platform-btn.instagram.active{border:2px solid #e1306c;color:#E1306C;box-shadow:0 0 0 3px rgba(225,48,108,.15),0 6px 18px rgba(225,48,108,.25)}.platform-btn.instagram.active,.platform-btn.tiktok.active{background:#F8FAFC;font-weight:700;transform:translateY(-2px)}.platform-btn.tiktok.active{border:2px solid #111111;color:#111111;box-shadow:0 0 0 3px rgba(0,0,0,.1),0 6px 18px rgba(0,0,0,.2)}.platform-btn.lemon8.active{border:2px solid #f0c800;color:#9A7C00;box-shadow:0 0 0 3px rgba(240,200,0,.2),0 6px 18px rgba(240,200,0,.3)}.platform-btn.lemon8.active,.platform-btn.youtube.active{background:#F8FAFC;font-weight:700;transform:translateY(-2px)}.platform-btn.youtube.active{border:2px solid #ff0000;color:#FF0000;box-shadow:0 0 0 3px rgba(255,0,0,.15),0 6px 18px rgba(255,0,0,.25)}.brand-icon-img{object-fit:contain;pointer-events:none}.brand-icon-img,.lemon8-icon{width:22px;height:22px;flex-shrink:0}.lemon8-icon{border-radius:50%;background:#FFD000;color:#000;font-weight:800;font-size:9px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:-.5px}.platform-btn:active .brand-icon-img{transform:scale(1.1);transition:transform .1s}.platform-btn .platform-label{font-size:14px;font-weight:600}.tone-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.tone-btn{display:flex;align-items:center;gap:12px;padding:16px;background:#F8FAFC;border:1.5px solid #e2e8f0;border-radius:var(--radius-md);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tone-btn:hover{background:#F1F5F9;border-color:#CBD5E1;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.04)}.tone-btn.active{background:linear-gradient(135deg,rgba(0,173,239,.08),white);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.tone-btn.active .tone-name{color:var(--primary)}.tone-icon{font-size:24px}.tone-name{font-weight:600;font-size:15px;color:var(--text-muted);transition:color .2s}.upload-area{border:2px dashed rgba(203,213,225,1);border-radius:var(--radius-md);padding:32px 24px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;background:#F8FAFC;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-area:hover{border-color:var(--primary);background:#EEF2FF}.upload-area.has-image{padding:16px;border:1px solid var(--border);background:var(--surface-solid)}.upload-area.has-image,.upload-icon-wrapper{display:flex;justify-content:center;align-items:center}.upload-icon-wrapper{width:48px;height:48px;background:white;color:var(--primary);border-radius:50%;border:1px solid #e2e8f0;margin:0 auto 16px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-sm)}.upload-area:hover .upload-icon-wrapper{transform:scale(1.1) rotate(5deg);border-color:var(--primary)}.upload-text{font-weight:500;color:var(--text-main);margin-bottom:4px;font-size:15px}.upload-subtext{font-size:13px;color:var(--text-muted)}.preview-container{width:160px;height:160px;position:relative;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm)}.poster-preview{width:100%;height:100%;object-fit:cover;display:block}.remove-btn{position:absolute;top:12px;right:12px;background:rgba(15,23,42,.7);color:white;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.remove-btn:hover{background:rgba(15,23,42,.9);transform:scale(1.1)}.label-with-meta{display:flex;justify-content:space-between;align-items:flex-end}textarea{resize:vertical;line-height:1.6}.submit-btn{width:100%;padding:18px;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;gap:12px;border:none}.generate-btn{background:linear-gradient(135deg,var(--primary),var(--deep));color:white;box-shadow:0 8px 16px rgba(0,173,239,.25)}.generate-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover),var(--deep));transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,173,239,.35)}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.7;cursor:not-allowed;background:#94A3B8;box-shadow:none;transform:none}.preview-card{display:flex;flex-direction:column;gap:24px}.preview-column{position:-webkit-sticky;position:sticky;top:120px;height:-moz-fit-content;height:fit-content}.preview-header{justify-content:space-between;background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.8);flex-wrap:nowrap;gap:12px}.preview-header,.preview-title{display:flex;align-items:center}.preview-title{gap:10px;color:var(--deep);flex-shrink:0;white-space:nowrap}.preview-title h3{font-family:var(--font-heading);font-size:18px;font-weight:700;margin:0;letter-spacing:-.3px;white-space:nowrap}.copy-btn{display:flex;align-items:center;gap:8px;background:var(--surface-solid);border:1px solid var(--border);padding:10px 16px;border-radius:30px;font-size:13px;font-weight:600;color:var(--text-main);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm);white-space:nowrap}.copy-btn:hover:not(:disabled){background:#F8FAFC;border-color:#CBD5E1;transform:translateY(-1px)}.copy-btn.copied{background:rgba(0,173,239,.1);color:var(--primary);border-color:var(--primary)}.copy-btn.post-link-btn{background:linear-gradient(135deg,#00ADEF,#0080C0);color:#fff;border-color:transparent;text-decoration:none}.copy-btn.post-link-btn:hover{background:linear-gradient(135deg,#0080C0,#005A8E);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,173,239,.35);color:#fff}.copy-btn.post-link-btn.facebook{background:linear-gradient(135deg,#1877F2,#1056c0)}.copy-btn.post-link-btn.facebook:hover{background:linear-gradient(135deg,#1056c0,#0c3d8c);box-shadow:0 4px 12px rgba(24,119,242,.4)}.copy-btn.post-link-btn.line{background:linear-gradient(135deg,#06C755,#04a044)}.copy-btn.post-link-btn.line:hover{background:linear-gradient(135deg,#04a044,#037a33);box-shadow:0 4px 12px rgba(6,199,85,.4)}.copy-btn.post-link-btn.instagram{background:linear-gradient(135deg,#E1306C,#c13584)}.copy-btn.post-link-btn.instagram:hover{background:linear-gradient(135deg,#c13584,#833ab4);box-shadow:0 4px 12px rgba(225,48,108,.4)}.copy-btn.post-link-btn.tiktok{background:linear-gradient(135deg,#111111,#333333)}.copy-btn.post-link-btn.tiktok:hover{background:linear-gradient(135deg,#333333,#111111);box-shadow:0 4px 12px rgba(0,0,0,.3)}.copy-btn.post-link-btn.lemon8{background:linear-gradient(135deg,#F0C800,#c8a800);color:#000}.copy-btn.post-link-btn.lemon8:hover{background:linear-gradient(135deg,#c8a800,#a08800);box-shadow:0 4px 12px rgba(240,200,0,.5);color:#000}.copy-btn.post-link-btn.youtube{background:linear-gradient(135deg,#FF0000,#cc0000)}.copy-btn.post-link-btn.youtube:hover{background:linear-gradient(135deg,#cc0000,#990000);box-shadow:0 4px 12px rgba(255,0,0,.4)}.copy-btn.btn-disabled{opacity:.45;cursor:not-allowed;pointer-events:none;filter:grayscale(.3)}.social-preview-wrapper{background:var(--surface-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border);transition:all .4s cubic-bezier(.16,1,.3,1)}.social-preview-wrapper[data-platform=facebook]{border:none;background:#ffffff;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.2)}.social-preview-wrapper[data-platform=facebook] .social-header{padding:12px 16px}.social-preview-wrapper[data-platform=facebook] .social-meta strong{font-family:Helvetica,Arial,sans-serif;color:#050505}.social-preview-wrapper[data-platform=line]{background:#84A1C4;border:none;border-radius:20px}.social-preview-wrapper[data-platform=line] .social-header{background:#84A1C4;color:white}.social-preview-wrapper[data-platform=line] .platform-indicator,.social-preview-wrapper[data-platform=line] .social-meta strong{color:white}.social-preview-wrapper[data-platform=line] .social-content{background:#FFFFFF;border-radius:18px;margin:0 16px 16px;padding:12px 16px;position:relative}.social-preview-wrapper[data-platform=line] .social-content:before{content:"";position:absolute;top:10px;left:-8px;border-color:transparent #ffffff transparent transparent;border-style:solid;border-width:8px 10px 8px 0}.social-preview-wrapper[data-platform=instagram]{border:1px solid #dbdbdb;border-radius:3px;background:#FFF}.social-preview-wrapper[data-platform=instagram] .social-avatar{background:white;border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 0 2px #E1306C}.social-preview-wrapper[data-platform=instagram] .social-meta strong{font-size:14px}.social-preview-wrapper[data-platform=tiktok]{background:#000000;color:#FFFFFF;border:none}.social-preview-wrapper[data-platform=tiktok] .social-meta strong{color:#FFFFFF}.social-preview-wrapper[data-platform=tiktok] .platform-indicator{color:rgba(255,255,255,.7)}.social-preview-wrapper[data-platform=tiktok] .text-content{color:#FFFFFF}.social-preview-wrapper[data-platform=lemon8]{background:#FFFDF4;border:2px solid #facc15;border-radius:16px}.social-preview-wrapper[data-platform=lemon8] .social-header{border-bottom:2px dashed #facc15}.social-header{gap:12px;padding:20px}.social-avatar,.social-header{display:flex;align-items:center}.social-avatar{width:44px;height:44px;background:linear-gradient(135deg,#00ADEF,#7c4dff);color:white;border-radius:50%;justify-content:center;font-weight:700;font-size:15px;font-family:var(--font-heading);box-shadow:0 4px 10px rgba(79,70,229,.3)}.social-meta{display:flex;flex-direction:column}.social-meta strong{font-size:16px;color:#0F172A;font-weight:600;letter-spacing:-.2px}.platform-indicator{font-size:13px;color:#64748B;display:flex;align-items:center;gap:6px;margin-top:2px}.social-content{padding:0 20px 20px}.text-content{font-size:15px;line-height:1.7;color:#1E293B;word-wrap:break-word;white-space:pre-wrap}.editable-text{padding:16px;border-radius:var(--radius-md);transition:all .2s;cursor:text;position:relative;border:1px solid transparent;background:transparent}.editable-text:hover{background:#F8FAFC;border-color:#E2E8F0}.edit-hint{position:absolute;top:12px;right:12px;background:var(--surface-solid);border:1px solid var(--border);padding:6px 10px;border-radius:6px;font-size:12px;color:var(--text-muted);font-weight:500;opacity:0;transform:translateY(5px);transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm);pointer-events:none}.editable-text:hover .edit-hint{opacity:1;transform:translateY(0)}.edit-content-textarea{width:100%;min-height:300px;padding:16px;border:2px solid var(--primary);line-height:1.7;color:#1E293B;background:white;resize:vertical;outline:none;box-shadow:0 0 0 4px rgba(79,70,229,.1)}.edit-content-textarea,.empty-preview{border-radius:var(--radius-md);font-size:15px}.empty-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:var(--text-muted);gap:16px;text-align:center;background:#F8FAFC;border:1px dashed #cbd5e1}.empty-icon-sparkle{color:#7c4dff}.generating-state{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--primary);font-weight:500}.social-image img{width:100%;max-height:500px;object-fit:contain;background:#F1F5F9;display:block}.social-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-muted);background:#F8FAFC}.total-chars{font-weight:700;color:var(--primary)}.device-picker{display:flex;align-items:center;gap:12px;padding:10px 16px;background:rgba(248,250,252,.9);border-radius:14px;border:1px solid rgba(0,173,239,.1)}.device-picker__label{font-size:12px;font-weight:600;color:#94a3b8;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.device-picker__buttons{display:flex;gap:4px;background:#fff;padding:3px;border-radius:10px;border:1px solid rgba(0,0,0,.06)}.device-picker__btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:600;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.device-picker__btn:hover{background:rgba(0,173,239,.06);color:var(--primary)}.device-picker__btn--active{background:linear-gradient(135deg,#00ADEF,#0080c0);color:#fff;box-shadow:0 2px 8px rgba(0,173,239,.3)}.device-picker__btn--active:hover{background:linear-gradient(135deg,#00beff,#0090d0);color:#fff}.device-picker__badge{font-size:10px;font-weight:500;opacity:.8;background:rgba(255,255,255,.2);padding:1px 6px;border-radius:10px}.device-frame{transition:all .35s cubic-bezier(.16,1,.3,1);border-radius:16px;overflow:hidden}.device-frame--desktop{background:transparent}.device-frame--tablet{background:#1e293b;border-radius:20px;padding:0;box-shadow:0 8px 40px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.05);max-width:580px;margin:0 auto}.device-frame--mobile{background:#0f172a;border-radius:44px;padding:0;box-shadow:0 0 0 2px #334155,0 0 0 4px #1e293b,0 16px 48px rgba(0,0,0,.3);max-width:400px;margin:0 auto}.device-chrome--mobile{background:#0f172a;padding:10px 20px 8px;display:flex;flex-direction:column;align-items:center;gap:6px}.device-notch{width:90px;height:22px;background:#0f172a;border-radius:0 0 16px 16px;border:2px solid #1e293b;border-top:none;margin-bottom:2px}.device-status{justify-content:space-between;width:100%;padding:0 4px;font-size:11px;font-weight:700}.device-status,.device-status__icons{display:flex;align-items:center;color:#fff}.device-status__icons{gap:6px}.device-chrome--tablet{background:#1e293b;padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.06)}.device-chrome__dot{width:10px;height:10px;border-radius:50%;background:#ef4444;flex-shrink:0}.device-chrome__dot--r{background:#22c55e}.device-chrome__url{flex:1 1;text-align:center;font-size:11px;color:#94a3b8;background:rgba(255,255,255,.06);padding:4px 12px;border-radius:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-chrome--bottom{background:#0f172a;padding:10px 20px 16px;display:flex;justify-content:center}.device-home-bar{width:100px;height:4px;background:rgba(255,255,255,.25);border-radius:2px}.device-frame--mobile .social-preview-wrapper,.device-frame--tablet .social-preview-wrapper{border-radius:0!important;box-shadow:none!important;border:none!important;max-height:520px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,173,239,.2) transparent}.device-frame--mobile .social-preview-wrapper{max-height:580px;font-size:13.5px}.tips-card{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-sm)}.generator-tips h4{color:var(--primary)}.tips-card h4{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-family:var(--font-heading);font-size:16px;font-weight:700}.tips-card ul{list-style:none;display:flex;flex-direction:column;gap:12px}.tips-card li{font-size:14px;line-height:1.5;color:var(--text-main);padding-left:20px;position:relative}.tips-card li:before{content:"✓";color:#e6007e;position:absolute;left:0;font-weight:700}@media (max-width:640px){.hero-header{padding:24px 16px 12px;min-height:auto}.hero-content h1{font-size:26px}.hero-content .subtitle{font-size:11px}.form-card{padding:24px}}.markdown-wrapper{font-family:Inter,Outfit,sans-serif;line-height:1.6}.markdown-wrapper h1,.markdown-wrapper h2,.markdown-wrapper h3{font-weight:600;margin-top:1rem;margin-bottom:.5rem;color:#1a1a1a}.markdown-wrapper p{margin-bottom:.75rem}.markdown-wrapper ol,.markdown-wrapper ul{margin-left:1.5rem;margin-bottom:1rem}.markdown-wrapper li{margin-bottom:.35rem}.markdown-wrapper strong{font-weight:600;color:#111}.content-management-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px}.management-header h4{font-size:16px;color:var(--text-main);margin-bottom:4px;display:flex;align-items:center;gap:8px}.management-desc{font-size:13.5px;color:var(--text-muted)}.management-actions{display:flex;flex-direction:column;gap:16px}.management-btn{width:100%;padding:12px 20px;border-radius:var(--radius-md);font-weight:600;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none}.clear-btn{background:#fef2f2;color:#ef4444;border:1px solid #fee2e2}.clear-btn:hover{background:#fee2e2;transform:translateY(-1px)}.action-platform-btn{background:var(--primary);color:white;box-shadow:0 4px 12px rgba(0,173,239,.2)}.action-platform-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,173,239,.3)}.platform-action-wrapper{display:flex;flex-direction:column;gap:8px}.helper-text{font-size:12.5px;color:var(--text-muted);text-align:center;font-style:italic}.preview-column{display:flex;flex-direction:column;gap:24px}.widget-btn.reset-btn:hover{background:#FEE2E2}.admin-trigger-zone{position:absolute;bottom:0;right:0;width:30px;height:30px;cursor:default;z-index:10;opacity:0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999}.admin-modal{background:white;width:100%;max-width:400px;border-radius:var(--radius-lg);padding:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-modal-header h3{font-size:18px;display:flex;align-items:center;gap:8px;color:var(--text-main)}.admin-modal-body p{font-size:14px;color:var(--text-muted);margin-bottom:12px}.admin-dashboard-panel{background:#F8FAFC;width:100%;max-width:900px;max-height:90vh;border-radius:var(--radius-lg);display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden}.dashboard-header{background:white;padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.dashboard-header h2{font-size:20px;display:flex;align-items:center;gap:12px;color:var(--text-main)}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;padding:24px}.metric-card{background:white;padding:20px;border-radius:var(--radius-md);border:1px solid var(--border);gap:16px;box-shadow:var(--shadow-sm)}.metric-card,.metric-icon{display:flex;align-items:center}.metric-icon{width:48px;height:48px;background:#EEF2FF;color:var(--primary);border-radius:12px;justify-content:center}.metric-info{display:flex;flex-direction:column}.metric-label{font-size:13px;color:var(--text-muted);margin-bottom:4px}.metric-value{font-size:24px;font-weight:700;color:var(--text-main);letter-spacing:-.5px}.dashboard-table-container{padding:0 24px 24px;flex:1 1;overflow-y:auto}.dashboard-table-container h3{font-size:16px;margin-bottom:4px;color:var(--text-main)}.table-subtitle{font-size:12px;color:#64748B;margin-bottom:16px}.logs-table{width:100%;border-collapse:collapse;background:white;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.logs-table th{background:#F1F5F9;padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#475569;border-bottom:1px solid var(--border)}.logs-table td{padding:12px 16px;font-size:14px;color:#334155;border-bottom:1px solid #f1f5f9}.logs-table tr:last-child td{border-bottom:none}.truncate-td{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.platform-badge.facebook{background:#E0F2FE;color:#0284C7}.platform-badge.line{background:#DCFCE7;color:#16A34A}.platform-badge.instagram{background:#FCE7F3;color:#DB2777}.platform-badge.tiktok{background:#F1F5F9;color:#0F172A}.platform-badge.lemon8{background:#FEF9C3;color:#CA8A04}.empty-logs{background:white;padding:40px;border-radius:var(--radius-md);border:1px dashed #cbd5e1;text-align:center;color:#94A3B8;font-size:14px}.memory-box-container{margin-top:16px;padding-top:16px;border-top:1px dashed #e2e8f0}.memory-slots-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}@media (max-width:768px){.memory-slots-wrapper{grid-template-columns:1fr;gap:12px}}.memory-slot{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s}.memory-slot:hover{border-color:#CBD5E1;box-shadow:0 4px 12px rgba(0,0,0,.03)}.memory-slot.empty{background:#F8FAFC;border:1px dashed #cbd5e1;padding:12px}.slot-header{display:flex;justify-content:space-between;align-items:center}.slot-title{font-size:11px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.5px}.slot-save-btn{width:100%;padding:10px;background:transparent;border:none;color:#64748B;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.slot-save-btn:hover:not(:disabled){color:#7c4dff}.slot-save-btn:disabled{opacity:.5;cursor:not-allowed}.slot-filled-content{display:flex;flex-direction:column;gap:12px;flex:1 1}.slot-image-preview{width:100%;aspect-ratio:3/4;height:auto;border-radius:6px;overflow:hidden;border:1px solid #e2e8f0;background:#F8FAFC;display:flex;align-items:center;justify-content:center}.slot-image-preview img{width:100%;height:100%;object-fit:cover}.slot-preview-text{font-size:13px;color:#334155;margin:0;line-height:1.5;font-style:italic;background:#F8FAFC;padding:12px;border-radius:6px;flex:1 1}.slot-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.slot-action-btn{padding:8px 12px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;border:none}.slot-action-btn.load{flex:1 1;background:rgba(0,173,239,.08);color:var(--primary);border:1px solid rgba(0,173,239,.2)}.slot-action-btn.load:hover{background:var(--primary);color:white}.slot-action-btn.clear{width:100%;background:#FEF2F2;color:#EF4444;border:1px solid #fecaca}.slot-action-btn.clear:hover{background:#EF4444;color:white}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8fafc;background-image:radial-gradient(at 0 0,hsla(197,100%,93%,1) 0,transparent 50%),radial-gradient(at 50% 0,hsla(197,80%,96%,1) 0,transparent 50%),radial-gradient(at 100% 0,hsla(327,100%,93%,1) 0,transparent 50%)}.login-card{background:rgba(255,255,255,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);padding:48px;border:1px solid rgba(0,173,239,.1);box-shadow:var(--shadow-lg);text-align:center;max-width:420px;width:100%;margin:24px}.login-logos{display:flex;gap:20px;align-items:center;justify-content:center;margin-bottom:32px}.login-logo{height:56px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.login-brand h1{font-family:var(--font-heading);font-size:48px;font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:8px}.login-brand p{font-size:16px;color:var(--text-muted);margin-bottom:4px}.login-sub{font-size:14px;color:var(--primary);font-weight:500;margin-bottom:32px}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;border-radius:100px;border:1px solid #e2e8f0;background:white;font-size:15px;font-weight:600;color:var(--text-main);cursor:pointer;transition:all .25s ease;box-shadow:var(--shadow-sm);margin-bottom:16px}.google-login-btn:hover{background:#F8FAFC;border-color:#CBD5E1;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.login-note{font-size:13px;color:var(--text-muted)}.auth-tabs{display:flex;background:#F1F5F9;border-radius:12px;padding:4px;margin-bottom:24px;gap:4px}.auth-tab{flex:1 1;padding:9px 16px;border-radius:9px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.auth-tab.active{background:#ffffff;color:var(--primary);font-weight:700;box-shadow:0 1px 6px rgba(0,0,0,.08)}.auth-form{gap:14px;margin-bottom:20px;text-align:left}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-label{font-size:13px;font-weight:600;color:var(--text-main)}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input{width:100%;padding:11px 42px 11px 14px;border-radius:10px;border:1.5px solid #e2e8f0;background:#ffffff;font-size:14px;color:var(--text-main);transition:border-color .2s ease,box-shadow .2s ease;outline:none;box-sizing:border-box}.auth-field:not(.auth-input-wrap) .auth-input{padding:11px 14px}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,173,239,.12)}.auth-input::placeholder{color:#CBD5E1}.eye-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#94A3B8;display:flex;align-items:center;padding:4px;border-radius:4px;transition:color .2s}.eye-btn:hover{color:var(--primary)}.auth-message{padding:10px 14px;border-radius:8px;font-size:13.5px;line-height:1.5}.auth-message.error{background:#FEF2F2;color:#DC2626;border:1px solid #fecaca}.auth-message.success{background:#F0FDF4;color:#16A34A;border:1px solid #bbf7d0}.auth-submit-btn{width:100%;padding:13px;border-radius:100px;border:none;background:var(--primary);color:#ffffff;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease;box-shadow:0 4px 12px rgba(0,173,239,.3);margin-top:4px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,173,239,.4)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#CBD5E1;font-size:13px}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:#E2E8F0}.auth-divider span{color:#94A3B8}.login-btn:hover{background:#F8FAFC;transform:translateY(-1px)}.upload-ai-row{display:flex;gap:16px;align-items:stretch}.upload-ai-row:not(.has-preview){display:block}.upload-ai-left,.upload-ai-right{flex:1 1;min-width:0}.ai-read-box{height:100%;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:14px;background:linear-gradient(135deg,rgba(0,173,239,.08),rgba(227,0,126,.05));border:2px dashed rgba(0,173,239,.3);transition:all .3s ease}.ai-read-box:hover{border-color:rgba(0,173,239,.5);background:linear-gradient(135deg,rgba(0,173,239,.12),rgba(227,0,126,.08))}.ai-read-header{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--primary)}.ai-read-icon{animation:sparkle-pulse 2s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.ai-read-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:0}.ai-read-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;background:linear-gradient(135deg,var(--primary),#0088cc);color:white;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,173,239,.3)}.ai-read-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,173,239,.4)}.ai-read-btn:disabled{cursor:not-allowed;opacity:.7}.ai-read-result{margin-top:auto;padding:10px 12px;background:rgba(0,173,239,.06);border-radius:8px;border-left:3px solid var(--primary)}.ai-read-result-badge{display:inline-block;font-size:.7rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.ai-read-result p{margin:0;font-size:.82rem;color:var(--text-secondary);line-height:1.4}@media (max-width:640px){.upload-ai-row.has-preview{flex-direction:column}}.ocr-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;background-color:rgba(0,173,239,.08);color:var(--primary);border:1px solid rgba(0,173,239,.2);border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.ocr-btn:hover:not(:disabled){background-color:var(--primary);color:white;transform:translateY(-1px)}.ocr-btn:disabled{cursor:not-allowed;opacity:.6}.admin-page-container{max-width:1100px;margin:0 auto}.dashboard-header-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;background:white;padding:24px 32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border)}.dashboard-header-page h2{font-size:22px;font-family:var(--font-heading);display:flex;align-items:center;gap:12px;color:var(--text-main)}.back-btn{padding:8px 16px;border-radius:20px;border:1px solid var(--border);background:white;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s}.back-btn:hover{background:#F8FAFC;color:var(--text-main)}.filter-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;background:white;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:13px;font-weight:600;color:var(--text-muted);white-space:nowrap}.filter-group input[type=date],.filter-group select{padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:13px;background:white}.dashboard-metrics{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-direction:column}}.close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.close-btn:hover{background:#F1F5F9;color:var(--text-main)}.regenerate-btn{background:rgba(0,173,239,.05)!important;color:var(--primary)!important;border-color:rgba(0,173,239,.2)!important}.regenerate-btn:hover:not(:disabled),.social-post-btn{background:var(--primary)!important;color:white!important}.social-post-btn{text-decoration:none!important;display:flex!important;gap:8px!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px rgba(0,173,239,.2)}.social-post-btn:hover{background:var(--deep)!important;box-shadow:0 6px 16px rgba(0,173,239,.3);transform:translateY(-1px)}.tips-card.generator-tips{margin-top:24px;padding:20px;background:linear-gradient(135deg,rgba(227,0,126,.03),rgba(0,173,239,.03));border-radius:var(--radius-md);border:1px solid rgba(0,173,239,.1);box-shadow:var(--shadow-sm)}.edit-hint{display:flex;align-items:center;gap:6px;padding:6px 14px;background:white;border:1px solid rgba(227,0,126,.2);color:var(--accent);font-weight:700;border-radius:20px;box-shadow:0 4px 12px rgba(227,0,126,.1);transition:all .2s}.edit-hint:hover{background:var(--accent);color:white}.hidden-input{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.poster-page-v2{min-height:100vh;padding-top:72px;background:#f5f7fa}.poster-v2-layout{display:grid;grid-template-columns:480px 1fr;min-height:calc(100vh - 72px);transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}.poster-v2-layout.sidebar-collapsed{grid-template-columns:0 1fr}.poster-sidebar{background:#ffffff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;height:calc(100vh - 72px);position:-webkit-sticky;position:sticky;top:72px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 12px rgba(0,0,0,.04)}.poster-sidebar.closed{width:0;min-width:0;padding:0;border-right:none}.poster-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.poster-sidebar-title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px;white-space:nowrap}.poster-sidebar-toggle{background:none;border:none;cursor:pointer;color:#94a3b8;padding:6px;border-radius:8px;display:flex;transition:all .2s}.poster-sidebar-toggle:hover{background:#f1f5f9;color:#334155}.poster-tab-bar{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid #e2e8f0;flex-shrink:0;background:#fafbfc}.poster-tab{flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:none;background:transparent;border-radius:10px;font-size:13px;font-weight:600;color:#94a3b8;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.poster-tab:hover{background:#f1f5f9;color:#475569}.poster-tab.active{background:#00ADEF;color:#ffffff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.poster-sidebar-content{flex:1 1;overflow-y:auto;padding:20px 22px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.poster-sidebar-content::-webkit-scrollbar{width:5px}.poster-sidebar-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.poster-sidebar-footer{padding:16px 22px;border-top:1px solid #e2e8f0;flex-shrink:0;background:#fafbfc}.poster-sidebar-open-btn{position:fixed;top:84px;left:8px;z-index:50;width:42px;height:42px;border-radius:12px;background:#ffffff;border:1px solid #e2e8f0;box-shadow:0 4px 16px rgba(0,0,0,.08);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}.poster-sidebar-open-btn:hover{color:#3b82f6;box-shadow:0 6px 24px rgba(59,130,246,.15);border-color:#3b82f6;transform:scale(1.05)}.poster-section{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #e2e8f0}.poster-section:last-child{border-bottom:none}.poster-label{font-size:12px;font-weight:700;color:#00ADEF;margin-bottom:12px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.06em}.poster-preset-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.poster-preset-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 10px;border-radius:12px;border:1.5px solid #e2e8f0;background:#ffffff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center}.poster-preset-btn:hover{border-color:#93c5fd;background:#eff6ff;transform:translateY(-1px)}.poster-preset-btn.active{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px rgba(59,130,246,.12),0 4px 12px rgba(59,130,246,.1)}.preset-icon{font-size:18px}.preset-name{font-size:12px;font-weight:600;color:#334155}.preset-size{font-size:10px;color:#94a3b8}.preset-category-group{margin-bottom:14px}.preset-category-group:last-child{margin-bottom:0}.preset-category-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px 2px}.poster-chip-grid{display:flex;flex-wrap:wrap;gap:6px}.poster-chip{padding:8px 16px;border-radius:100px;border:1.5px solid #e2e8f0;background:#ffffff;font-size:12.5px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.poster-chip:hover{border-color:#93c5fd;color:#3b82f6;background:#eff6ff}.poster-chip.active{border-color:#3b82f6;background:#3b82f6;color:#ffffff;box-shadow:0 2px 8px rgba(59,130,246,.25)}.poster-style-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.poster-style-btn{padding:16px 6px;border-radius:12px;border:2px solid #e2e8f0;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center}.poster-style-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.poster-style-btn.active{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2),0 6px 20px rgba(0,0,0,.1);transform:translateY(-2px)}.style-label{font-size:10px;font-weight:600;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.poster-fields{display:flex;flex-direction:column;gap:10px}.poster-input{width:100%;padding:12px 16px;border-radius:10px;border:1.5px solid #e2e8f0;background:#f8fafc;font-size:14px;color:#1e293b;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;box-sizing:border-box}.poster-input.focused,.poster-input:focus{border-color:#3b82f6;background:#ffffff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.poster-input::placeholder{color:#94a3b8}.poster-input-clickable{cursor:pointer;display:flex;align-items:center;gap:8px}.poster-input-clickable .placeholder{color:#94a3b8}.poster-input-clickable .input-icon{color:#94a3b8;flex-shrink:0}.poster-input-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.poster-speakers-group{display:flex;flex-direction:column;gap:6px}.poster-speaker-row{display:flex;gap:6px;align-items:center}.poster-speaker-row .poster-input{flex:1 1;margin:0}.poster-speaker-remove{width:36px;height:36px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.poster-speaker-remove:hover{background:#fee2e2;border-color:#f87171;color:#dc2626}.poster-speaker-add{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px dashed #93c5fd;border-radius:8px;background:#eff6ff;color:#3b82f6;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.poster-speaker-add:hover{background:#dbeafe;border-color:#3b82f6}.poster-date-native,.poster-time-native{display:flex;flex-direction:column;gap:4px}.poster-input-date,.poster-input-time{color-scheme:light}.poster-input-date::-webkit-calendar-picker-indicator,.poster-input-time::-webkit-calendar-picker-indicator{cursor:pointer}.poster-date-display{font-size:11px;color:#3b82f6;padding-left:2px}.poster-layout-picker{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;max-height:480px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.poster-layout-picker::-webkit-scrollbar{width:5px}.poster-layout-picker::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.poster-layout-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:12px;border:2px solid #e2e8f0;background:#ffffff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.poster-layout-card:hover{border-color:#93c5fd;background:#eff6ff;transform:translateY(-2px)}.poster-layout-card.active{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 2px rgba(59,130,246,.15),0 4px 16px rgba(59,130,246,.1)}.poster-layout-thumb{width:100%;aspect-ratio:1;border-radius:8px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);position:relative;overflow:hidden}.layout-mini-preview{position:absolute;inset:0}.layout-mini-block{position:absolute;background:rgba(59,130,246,.3);border-radius:2px;transition:background .2s}.poster-layout-card.active .layout-mini-block{background:rgba(59,130,246,.55)}.poster-layout-name{font-size:11px;font-weight:600;color:#64748b;text-align:center;white-space:nowrap}.poster-layout-card.active .poster-layout-name{color:#3b82f6}.poster-font-categories{display:flex;gap:5px;margin-bottom:12px;flex-wrap:wrap}.poster-font-cat-btn{padding:6px 14px;border-radius:100px;border:1.5px solid #e2e8f0;background:#ffffff;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.poster-font-cat-btn:hover{border-color:#93c5fd;color:#3b82f6}.poster-font-cat-btn.active{background:#3b82f6;border-color:#3b82f6;color:#ffffff;box-shadow:0 2px 8px rgba(59,130,246,.25)}.poster-font-list{display:flex;flex-direction:column;gap:5px;max-height:400px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.poster-font-list::-webkit-scrollbar{width:5px}.poster-font-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.poster-font-item{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;grid-gap:2px 10px;gap:2px 10px;align-items:center;padding:10px 12px;border-radius:10px;border:1.5px solid #e2e8f0;background:#ffffff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left}.poster-font-item:hover{border-color:#93c5fd;background:#eff6ff;transform:translateX(2px)}.poster-font-item.active{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 2px rgba(59,130,246,.12)}.poster-font-sample{grid-row:1/3;font-size:20px;font-weight:700;color:#334155;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f1f5f9;border-radius:8px;line-height:1}.poster-font-info{display:flex;align-items:center;gap:6px}.poster-font-name{font-size:13px;font-weight:600;color:#334155}.poster-font-cat-label{font-size:10px;padding:1px 6px;border-radius:4px;background:#f1f5f9;color:#64748b;font-weight:500}.poster-font-preview-text{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-font-current{margin-top:12px;padding:10px 14px;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe;display:flex;align-items:center;gap:8px;font-size:13px;color:#475569}.poster-font-current strong{color:#3b82f6;font-weight:700}.speaker-upload{border-color:#c4b5fd!important;background:#f5f3ff!important}.speaker-upload:hover{border-color:#8b5cf6!important;background:#ede9fe!important}.speaker-photo-area{display:flex;flex-direction:column;gap:10px}.speaker-photo-preview-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.speaker-photo-card{position:relative;border-radius:10px;overflow:hidden;border:1.5px solid #e2e8f0;background:#f8fafc;aspect-ratio:1}.speaker-photo-card.cutout{background:repeating-conic-gradient(#f1f5f9 0 25%,#e2e8f0 0 50%) 50% /16px 16px;border-color:#8b5cf6}.speaker-photo-img{width:100%;height:100%;object-fit:cover}.speaker-photo-card.cutout .speaker-photo-img{object-fit:contain}.speaker-photo-badge{position:absolute;bottom:4px;left:4px;padding:2px 8px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.speaker-photo-badge.success{background:rgba(34,197,94,.85);display:flex;align-items:center;gap:3px}.speaker-photo-actions{display:flex;gap:6px}.poster-btn-accent{background:linear-gradient(135deg,#7c4dff,#00ADEF)!important;color:#ffffff!important;border:none!important}.poster-btn-accent:hover{background:linear-gradient(135deg,#6a3dff,#00a0d8)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(124,77,255,.3)}.poster-btn-accent:disabled{opacity:.6;transform:none;cursor:not-allowed}.speaker-bg-progress{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:8px;background:rgba(124,77,255,.06);border:1px solid rgba(124,77,255,.15)}.speaker-bg-progress span{font-size:11px;color:#7c4dff;font-weight:500}.speaker-bg-progress-bar{height:3px;border-radius:3px;background:linear-gradient(90deg,#00ADEF,#7c4dff,#00ADEF);background-size:200% 100%;animation:shimmer 1.5s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.poster-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:4px}.poster-logo-slot{position:relative;min-height:110px;border-radius:10px;overflow:visible}.poster-logo-filled{position:relative;width:100%;height:110px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.poster-logo-img{max-width:80%;max-height:70%;object-fit:contain;border-radius:4px;transition:transform .2s}.poster-logo-remove{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;background:rgba(239,68,68,.85);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1;opacity:0;transition:opacity .2s;z-index:2}.poster-logo-filled:hover .poster-logo-remove{opacity:1}.poster-logo-drop{width:100%;height:110px;border:2px dashed #cbd5e1;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#94a3b8;font-size:11px;font-weight:500;transition:all .2s;background:#fafbfc}.poster-logo-drop:hover{border-color:#93c5fd;color:#3b82f6;background:#eff6ff}.poster-logo-drop.drag-over{border-color:#3b82f6;background:#dbeafe;color:#3b82f6;transform:scale(1.03);box-shadow:0 0 0 3px rgba(59,130,246,.12)}.poster-logo-scale{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2px;background:#ffffff;border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,.08);border-radius:14px;padding:2px 4px;opacity:0;transition:opacity .2s;z-index:3}.poster-logo-filled:hover .poster-logo-scale{opacity:1}.poster-logo-scale button{width:22px;height:22px;border-radius:50%;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1;padding:0}.poster-logo-scale button:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.poster-logo-scale span{font-size:10px;color:#64748b;min-width:32px;text-align:center;font-weight:600}.poster-logo-scale.visible{position:static;transform:none;opacity:1;background:#f8fafc;border:1px solid #e2e8f0;padding:4px 8px;border-radius:20px;box-shadow:none}.speaker-scale-control{display:flex;align-items:center;gap:10px}.poster-label-sm{font-size:12px;color:#64748b;white-space:nowrap;font-weight:500}.speaker-controls-group{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:10px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.speaker-pos-pad{display:flex;align-items:center;gap:3px}.speaker-pos-pad button{width:28px;height:28px;border-radius:6px;border:1px solid #e2e8f0;background:#ffffff;color:#64748b;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.speaker-pos-pad button:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.speaker-pos-pad .reset-btn{margin-left:4px;font-size:14px;color:#94a3b8}.speaker-pos-pad .reset-btn:hover{color:#EF4444;background:#fef2f2;border-color:#fecaca}.layout-editor-blocks{display:flex;flex-direction:column;gap:10px}.layout-editor-block{padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.layout-editor-block-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.layout-editor-block-name{font-size:13px;font-weight:600;color:#334155}.layout-editor-controls{display:flex;flex-direction:column;gap:8px}.layout-editor-field{display:grid;grid-template-columns:36px 1fr 42px;align-items:center;grid-gap:8px;gap:8px}.layout-editor-field-label{font-size:11px;font-weight:600;color:#64748b;text-align:right}.layout-editor-field-value{font-size:11px;font-weight:600;color:#3b82f6;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.poster-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 20px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.poster-btn:disabled{opacity:.5;cursor:not-allowed}.poster-btn-primary{width:100%;background:#3b82f6;color:#ffffff;font-size:15px;padding:14px;border-radius:12px;box-shadow:0 4px 16px rgba(59,130,246,.3);margin-bottom:8px;font-weight:700}.poster-btn-primary:hover:not(:disabled){transform:translateY(-2px);background:#2563eb;box-shadow:0 8px 28px rgba(59,130,246,.35)}.poster-action-row{display:flex;gap:6px;flex-wrap:wrap}.poster-btn-ghost{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;padding:9px 16px;font-size:12.5px;border-radius:8px}.poster-btn-ghost:hover{background:#eff6ff;border-color:#93c5fd;color:#3b82f6}.poster-btn-danger{background:#fef2f2;color:#ef4444;border:1px solid #fecaca;padding:9px 16px;font-size:12.5px;border-radius:8px}.poster-btn-danger:hover{background:#fee2e2}.poster-main-area{display:flex;flex-direction:column;min-height:calc(100vh - 72px);background:transparent}.poster-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:#ffffff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.poster-toolbar-left{display:flex;align-items:center;gap:8px}.poster-toolbar-info{font-size:13px;font-weight:500;color:#64748b}.poster-toolbar-divider{color:#cbd5e1;font-size:14px}.poster-toolbar-right{display:flex;gap:8px}.poster-toolbar-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.poster-toolbar-btn:hover{background:#eff6ff;color:#3b82f6;border-color:#93c5fd}.poster-canvas-stage{flex:1 1;display:flex;align-items:center;justify-content:center;padding:32px;background:#eef2f7;background-image:radial-gradient(circle at 20px 20px,rgba(0,0,0,.03) 1px,transparent 0);background-size:20px 20px;overflow:auto}.poster-canvas-frame{width:100%;max-width:900px;filter:drop-shadow(0 12px 40px rgba(0,0,0,.15))}.poster-export-bar{display:flex;flex-direction:column;gap:10px;padding:14px 24px;background:#ffffff;border-top:1px solid #e2e8f0;flex-shrink:0}.poster-export-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.poster-export-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569;white-space:nowrap}.poster-export-quality{display:flex;gap:5px}.poster-quality-btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 12px;border-radius:8px;border:1.5px solid #e2e8f0;background:#ffffff;cursor:pointer;transition:all .2s}.poster-quality-btn .q-label{font-size:11px;font-weight:600;color:#64748b}.poster-quality-btn .q-desc{font-size:9px;color:#94a3b8;font-weight:500}.poster-quality-btn:hover{border-color:#93c5fd;background:#eff6ff}.poster-quality-btn.active{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.poster-quality-btn.active .q-label{color:#3b82f6}.poster-quality-btn.active .q-desc{color:#60a5fa}.poster-export-resolution{font-size:11px;color:#94a3b8;font-weight:500}.poster-export-btns{display:flex;gap:8px}.poster-export-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:10px;border:1.5px solid #e2e8f0;background:#ffffff;font-size:12.5px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.poster-export-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#eff6ff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.1)}.poster-export-btn:disabled{opacity:.5;cursor:not-allowed}.poster-upload-area{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 12px;border:2px dashed #cbd5e1;border-radius:12px;background:#fafbfc;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;color:#94a3b8;font-size:13px;font-weight:500}.poster-upload-area:hover{border-color:#93c5fd;background:#eff6ff;color:#3b82f6}.poster-upload-area.drag-over{border-color:#3b82f6;background:#dbeafe;color:#3b82f6;transform:scale(1.02);box-shadow:0 0 0 4px rgba(59,130,246,.1)}.poster-upload-area.speaker-upload.drag-over{border-color:#8b5cf6;background:#ede9fe;color:#7c3aed;box-shadow:0 0 0 4px rgba(139,92,246,.1)}.poster-upload-hint{font-size:10px;color:#94a3b8;font-weight:400}.poster-photo-preview{display:flex;align-items:center;gap:10px;padding:8px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc}.poster-photo-thumb{width:64px;height:48px;object-fit:cover;border-radius:6px}.poster-photo-remove{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#ef4444;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s}.poster-photo-remove:hover{background:#fee2e2}.wizard-steps{display:flex;align-items:center;padding:14px 16px 10px;gap:0;border-bottom:1px solid rgba(0,0,0,.06);background:#fff}.wizard-step-wrap{display:flex;align-items:center;flex:1 1}.wizard-step-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px 2px;min-width:48px;transition:all .2s}.wizard-step-num{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#e2e8f0;color:#94a3b8;transition:all .25s ease;flex-shrink:0}.wizard-step-label{font-size:9.5px;font-weight:600;color:#94a3b8;white-space:nowrap;transition:color .2s;text-align:center}.wizard-step-item.active .wizard-step-num{background:linear-gradient(135deg,#00ADEF,#0080c0);color:#fff;box-shadow:0 2px 8px rgba(0,173,239,.4);transform:scale(1.1)}.wizard-step-item.active .wizard-step-label{color:#00ADEF;font-weight:700}.wizard-step-item.done .wizard-step-num{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.wizard-step-item.done .wizard-step-label{color:#059669}.wizard-step-line{flex:1 1;height:2px;background:#e2e8f0;border-radius:1px;margin:0 2px 14px;transition:background .3s ease}.wizard-step-line.done{background:linear-gradient(90deg,#10b981,#059669)}.wizard-context-bar{padding:8px 16px;background:linear-gradient(135deg,rgba(0,173,239,.05),rgba(227,0,126,.03));border-bottom:1px solid rgba(0,173,239,.08);font-size:11.5px;color:#64748b;font-weight:500;text-align:center}.wizard-next-btn{font-size:14px!important;font-weight:700!important;letter-spacing:.3px}.wizard-hint{font-size:11.5px;color:#94a3b8;background:rgba(0,173,239,.05);border:1px dashed rgba(0,173,239,.2);border-radius:8px;padding:8px 10px;margin:6px 0;line-height:1.5}.poster-bg-option.selected{border-color:#10b981!important;box-shadow:0 0 0 2px rgba(16,185,129,.3)!important}.poster-bg-option-chosen{position:absolute;top:4px;right:4px;background:#10b981;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.poster-bg-header{justify-content:space-between}.poster-bg-header,.poster-gen-bg-btn{display:flex;align-items:center;margin-bottom:8px}.poster-gen-bg-btn{width:100%;justify-content:center;gap:8px;padding:11px 16px;background:linear-gradient(135deg,#7c4dff,#00ADEF);color:#fff;border:none;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 12px rgba(124,58,237,.3);letter-spacing:.2px}.poster-gen-bg-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#0086ba);transform:translateY(-1px);box-shadow:0 5px 16px rgba(124,58,237,.4)}.poster-gen-bg-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.poster-gen-bg-btn.loading{background:linear-gradient(135deg,#6d28d9,#0086ba);animation:bgBtnPulse 1.5s ease-in-out infinite}@keyframes bgBtnPulse{0%,to{box-shadow:0 3px 12px rgba(124,58,237,.3)}50%{box-shadow:0 3px 20px rgba(124,58,237,.55)}}.poster-bg-keywords{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;align-items:center}.poster-bg-kw-label{font-size:10px;color:#94a3b8;font-weight:600;margin-right:2px}.poster-bg-kw-tag{font-size:10px;background:rgba(0,173,239,.1);color:#0080c0;border:1px solid rgba(0,173,239,.2);border-radius:20px;padding:2px 8px;font-weight:600}.poster-bg-grid{background:rgba(248,250,252,.8);border:1px solid rgba(0,173,239,.15);border-radius:12px;padding:10px;margin-bottom:10px}.poster-bg-grid-title{font-size:11px;font-weight:700;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.poster-bg-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-bottom:8px}.poster-bg-option{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:#e2e8f0;transition:all .2s ease}.poster-bg-option:hover{border-color:#00ADEF;transform:scale(1.03);box-shadow:0 4px 12px rgba(0,173,239,.3)}.poster-bg-option img{width:100%;height:100%;object-fit:cover;display:block}.poster-bg-option-overlay{position:absolute;inset:0;background:rgba(0,173,239,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .2s ease;color:#fff;font-size:12px;font-weight:700}.poster-bg-option:hover .poster-bg-option-overlay{opacity:1}.poster-bg-retry{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;background:transparent;border:1px dashed rgba(0,173,239,.35);border-radius:8px;font-size:11px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.poster-bg-retry:hover:not(:disabled){background:rgba(0,173,239,.06);border-color:rgba(0,173,239,.5);color:var(--primary)}.poster-bg-divider{display:flex;align-items:center;gap:8px;margin:10px 0 8px}.poster-bg-divider:after,.poster-bg-divider:before{content:"";flex:1 1;height:1px;background:rgba(0,0,0,.08)}.poster-bg-divider span{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.poster-overlay-control{margin-top:10px}.poster-overlay-label{font-size:11px;color:#64748b;margin-bottom:6px;display:block}.poster-range{width:100%;height:5px;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;outline:none}.poster-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;box-shadow:0 2px 8px rgba(59,130,246,.3)}@media (max-width:1024px){.poster-v2-layout{grid-template-columns:1fr}.poster-sidebar{position:relative;top:0;height:auto;max-height:none;border-right:none;border-bottom:1px solid #e2e8f0}.poster-sidebar.closed{display:none}.poster-sidebar-content{max-height:50vh}.poster-sidebar-open-btn{position:-webkit-sticky;position:sticky;top:72px;left:8px}.poster-canvas-frame{max-width:100%}.poster-export-bar{flex-wrap:wrap}}@media (max-width:600px){.poster-preset-grid{grid-template-columns:repeat(2,1fr)}.poster-style-grid{grid-template-columns:repeat(4,1fr)}.poster-layout-picker{grid-template-columns:repeat(2,1fr)}.poster-export-btns{flex-wrap:wrap}.poster-canvas-stage{padding:16px}}.pixel-landing{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,#0a0e27,#1a1040 40%,#0d1b3e);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.pixel-particles{position:absolute;inset:0;pointer-events:none}.pixel-particle{position:absolute;border-radius:2px;animation:pixelFloat linear infinite}@keyframes pixelFloat{0%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(1turn);opacity:0}}.pixel-logo-area{position:absolute;display:flex;flex-direction:column;align-items:center;gap:16px;transition:opacity .3s,transform .3s}.pixel-grid-container{display:flex;align-items:flex-end;gap:clamp(4px,.8vw,8px)}.pixel-char{flex-direction:column}.pixel-char,.pixel-row{display:flex;gap:clamp(2px,.4vw,4px)}.pixel-cell{width:clamp(7px,1.6vw,16px);height:clamp(7px,1.6vw,16px);border-radius:2px;transition:all .3s}.pixel-cell.active{animation:pixelPop .4s ease-out both;box-shadow:0 0 8px currentColor}@keyframes pixelPop{0%{transform:scale(0) rotate(-90deg);opacity:0}60%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0deg);opacity:1}}.pixel-subtitle-text{font-family:var(--font-heading);font-size:clamp(14px,3vw,24px);font-weight:700;letter-spacing:.4em;color:rgba(255,255,255,.5);text-align:center;animation:fadeIn .8s ease-out .8s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pixel-title-area{position:absolute;text-align:center;transition:opacity .3s,transform .3s}.pixel-main-title{font-family:var(--font-heading);font-size:clamp(36px,8vw,72px);font-weight:800;color:#ffffff;letter-spacing:-.02em;margin-bottom:12px}.pixel-biz{background:linear-gradient(135deg,#00ADEF,#E3007E);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pixel-tagline{font-family:var(--font-body);font-size:clamp(14px,2.5vw,20px);color:rgba(255,255,255,.6);margin-bottom:8px}.pixel-school{font-family:var(--font-body);font-size:clamp(12px,2vw,16px);color:rgba(255,255,255,.35)}.pixel-fade-overlay{position:absolute;inset:0;background:var(--background);pointer-events:none;z-index:10}.pixel-skip-btn{position:absolute;bottom:40px;right:40px;z-index:20;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);padding:10px 24px;border-radius:100px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;animation:fadeIn .5s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pixel-skip-btn:hover{background:rgba(255,255,255,.2);color:#ffffff;transform:translateX(4px)}.pixel-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.05);z-index:20}.pixel-progress-fill{height:100%;background:linear-gradient(90deg,#00ADEF,#E3007E);transition:width .1s linear;border-radius:0 2px 2px 0}.hub-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px 48px;background:#ffffff;position:relative;overflow:hidden;gap:0}.hub-floaters{position:absolute;inset:0;pointer-events:none;z-index:0}.hub-floater{position:absolute;animation:hubFloat linear infinite;opacity:.18;filter:grayscale(.1);-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes hubFloat{0%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-14px) rotate(4deg)}66%{transform:translateY(6px) rotate(-3deg)}to{transform:translateY(0) rotate(0deg)}}.hub-bg-tags{position:absolute;inset:0;pointer-events:none;z-index:0;display:flex;flex-wrap:wrap;gap:0;align-content:space-around;padding:20px;opacity:.045;overflow:hidden}.hub-bg-tag{font-size:clamp(11px,1.5vw,16px);font-weight:700;color:#004175;white-space:nowrap;padding:4px 16px;letter-spacing:.5px;font-family:var(--font-heading)}.hub-container:before{top:-150px;left:50%;transform:translateX(-50%);width:900px;height:700px;background:radial-gradient(ellipse,rgba(0,173,239,.07) 0,transparent 65%)}.hub-container:after,.hub-container:before{content:"";position:absolute;pointer-events:none;z-index:0}.hub-container:after{bottom:-80px;right:-100px;width:500px;height:400px;background:radial-gradient(ellipse,rgba(227,0,126,.05) 0,transparent 65%)}.hub-header{text-align:center;margin-bottom:24px;position:relative;z-index:2}.hub-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(0,173,239,.1),rgba(227,0,126,.08));border:1px solid rgba(0,173,239,.25);color:#0080c0;padding:6px 16px;border-radius:40px;font-size:12px;font-weight:700;letter-spacing:.4px;margin-bottom:14px}.hub-logo-mark{font-family:var(--font-heading);font-size:clamp(44px,7vw,80px);font-weight:900;line-height:1;letter-spacing:-2px;margin-bottom:10px}.hub-logo-spu{color:#00ADEF}.hub-logo-biz{color:#004175}.hub-logo-content{color:#1e293b;font-weight:800}.hub-tagline{font-size:clamp(14px,2vw,17px);color:#64748b;font-weight:500;margin-bottom:6px;letter-spacing:.2px}.hub-greeting{font-size:clamp(15px,2vw,18px);color:#94a3b8;font-weight:400}.hub-greeting strong{color:#004175;font-weight:700}.hub-platforms{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px;position:relative;z-index:2;max-width:720px}.hub-platform-badge{display:flex;align-items:center;gap:5px;padding:5px 14px;border-radius:20px;font-size:12.5px;font-weight:700;border:1.5px solid;opacity:.85;transition:opacity .2s,transform .2s}.hub-platform-badge:hover{opacity:1;transform:translateY(-2px)}.hub-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;width:100%;max-width:860px;position:relative;z-index:2}.hub-card{position:relative;border-radius:28px;overflow:hidden;cursor:pointer;border:none;padding:0;text-align:left;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.hub-card:hover{transform:translateY(-7px) scale(1.015)}.hub-card:active{transform:translateY(-2px) scale(.99)}.hub-card-content{background:linear-gradient(145deg,#00c6f5,#00ADEF 35%,#0077cc 75%,#003d7a);box-shadow:0 10px 40px rgba(0,173,239,.28),0 2px 8px rgba(0,0,0,.06)}.hub-card-content:hover{box-shadow:0 20px 56px rgba(0,173,239,.38),0 4px 16px rgba(0,0,0,.08)}.hub-card-poster{background:linear-gradient(145deg,#ff4db2,#E3007E 35%,#9b27af 70%,#5c2de0);box-shadow:0 10px 40px rgba(227,0,126,.28),0 2px 8px rgba(0,0,0,.06)}.hub-card-poster:hover{box-shadow:0 20px 56px rgba(227,0,126,.38),0 4px 16px rgba(0,0,0,.08)}.hub-card-blob{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.12)}.hub-blob-1{width:220px;height:220px;top:-80px;right:-70px}.hub-blob-2{width:100px;height:100px;bottom:-30px;left:24px;opacity:.08}.hub-blob-3{width:200px;height:200px;top:-70px;right:-60px}.hub-blob-4{width:110px;height:110px;bottom:-35px;left:18px;opacity:.08}.hub-card-inner{position:relative;z-index:2;padding:32px 28px 28px;display:flex;flex-direction:column;gap:12px;min-height:280px}.hub-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2px}.hub-card-icon-wrap{width:60px;height:60px;border-radius:16px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;border:1.5px solid rgba(255,255,255,.3);transition:transform .25s}.hub-card:hover .hub-card-icon-wrap{transform:scale(1.1) rotate(-4deg)}.hub-card-arrow-btn{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s}.hub-card:hover .hub-card-arrow-btn{background:rgba(255,255,255,.28);transform:translateX(4px)}.hub-card-title{font-family:var(--font-heading);font-size:clamp(22px,2.8vw,30px);font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.5px;margin:0}.hub-card-desc{font-size:clamp(13px,1.4vw,14.5px);color:rgba(255,255,255,.8);line-height:1.65;margin:0}.hub-card-features{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.hub-feature-item{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:20px;padding:4px 11px;font-size:11.5px;font-weight:600;transition:background .2s}.hub-card:hover .hub-feature-item{background:rgba(255,255,255,.22)}.hub-card-cta{display:flex;align-items:center;gap:6px;color:#fff;font-size:13.5px;font-weight:700;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.15);transition:gap .2s}.hub-card:hover .hub-card-cta{gap:10px}.hub-stats{display:flex;gap:0;width:100%;max-width:860px;margin-top:20px;background:#f8fafc;border:1px solid rgba(0,173,239,.1);border-radius:20px;overflow:hidden;position:relative;z-index:2}.hub-stat-item{flex:1 1;display:flex;align-items:center;gap:10px;padding:16px 20px;border-right:1px solid rgba(0,0,0,.05);transition:background .2s}.hub-stat-item:last-child{border-right:none}.hub-stat-item:hover{background:#fff}.hub-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hub-stat-text{display:flex;flex-direction:column;gap:1px}.hub-stat-value{font-size:18px;font-weight:800;font-family:var(--font-heading);line-height:1}.hub-stat-label{font-size:10.5px;color:#94a3b8;font-weight:600;white-space:nowrap}.hub-footer{margin-top:28px;text-align:center;position:relative;z-index:2}.hub-footer p{font-size:12.5px;color:#94a3b8;letter-spacing:.3px}.fade-up{animation:fadeUpIn .5s ease both}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (max-width:680px){.hub-container{padding:36px 14px 32px}.hub-logo-mark{font-size:38px;letter-spacing:-1px}.hub-cards{grid-template-columns:1fr;max-width:420px;gap:16px}.hub-card-inner{padding:22px 20px 20px;min-height:unset}.hub-card-title{font-size:22px}.hub-card-icon-wrap{width:50px;height:50px}.hub-header{margin-bottom:18px}.hub-platforms{display:none}.hub-stats{flex-wrap:wrap;border-radius:14px}.hub-stat-item{flex:1 1 45%;padding:12px 14px;border-right:none;border-bottom:1px solid rgba(0,0,0,.05)}.hub-floater{display:none}}@media (min-width:681px) and (max-width:1024px){.hub-cards{gap:18px}.hub-cards,.hub-stats{max-width:720px}.hub-card-inner{padding:26px 22px 22px}}.hub-bg-gradient{background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(0,173,239,.12) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(139,92,246,.08) 0,transparent 50%),radial-gradient(ellipse 40% 40% at 10% 70%,rgba(0,173,239,.06) 0,transparent 40%)}.hub-bg-gradient,.hub-bg-grid{position:absolute;inset:0;pointer-events:none}.hub-bg-grid{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 80%)}.hub-bg-glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;animation:hubGlow 12s ease-in-out infinite}.hub-glow-1{width:500px;height:500px;background:rgba(0,173,239,.08);top:-15%;right:-10%}.hub-glow-2{width:400px;height:400px;background:rgba(139,92,246,.06);bottom:-10%;left:-5%;animation-delay:-6s}@keyframes hubGlow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}@media (max-width:700px){.pixel-skip-btn{bottom:24px;right:24px;padding:8px 18px;font-size:13px}}.tool-page{min-height:100%;overflow-x:hidden}.tool-page,.tool-page>*{width:100%;box-sizing:border-box}.tool-page>*{max-width:1500px;margin-left:auto;margin-right:auto}@media (max-width:1199px) and (min-width:768px){.tool-page>*{padding-left:20px!important;padding-right:20px!important}}@media (max-width:767px){.tool-page>*{padding-left:12px!important;padding-right:12px!important;padding-top:16px!important}.tool-page .mystery-box-left,.tool-page .spinwheel-left{flex:unset!important;width:100%!important}.spinwheel-grid{grid-template-columns:1fr!important}.tool-page button[style*="22px"]{font-size:18px!important;padding:14px 24px!important}.tool-page div[style*="clamp(28px"]{font-size:clamp(22px,7vw,36px)!important}}@media (max-width:479px){.tool-page>*{padding-left:10px!important;padding-right:10px!important}}.pb-hero-bleed{margin-left:0;margin-right:0}@media (max-width:1199px) and (min-width:768px){.pb-hero-bleed{margin-left:-20px!important;margin-right:-20px!important}}@media (max-width:767px){.pb-hero-bleed{margin-left:-12px!important;margin-right:-12px!important;margin-top:-16px!important}}@media (max-width:479px){.pb-hero-bleed{margin-left:-10px!important;margin-right:-10px!important}}@keyframes spuNewPulse{0%,to{transform:scale(1)}50%{transform:scale(1.13)}}@keyframes spuNewShine{0%{background-position:0 50%}to{background-position:200% 50%}}.spu-new-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:900;letter-spacing:.4px;color:#fff;background:linear-gradient(120deg,#ff5fa2,#e6007e,#7c4dff,#ff5fa2);background-size:220% 220%;padding:3px 10px;border-radius:999px;flex-shrink:0;line-height:1;box-shadow:0 2px 7px rgba(230,0,126,.45);white-space:nowrap;animation:spuNewPulse 1.5s ease-in-out infinite,spuNewShine 3s linear infinite;transform-origin:center}.spu-new-badge--sm{font-size:9.5px;padding:2px 8px}@media (prefers-reduced-motion:reduce){.spu-new-badge{animation:spuNewShine 3s linear infinite}}html[data-theme=dark]{--primary:#4f9cf9;--primary-hover:#6aacff;--accent:#ff5fa2;--accent-hover:#ff7bb4;--deep:#cbb9ff;--background:#0d0b1f;--surface:rgba(40,30,72,0.55);--surface-solid:#161325;--surface-hover:rgba(40,30,72,0.72);--text-main:#f1eff9;--text-muted:#c5bfe2;--border:rgba(255,255,255,0.10);--shadow-sm:0 4px 6px -1px rgba(0,0,0,0.4);--shadow-md:0 12px 24px -8px rgba(0,0,0,0.5);--shadow-lg:0 24px 48px -12px rgba(0,0,0,0.6);color-scheme:light}html[data-theme=dark] *{scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.04);scrollbar-width:thin}html[data-theme=dark] ::-webkit-scrollbar{width:11px;height:11px}html[data-theme=dark] ::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:8px;border:2px solid transparent;background-clip:padding-box}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3);background-clip:padding-box}.tool-page:not(.tool-page--game):not(.tool-page--fs)>div:first-of-type{max-width:1480px!important;margin-left:0!important;margin-right:auto!important}html[data-theme=dark] body{background:var(--background);color:var(--text-main)}html[data-theme=dark] .app-container{background-color:#0d0b1f;background-image:radial-gradient(at 0 0,rgba(79,156,249,.1) 0,transparent 45%),radial-gradient(at 50% 0,rgba(124,77,255,.1) 0,transparent 45%),radial-gradient(at 100% 0,rgba(255,95,162,.08) 0,transparent 45%)}html[data-theme=dark] body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(420px 420px at 8% 12%,rgba(79,156,249,.22),transparent 62%),radial-gradient(460px 460px at 92% 18%,rgba(124,77,255,.22),transparent 60%),radial-gradient(520px 520px at 50% 96%,rgba(255,95,162,.16),transparent 60%);filter:blur(46px);opacity:.9;animation:spuAurora 24s ease-in-out infinite alternate}html[data-theme=dark] body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 85% 70% at 50% 35%,#000,transparent 78%);mask-image:radial-gradient(ellipse 85% 70% at 50% 35%,#000,transparent 78%)}@keyframes spuAurora{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,1.5%,0) scale(1.08)}to{transform:translate3d(-1.5%,-2%,0) scale(1.04)}}@media (prefers-reduced-motion:reduce){html[data-theme=dark] body:before{animation:none}}html[data-theme=dark] .spu-glass-card{background:linear-gradient(160deg,rgba(40,30,72,.78),rgba(20,14,38,.78));border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 50px -20px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12);color:#e8e6f5}html[data-theme=dark] .spu-heading-gradient{background:linear-gradient(110deg,#4f9cf9,#7c4dff 52%,#ff5fa2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}html[data-theme=dark] .spu-pill-cta{background:linear-gradient(110deg,#4f9cf9,#7c4dff 52%,#ff5fa2);color:#fff;border:none;box-shadow:0 12px 30px -10px rgba(124,77,255,.55)}.spu-theme-toggle{position:relative;width:64px;height:36px;border-radius:999px;border:1px solid rgba(125,211,252,.5);background:linear-gradient(135deg,rgba(186,230,253,.5),rgba(125,211,252,.3));backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.65);padding:0;cursor:pointer;flex-shrink:0;overflow:hidden;transition:background .28s ease,border-color .28s ease;-webkit-tap-highlight-color:transparent}.spu-theme-toggle[aria-pressed=true]{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border-color:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.spu-theme-toggle .stt-track-ico{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;line-height:0;pointer-events:none;transition:left .28s ease,right .28s ease}.spu-theme-toggle .stt-knob svg,.spu-theme-toggle .stt-track-ico svg{display:block}.spu-theme-toggle[aria-pressed=false] .stt-track-ico{right:11px;left:auto}.spu-theme-toggle[aria-pressed=true] .stt-track-ico{left:11px;right:auto}.spu-theme-toggle .stt-knob{position:absolute;top:50%;left:5px;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;transition:left .3s cubic-bezier(.34,1.45,.5,1),background .28s ease}.spu-theme-toggle[aria-pressed=true] .stt-knob{left:31px;background:#f4f1ff}.spu-theme-toggle:hover{filter:brightness(1.03);box-shadow:0 0 0 3px rgba(125,211,252,.12)}.spu-theme-toggle:active .stt-knob{transform:translateY(-50%) scale(.9)}.pen-flip{transform:scaleX(-1)}.ink-icon,.pen-flip{display:inline-block}.ink-icon{filter:grayscale(1) brightness(0)}html[data-theme=dark] .ink-icon{filter:grayscale(1) brightness(0) invert(1)}@media (max-width:768px) and (pointer:coarse){.tap44{position:relative}.tap44:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}}