@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700&family=DM+Serif+Display:ital@0;1&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap";@font-face{font-family:Anton;src:url(/api/fonts/Anton-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Bebas Neue;src:url(/api/fonts/BebasNeue-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"DejaVu Serif";src:url(/api/fonts/DejaVuSerif.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DejaVu Sans;src:url(/api/fonts/DejaVuSans.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DejaVu Sans Mono;src:url(/api/fonts/DejaVuSansMono.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Liberation Serif";src:url(/api/fonts/LiberationSerif-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Liberation Sans;src:url(/api/fonts/LiberationSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Liberation Mono;src:url(/api/fonts/LiberationMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html,body{height:auto;min-height:auto}body{font-family:Roboto,sans-serif;background-color:#f5f6f5;color:#333;line-height:1.6}.App{text-align:center!important;padding:20px;max-width:900px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;height:auto;display:flex;flex-direction:column}h1{font-size:2rem;font-weight:500;color:#1a2b49;margin-bottom:30px}h3{font-size:1.25rem;font-weight:500;color:#1a2b49;margin:20px 0}.form{display:flex;flex-direction:column;gap:4px;margin:5px auto;max-width:450px;align-items:center;padding:10px;border:1px solid #ddd;border-radius:8px;background-color:#fafafa;box-shadow:0 2px 6px #0000000d}.form-row{background-color:#fafafa;padding:2px 10px;border-radius:6px;width:100%;box-shadow:0 1px 3px #00000008;display:flex;align-items:center;margin-bottom:3px}label{display:flex;align-items:center;font-size:1rem;font-weight:500;color:#444;margin-right:6px;white-space:nowrap;min-width:80px;width:100%;justify-content:space-between}input,select{padding:5px 8px;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;flex:1;max-width:200px;width:100%}input:hover,select:hover{border-color:#bbb;box-shadow:0 0 4px #0000001a}input:focus,select:focus{border-color:#0073b1;outline:none;box-shadow:0 0 4px #0073b133}input[type=range]{max-width:150px;-webkit-appearance:none;background:#ddd;border-radius:5px;height:8px;outline:none;margin:0 10px}input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#0073b1;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0003}input[type=file]{max-width:100%}button{padding:8px 16px;border:none;border-radius:6px;background-color:#0073b1;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;margin-top:0}button:hover{background-color:#005f91}span{font-weight:500;color:#333;margin:0 10px}.error{color:#d32f2f;font-size:.9rem;margin-top:10px}img{max-width:100%;height:auto;margin-top:10px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.preview{border:1px solid #ddd;border-radius:8px;padding:10px;background-color:#fafafa;margin:0 auto 10px;max-width:600px;position:relative;box-shadow:0 2px 6px #0000000d}.preview-content{position:relative;display:inline-block}.preview-btn{position:absolute;background-color:#0073b1;color:#fff;border:none;padding:3px 8px;border-radius:4px;cursor:pointer;font-size:.85rem;-webkit-user-select:none;user-select:none}.preview-btn.top{top:0;left:50%;transform:translate(-50%,-50%)}.preview-btn.bottom{bottom:15px;left:50%;transform:translate(-50%)}.preview-btn.left{left:0;top:50%;transform:translate(-50%,-50%)}.preview-btn.right{right:0;top:50%;transform:translate(50%,-50%)}.warning{background-color:#ffebee;color:#c62828;padding:12px;border-radius:6px;font-weight:500;margin:20px auto;max-width:500px}.button-group{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin:10px auto 0;max-width:500px;padding:7px;border:1px solid #ddd;border-radius:8px;background-color:#fafafa}.custom-upload{display:flex;align-items:center;margin-left:10px}.upload-btn{background-color:#0a66c2;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.upload-btn:hover{background-color:#004182}.file-selected{color:green;margin-left:10px;font-weight:700}.content-wrapper{display:flex;flex-direction:column;transition:all .3s ease;margin-top:-15px;height:auto;min-height:auto}.content-wrapper.keyboard-visible{flex-direction:column-reverse}@media screen and (max-width: 768px){.preview,.form,.button-group{padding:10px;margin:10px auto}.content-wrapper.keyboard-visible{height:auto!important;overflow-y:auto}.content-wrapper.keyboard-visible .preview{position:sticky;top:0;z-index:10;background:white;box-shadow:0 2px 4px #0000001a;transition:none}.content-wrapper.keyboard-visible .preview img{max-height:30vh;object-fit:contain}.content-wrapper.keyboard-visible .form-row{padding:2px 10px;margin-bottom:3px}html.is-scrolling *{transition-duration:0ms!important}}.app-header{width:100%;margin-bottom:0;padding:0}.header-container{display:flex;flex-direction:column;align-items:center;max-width:850px;margin:0 auto;padding:15px;text-align:center}.logo-title-container{display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:5px}.header-logo{width:60px;height:auto}.title-container{display:flex;flex-direction:column;align-items:center}.title-container h1{margin:0;font-size:1.6rem;color:#1a2b49;line-height:1.1;white-space:nowrap}.subtitle{font-size:.9rem;color:#666;font-weight:500;margin-top:-2px}.header-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-top:5px;flex-wrap:nowrap}.examples-button{padding:6px 12px;background-color:#0073b1;color:#fff;border:none;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;width:auto;min-width:initial;flex:none}.examples-button:hover{background-color:#005f91}@media screen and (max-width: 600px){.app-header h1{font-size:1.3rem}.subtitle{font-size:.9rem}}@media screen and (max-width: 400px){.header-buttons{flex-direction:column;gap:8px}.examples-button{width:80%}}.disclaimer-text{white-space:nowrap;display:inline}.terms-disclaimer,.payment-warning{font-size:.85rem;line-height:1.3;white-space:normal}.terms-disclaimer{margin:0 auto 8px;max-width:95%}.footer-links{margin-top:20px;position:static}.copyright,footer p{position:static;margin-top:10px;padding-bottom:10px}footer,.footer,div[style*="margin-top: 15px"]{position:static!important;bottom:auto!important;margin-top:20px!important}.pp-9HBQC4325MZNJ{text-align:center;border:none;border-radius:.25rem;min-width:11.625rem;padding:0 2rem;height:2.625rem;font-weight:700;background-color:#ffd140;color:#000;font-family:Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.25rem;cursor:pointer}.back-button{display:flex;align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;transition:background-color .2s ease}.back-button:hover{background-color:#e8e8e8}.back-button:before{content:"?";margin-right:5px}@media (max-width: 768px){.header-buttons{flex-wrap:wrap;justify-content:center}.examples-button{margin:4px;font-size:.9rem;padding:6px 12px}.back-button{width:auto;margin-right:4px}}.back-button:before{content:"←";margin-right:5px}.notfound-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f0f23 100%);padding:20px}.notfound-content{text-align:center;max-width:500px}.notfound-code{font-size:8rem;font-weight:700;margin:0;background:linear-gradient(135deg,#00ff88 0%,#00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.notfound-title{font-size:2rem;color:#fff;margin:20px 0 10px}.notfound-message{color:#a0a0a0;font-size:1.1rem;margin-bottom:40px}.notfound-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.notfound-btn{padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}.notfound-btn:hover{transform:translateY(-2px)}.notfound-btn-primary{background:linear-gradient(135deg,#00ff88 0%,#00d4ff 100%);color:#000}.notfound-btn-primary:hover{box-shadow:0 8px 24px #00ff884d}.notfound-btn-secondary{background:transparent;border:2px solid #00ff88;color:#0f8}.notfound-btn-secondary:hover{background:rgba(0,255,136,.1);box-shadow:0 8px 24px #0f83}.notfound-links{color:#666;font-size:.95rem}.notfound-links p{margin-bottom:12px}.notfound-links ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}.notfound-links a{color:#00d4ff;text-decoration:none;transition:color .2s}.notfound-links a:hover{color:#0f8}@media (max-width: 480px){.notfound-code{font-size:5rem}.notfound-title{font-size:1.5rem}.notfound-actions{flex-direction:column}.notfound-btn{width:100%}}.sbh-cert-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:40px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sbh-cert-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.sbh-cert-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sbh-cert-spin 1s linear infinite}@keyframes sbh-cert-spin{to{transform:rotate(360deg)}}.sbh-cert-error{background:white;border-radius:16px;padding:60px 40px;text-align:center;max-width:500px;margin:0 auto}.sbh-cert-error-icon{font-size:4rem;margin-bottom:20px;color:#d97706}.sbh-cert-actions{max-width:1100px;margin:0 auto 30px;display:flex;justify-content:space-between;align-items:center;gap:10px}.sbh-cert-action-buttons{display:flex;gap:10px}.sbh-cert-btn-back,.sbh-cert-btn-action{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);color:#fff;padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.sbh-cert-btn-back:hover,.sbh-cert-btn-action:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}.sbh-cert-btn-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.sbh-cert-card{max-width:1100px;margin:0 auto;background:linear-gradient(160deg,#fffef8 0%,#f8f5eb 100%);border-radius:16px;padding:35px 45px;position:relative;box-shadow:0 30px 80px #00000040,0 0 0 1px #d4af374d;overflow:hidden}.sbh-cert-card:before{content:"";position:absolute;top:18px;left:18px;right:18px;bottom:18px;border:2px solid #d4af37;border-radius:10px;pointer-events:none}.sbh-cert-card:after{content:"";position:absolute;top:24px;left:24px;right:24px;bottom:24px;border:1px solid rgba(212,175,55,.4);border-radius:8px;pointer-events:none}.sbh-cert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(212,175,55,.3);position:relative;z-index:1}.sbh-cert-brand{display:flex;align-items:center;gap:15px}.sbh-cert-seal-badge{width:55px;height:55px;background:linear-gradient(135deg,#d4af37 0%,#f4e5a0 50%,#d4af37 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 6px 20px #d4af3766;border:3px solid #fff}.sbh-cert-brand-text h1{font-family:Cinzel,serif;font-size:1.4rem;font-weight:600;color:#1a1a2e;letter-spacing:2px;margin:0 0 4px}.sbh-cert-brand-text span{font-size:.7rem;color:#c9302c;text-transform:uppercase;letter-spacing:2px;font-weight:600}.sbh-cert-verified-badge{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:10px 20px;border-radius:25px;box-shadow:0 4px 15px #10b9814d}.sbh-cert-verified-icon{font-size:1.2rem}.sbh-cert-verified-badge span:last-child{font-weight:600;font-size:.8rem;letter-spacing:1px}.sbh-cert-main{display:grid;grid-template-columns:1.4fr 1.4fr minmax(200px,.6fr);gap:25px;margin-bottom:20px;position:relative;z-index:1}.sbh-cert-left-col{display:flex;flex-direction:column;justify-content:center}.sbh-cert-title{font-family:Cinzel,serif;font-size:1.4rem;font-weight:600;color:#1a1a2e;letter-spacing:2px;margin:0 0 5px;line-height:1.3}.sbh-cert-subtitle{color:#555;font-size:.8rem;margin:0 0 18px;font-style:italic}.sbh-cert-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sbh-cert-info-item:nth-child(1),.sbh-cert-info-item:nth-child(2){grid-column:1 / -1}.sbh-cert-info-item{background:rgba(255,255,255,.8);padding:10px 12px;border-radius:6px;border-left:3px solid #d4af37;box-shadow:0 2px 8px #0000000d}.sbh-cert-info-item label{font-size:.55rem;text-transform:uppercase;letter-spacing:1px;color:#555;font-weight:600;display:block;margin-bottom:3px}.sbh-cert-info-item span{font-size:.85rem;color:#1a1a2e;font-weight:600}.sbh-cert-center-col{background:rgba(255,255,255,.6);border:1px solid rgba(212,175,55,.3);border-radius:12px;padding:18px}.sbh-cert-crypto-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #4ecca3}.sbh-cert-crypto-header span{font-size:1rem}.sbh-cert-crypto-header h3{font-size:.8rem;color:#1a1a2e;letter-spacing:1px;font-weight:600;margin:0}.sbh-cert-crypto-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sbh-cert-crypto-item{background:#fff;border:1px solid #e0e0e0;padding:10px;border-radius:6px}.sbh-cert-crypto-item label{font-size:.55rem;text-transform:uppercase;letter-spacing:.5px;color:#555;font-weight:600;display:block;margin-bottom:4px}.sbh-cert-crypto-value{font-size:.75rem;color:#1a1a2e;font-weight:600;margin-bottom:5px}.sbh-cert-crypto-fingerprint{font-family:JetBrains Mono,Courier New,monospace;font-size:.65rem;color:#444;padding-top:5px;border-top:1px dashed #ccc;margin-top:5px}.sbh-cert-right-col{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:15px;border-left:1px solid rgba(212,175,55,.3);min-width:200px}.sbh-cert-official-seal{width:180px;height:180px;min-width:180px;min-height:180px;aspect-ratio:1;flex-shrink:0;background:linear-gradient(135deg,#d4af37 0%,#f4e5a0 50%,#d4af37 100%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 25px #d4af3766,inset 0 -2px 8px #00000026;border:4px solid #fff;margin-bottom:12px;position:relative}.sbh-cert-official-seal:before{content:"";position:absolute;width:190px;height:190px;min-width:190px;min-height:190px;border:2px dashed rgba(212,175,55,.5);border-radius:50%}.sbh-cert-seal-icon{font-size:5.5rem;line-height:1}.sbh-cert-seal-text{font-size:.8rem;font-weight:700;letter-spacing:1px;color:#1a1a2e;text-transform:uppercase;margin-top:0;white-space:nowrap}.sbh-cert-tier-badge{background:linear-gradient(135deg,#d4af37 0%,#f4e5a0 100%);color:#1a1a2e;padding:8px 18px;border-radius:20px;font-weight:700;font-size:.75rem;letter-spacing:1px;margin-bottom:6px;box-shadow:0 4px 12px #d4af374d}.sbh-cert-tier-badge.sbh-cert-tier-elite{background:linear-gradient(135deg,#c9302c 0%,#e94560 100%);color:#fff;box-shadow:0 4px 12px #e945604d}.sbh-cert-type-label{font-size:.65rem;color:#555;font-weight:600;text-transform:uppercase;letter-spacing:1px}.sbh-cert-statement{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-left:4px solid #d97706;padding:16px 20px;border-radius:0 8px 8px 0;margin-bottom:18px;position:relative;z-index:1}.sbh-cert-statement p{font-family:Cormorant Garamond,Georgia,serif;font-size:.88rem;color:#7a3510;line-height:1.55;font-style:italic;margin:0}.sbh-cert-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid rgba(212,175,55,.3);position:relative;z-index:1}.sbh-cert-hash-section{flex:1}.sbh-cert-hash-label{font-size:.55rem;color:#555;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.sbh-cert-hash-value{font-family:JetBrains Mono,Courier New,monospace;font-size:.62rem;color:#1a1a2e;background:rgba(26,26,46,.05);padding:10px 14px;border-radius:6px;word-break:break-all;line-height:1.6;border:1px solid rgba(0,0,0,.08)}.sbh-cert-hash-value code{font-family:inherit;background:none;padding:0}.sbh-cert-verify-section{text-align:right;padding-left:20px}.sbh-cert-verify-section small{display:block;font-size:.55rem;color:#555;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.sbh-cert-verify-section a{color:#1a1a2e;text-decoration:none;font-size:.8rem;font-weight:600}.sbh-cert-verify-section a:hover{text-decoration:underline}.sbh-cert-tech-details{max-width:1100px;margin:30px auto 0;background:rgba(255,255,255,.05);border-radius:12px;overflow:hidden}.sbh-cert-tech-details summary{padding:15px 20px;color:#ffffffb3;cursor:pointer;font-size:.9rem;transition:background .2s ease}.sbh-cert-tech-details summary:hover{background:rgba(255,255,255,.05);color:#fff}.sbh-cert-tech-content{padding:20px;background:rgba(255,255,255,.95);color:#1a1a2e}.sbh-cert-tech-content h3{font-size:1rem;margin:20px 0 10px;color:#1a1a2e}.sbh-cert-tech-content h3:first-child{margin-top:0}.sbh-cert-tech-content ul{margin:0 0 15px 20px;line-height:1.8}.sbh-cert-tech-content p{line-height:1.7;margin-bottom:15px}@media print{.sbh-cert-no-print{display:none!important}.sbh-cert-container{background:white!important;padding:0!important;min-height:auto!important}.sbh-cert-card{box-shadow:none!important;max-width:100%!important;margin:0!important;border-radius:0!important}@page{size:landscape;margin:10mm}}.sbh-cert-pdf-mode{box-shadow:none!important}.sbh-cert-pdf-mode .sbh-cert-official-seal{box-shadow:0 4px 12px #d4af3733!important}.sbh-cert-pdf-mode .sbh-cert-tier-badge,.sbh-cert-pdf-mode .sbh-cert-verified-badge{box-shadow:none!important}@media (max-width: 900px){.sbh-cert-main{grid-template-columns:1fr 1fr;gap:20px}.sbh-cert-right-col{grid-column:1 / -1;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding-left:0;padding-top:15px;border-left:none;border-top:1px solid rgba(212,175,55,.3);min-width:unset}.sbh-cert-official-seal{width:180px;height:180px;min-width:180px;min-height:180px;margin-bottom:0}.sbh-cert-official-seal:before{width:190px;height:190px}}@media (max-width: 650px){.sbh-cert-container{padding:20px 15px}.sbh-cert-card{padding:25px 20px}.sbh-cert-card:before{top:12px;left:12px;right:12px;bottom:12px}.sbh-cert-card:after{top:16px;left:16px;right:16px;bottom:16px}.sbh-cert-header{flex-direction:column;gap:15px;text-align:center}.sbh-cert-brand{flex-direction:column;gap:10px}.sbh-cert-brand-text h1{font-size:1.2rem}.sbh-cert-main{grid-template-columns:1fr;gap:20px}.sbh-cert-left-col{text-align:center}.sbh-cert-title{font-size:1.2rem}.sbh-cert-info-grid{grid-template-columns:1fr}.sbh-cert-center-col{padding:15px}.sbh-cert-crypto-grid{grid-template-columns:1fr}.sbh-cert-right-col{flex-direction:column;align-items:center;gap:12px;min-width:unset}.sbh-cert-official-seal{width:180px;height:180px;min-width:180px;min-height:180px}.sbh-cert-official-seal:before{width:190px;height:190px}.sbh-cert-footer{flex-direction:column;gap:15px;text-align:center}.sbh-cert-verify-section{padding-left:0}.sbh-cert-actions{flex-direction:column;gap:15px}.sbh-cert-action-buttons{flex-direction:column;width:100%}.sbh-cert-btn-back,.sbh-cert-btn-action{width:100%}}.sbh-verify-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:40px 20px;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sbh-verify-loading{background:white;border-radius:16px;padding:60px;text-align:center;box-shadow:0 20px 60px #0000004d}.sbh-verify-spinner{width:50px;height:50px;border:4px solid rgba(212,175,55,.3);border-top-color:#d4af37;border-radius:50%;animation:sbh-verify-spin 1s linear infinite;margin:0 auto 20px}@keyframes sbh-verify-spin{to{transform:rotate(360deg)}}.sbh-verify-loading p{color:#1a1a2e;font-size:1.1rem;margin:0}.sbh-verify-error-card{background:white;border-radius:16px;padding:50px 60px;max-width:600px;width:100%;box-shadow:0 30px 80px #0000004d;text-align:center}.sbh-verify-error-icon{font-size:4rem;margin-bottom:20px}.sbh-verify-error-card h1{font-family:Cinzel,serif;font-size:2rem;color:#1a1a2e;margin:0 0 15px}.sbh-verify-error-message{font-size:1.1rem;color:#ef4444;margin:0 0 25px;font-weight:600}.sbh-verify-error-details{background:#fef2f2;border-left:4px solid #ef4444;padding:20px;border-radius:8px;text-align:left;margin-bottom:25px}.sbh-verify-error-details p{color:#991b1b;font-weight:600;margin:0 0 12px;font-size:.9rem}.sbh-verify-error-details ul{color:#991b1b;margin:0;padding-left:20px;font-size:.85rem}.sbh-verify-error-details li{margin-bottom:6px;line-height:1.5}.sbh-verify-card{max-width:1100px;width:100%;background:linear-gradient(160deg,#fffef8 0%,#f8f5eb 100%);border-radius:16px;padding:35px 45px;position:relative;box-shadow:0 30px 80px #00000040,0 0 0 1px #d4af374d;overflow:hidden}.sbh-verify-card:before{content:"";position:absolute;top:18px;left:18px;right:18px;bottom:18px;border:2px solid #d4af37;border-radius:10px;pointer-events:none}.sbh-verify-card:after{content:"";position:absolute;top:24px;left:24px;right:24px;bottom:24px;border:1px solid rgba(212,175,55,.4);border-radius:8px;pointer-events:none}.sbh-verify-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(212,175,55,.3);position:relative;z-index:1}.sbh-verify-brand{display:flex;align-items:center;gap:15px}.sbh-verify-seal-badge{width:55px;height:55px;background:linear-gradient(135deg,#d4af37 0%,#f4e5a0 50%,#d4af37 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 6px 20px #d4af3766;border:3px solid #fff}.sbh-verify-brand-text h1{font-family:Cinzel,serif;font-size:1.4rem;font-weight:600;color:#1a1a2e;letter-spacing:2px;margin:0 0 4px}.sbh-verify-brand-text span{font-size:.7rem;color:#c9302c;text-transform:uppercase;letter-spacing:2px;font-weight:600}.sbh-verify-success-badge{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:10px 20px;border-radius:25px;box-shadow:0 4px 15px #10b9814d}.sbh-verify-success-icon{font-size:1.2rem}.sbh-verify-success-badge span:last-child{font-weight:600;font-size:.8rem;letter-spacing:1px}.sbh-verify-main{display:grid;grid-template-columns:.8fr 1.4fr minmax(200px,.8fr);gap:25px;margin-bottom:20px;position:relative;z-index:1}.sbh-verify-left-col{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-right:15px;border-right:1px solid rgba(212,175,55,.3)}.sbh-verify-checkmark-wrapper{width:80px;height:80px;margin-bottom:12px}.sbh-verify-checkmark{width:80px;height:80px;border-radius:50%;display:block;stroke-width:3;stroke:#10b981;stroke-miterlimit:10;box-shadow:inset 0 0 #10b981;animation:sbh-verify-fill .4s ease-in-out .4s forwards,sbh-verify-scale .3s ease-in-out .9s both}.sbh-verify-checkmark-circle-svg{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:#10b981;fill:none;animation:sbh-verify-stroke .6s cubic-bezier(.65,0,.45,1) forwards}.sbh-verify-checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke:#fff;stroke-width:3;animation:sbh-verify-stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes sbh-verify-stroke{to{stroke-dashoffset:0}}@keyframes sbh-verify-scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes sbh-verify-fill{to{box-shadow:inset 0 0 0 40px #10b981}}.sbh-verify-status-title{font-family:Cinzel,serif;font-size:1.1rem;font-weight:600;color:#1a1a2e;margin:0 0 5px;letter-spacing:1px}.sbh-verify-status-subtitle{color:#555;font-size:.75rem;margin:0;font-style:italic}.sbh-verify-center-col{background:rgba(255,255,255,.6);border:1px solid rgba(212,175,55,.3);border-radius:12px;padding:18px}.sbh-verify-details-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #4ecca3}.sbh-verify-details-header span{font-size:1rem}.sbh-verify-details-header h3{font-size:.8rem;color:#1a1a2e;letter-spacing:1px;font-weight:600;margin:0}.sbh-verify-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.sbh-verify-detail-item{background:#fff;border:1px solid #e0e0e0;padding:10px;border-radius:6px}.sbh-verify-detail-item label{font-size:.55rem;text-transform:uppercase;letter-spacing:.5px;color:#555;font-weight:600;display:block;margin-bottom:4px}.sbh-verify-detail-item span{font-size:.85rem;color:#1a1a2e;font-weight:600}.sbh-verify-crypto-badge{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#0f0f23 0%,#1a1a3e 100%);border:1px solid #4ecca3;border-radius:8px}.sbh-verify-crypto-icon{font-size:1.4rem}.sbh-verify-crypto-text{display:flex;flex-direction:column}.sbh-verify-crypto-text strong{color:#4ecca3;font-size:.7rem;letter-spacing:1px}.sbh-verify-crypto-text span{color:#a0a0a0;font-size:.65rem}.sbh-verify-right-col{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:15px;border-left:1px solid rgba(212,175,55,.3);min-width:200px}.sbh-verify-official-seal{width:180px;height:180px;min-width:180px;min-height:180px;aspect-ratio:1;flex-shrink:0;background:linear-gradient(135deg,#d4af37 0%,#f4e5a0 50%,#d4af37 100%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 25px #d4af3766,inset 0 -2px 8px #00000026;border:4px solid #fff;margin-bottom:12px;position:relative}.sbh-verify-official-seal:before{content:"";position:absolute;width:190px;height:190px;min-width:190px;min-height:190px;border:2px dashed rgba(212,175,55,.5);border-radius:50%}.sbh-verify-seal-icon{font-size:5.5rem;line-height:1}.sbh-verify-seal-text{font-size:.8rem;font-weight:700;letter-spacing:.5px;color:#1a1a2e;text-transform:uppercase;white-space:nowrap;margin-top:0}.sbh-verify-tier-badge{background:linear-gradient(135deg,#d4af37 0%,#f4e5a0 100%);color:#1a1a2e;padding:8px 18px;border-radius:20px;font-weight:700;font-size:.75rem;letter-spacing:1px;margin-bottom:6px;box-shadow:0 4px 12px #d4af374d}.sbh-verify-tier-badge.sbh-verify-tier-elite{background:linear-gradient(135deg,#c9302c 0%,#e94560 100%);color:#fff;box-shadow:0 4px 12px #e945604d}.sbh-verify-type-label{font-size:.65rem;color:#555;font-weight:600;text-transform:uppercase;letter-spacing:1px}.sbh-verify-statement{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-left:4px solid #d97706;padding:16px 20px;border-radius:0 8px 8px 0;margin-bottom:18px;position:relative;z-index:1}.sbh-verify-statement p{font-family:Cormorant Garamond,Georgia,serif;font-size:.88rem;color:#7a3510;line-height:1.55;font-style:italic;margin:0}.sbh-verify-statement strong{color:#92400e}.sbh-verify-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid rgba(212,175,55,.3);position:relative;z-index:1;margin-bottom:15px}.sbh-verify-hash-section{flex:1}.sbh-verify-hash-label{font-size:.55rem;color:#555;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.sbh-verify-hash-value{font-family:JetBrains Mono,Courier New,monospace;font-size:.6rem;color:#1a1a2e;background:rgba(26,26,46,.05);padding:10px 14px;border-radius:6px;word-break:break-all;line-height:1.6;border:1px solid rgba(0,0,0,.08)}.sbh-verify-hash-value code{font-family:inherit;background:none;padding:0}.sbh-verify-actions-section{display:flex;gap:10px;padding-left:20px}.sbh-verify-cert-btn,.sbh-verify-home-btn{padding:10px 20px;border-radius:8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}.sbh-verify-cert-btn{background:linear-gradient(135deg,#d4af37 0%,#f4e5a0 100%);color:#1a1a2e;box-shadow:0 4px 15px #d4af374d}.sbh-verify-cert-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.sbh-verify-home-btn{background:white;color:#1a1a2e;border:2px solid #d4af37}.sbh-verify-home-btn:hover{background:#d4af37;color:#1a1a2e;transform:translateY(-2px)}.sbh-verify-issuer-footer{text-align:center;padding-top:12px;border-top:1px solid rgba(212,175,55,.2);position:relative;z-index:1;font-size:.75rem;color:#888}.sbh-verify-issuer-footer strong{color:#1a1a2e}.sbh-verify-separator{margin:0 10px;color:#ccc}@media (max-width: 900px){.sbh-verify-main{grid-template-columns:1fr 1fr;gap:20px}.sbh-verify-left-col{grid-column:1 / -1;flex-direction:row;justify-content:center;gap:20px;padding-right:0;padding-bottom:15px;border-right:none;border-bottom:1px solid rgba(212,175,55,.3)}.sbh-verify-checkmark-wrapper{margin-bottom:0}.sbh-verify-right-col{padding-left:0;border-left:none;padding-top:15px;border-top:1px solid rgba(212,175,55,.3);grid-column:1 / -1;flex-direction:column;align-items:center;gap:12px;min-width:unset}.sbh-verify-official-seal{width:180px;height:180px;min-width:180px;min-height:180px;margin-bottom:0}.sbh-verify-official-seal:before{width:190px;height:190px}}@media (max-width: 650px){.sbh-verify-container{padding:20px 15px}.sbh-verify-card{padding:25px 20px}.sbh-verify-card:before{top:12px;left:12px;right:12px;bottom:12px}.sbh-verify-card:after{top:16px;left:16px;right:16px;bottom:16px}.sbh-verify-header{flex-direction:column;gap:15px;text-align:center}.sbh-verify-brand{flex-direction:column;gap:10px}.sbh-verify-brand-text h1{font-size:1.2rem}.sbh-verify-main{grid-template-columns:1fr;gap:20px}.sbh-verify-left-col{flex-direction:column;gap:10px;padding-bottom:15px}.sbh-verify-center-col{padding:15px}.sbh-verify-details-grid{grid-template-columns:1fr}.sbh-verify-right-col{flex-direction:column;align-items:center;gap:12px;min-width:unset}.sbh-verify-official-seal{width:180px;height:180px;min-width:180px;min-height:180px}.sbh-verify-official-seal:before{width:190px;height:190px}.sbh-verify-footer{flex-direction:column;gap:15px}.sbh-verify-actions-section{padding-left:0;width:100%;flex-direction:column}.sbh-verify-cert-btn,.sbh-verify-home-btn{width:100%;text-align:center}.sbh-verify-issuer-footer{flex-direction:column;gap:5px}.sbh-verify-separator{display:none}.sbh-verify-issuer-footer{display:flex;flex-direction:column;gap:3px}}@media print{.sbh-verify-container{background:white!important;padding:0!important;min-height:auto!important}.sbh-verify-card{box-shadow:none!important;max-width:100%!important;margin:0!important;border-radius:0!important}@page{size:landscape;margin:10mm}}.manual-verify-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:60px 20px;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.manual-verify-container{background:white;border-radius:30px;padding:60px 80px;max-width:800px;width:100%;box-shadow:0 30px 80px #0000004d,0 0 0 1px #667eea33}.manual-verify-header{text-align:center;margin-bottom:40px}.manual-verify-icon{font-size:4rem;margin-bottom:20px}.manual-verify-title{font-size:2.8rem;color:#1a1a2e;margin:0 0 15px;font-weight:700}.manual-verify-subtitle{font-size:1.2rem;color:#64748b;margin:0;line-height:1.6}.drop-zone{border:3px dashed #cbd5e1;border-radius:20px;padding:50px 30px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8fafc;margin-bottom:30px}.drop-zone:hover{border-color:#667eea;background:#f0f4ff}.drop-zone-active{border-color:#667eea;background:linear-gradient(135deg,#e0e7ff 0%,#ede9fe 100%);border-style:solid;transform:scale(1.02)}.drop-zone-error{border-color:#ef4444;border-style:solid;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%)}.drop-zone-error:hover{border-color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.drop-zone-error-icon{width:60px;height:60px;background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 15px}.drop-zone-error-title{font-size:1.5rem;color:#991b1b;font-weight:700;margin-bottom:15px;font-variant:small-caps}.drop-zone-error-reasons{background:white;border-left:4px solid #ef4444;border-radius:8px;padding:15px 20px;text-align:left;max-width:350px;margin:0 auto 15px}.drop-zone-error-reasons p{margin:0 0 10px;color:#991b1b;font-weight:600;font-size:.9rem}.drop-zone-error-reasons ul{margin:0;padding-left:18px;color:#b91c1c;font-size:.85rem}.drop-zone-error-reasons li{margin-bottom:5px;line-height:1.4}.drop-zone-error-reasons li:last-child{margin-bottom:0}.drop-zone-error-note{margin-top:10px;padding:8px 12px;background:rgba(239,68,68,.2);border-radius:6px;font-size:.85rem;color:#dc2626;font-weight:600}.drop-zone-processing{pointer-events:none;opacity:.8}.drop-zone-input{display:none}.drop-zone-icon{font-size:4rem;margin-bottom:15px}.drop-zone-text{font-size:1.3rem;color:#475569;font-weight:600;margin-bottom:8px}.drop-zone-subtext{font-size:1rem;color:#94a3b8}.drop-zone-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}.verify-divider{display:flex;align-items:center;margin:30px 0}.verify-divider:before,.verify-divider:after{content:"";flex:1;height:2px;background:#e2e8f0}.verify-divider span{padding:0 20px;color:#94a3b8;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:2px}.manual-verify-form{margin-bottom:50px}.manual-verify-input-wrapper{margin-bottom:25px}.manual-verify-label{display:block;font-size:.9rem;color:#64748b;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-weight:600}.manual-verify-input{width:100%;padding:18px 20px;font-size:.95rem;font-family:Courier New,monospace;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#1a1a2e;transition:all .3s ease;box-sizing:border-box}.manual-verify-input:focus{outline:none;border-color:#667eea;background:white;box-shadow:0 0 0 4px #667eea1a}.manual-verify-input::placeholder{color:#94a3b8}.manual-verify-error{margin-top:10px;padding:12px 16px;background:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;color:#991b1b;font-size:.95rem;font-weight:600}.manual-verify-button{width:100%;padding:18px 40px;font-size:1.2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #667eea4d}.manual-verify-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #667eea66}.manual-verify-button:active{transform:translateY(0)}.manual-verify-info{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-left:4px solid #0ea5e9;padding:30px;border-radius:12px;margin-bottom:30px}.manual-verify-info h3{font-size:1.5rem;color:#1a1a2e;margin:0 0 15px;font-weight:700}.manual-verify-info p{color:#475569;line-height:1.8;font-size:1.05rem;margin:0 0 25px}.manual-verify-features{display:flex;flex-direction:column;gap:15px}.manual-verify-feature{display:flex;align-items:center;gap:15px;background:white;padding:15px;border-radius:10px;box-shadow:0 2px 10px #0000000d}.feature-icon{width:40px;height:40px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;flex-shrink:0}.feature-text{display:flex;flex-direction:column;gap:3px}.feature-text strong{font-size:1.05rem;color:#1a1a2e}.feature-text span{font-size:.9rem;color:#64748b}.manual-verify-example{background:#1a1a2e;padding:25px;border-radius:12px;border:2px solid #667eea;margin-bottom:30px}.manual-verify-example h4{font-size:.9rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px;font-weight:600}.example-hash{display:block;color:#10b981;font-family:Courier New,monospace;font-size:.95rem;word-break:break-all;line-height:1.8;text-shadow:0 0 10px rgba(16,185,129,.3)}.file-verify-failed{background:white;border-radius:20px;padding:40px;text-align:center;margin-bottom:30px;box-shadow:0 10px 40px #0000001a;border:2px solid #fecaca}.file-verify-failed-icon{width:80px;height:80px;background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin:0 auto 20px}.file-verify-failed-title{font-size:2rem;color:#1a1a2e;margin:0 0 10px;font-weight:700;font-variant:small-caps}.file-verify-failed-subtitle{font-size:1.2rem;color:#ef4444;margin:0 0 25px;font-weight:600}.file-verify-failed-reasons{background:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;padding:20px 25px;text-align:left;max-width:500px;margin:0 auto}.file-verify-failed-reasons p{margin:0 0 12px;color:#991b1b;font-weight:600}.file-verify-failed-reasons ul{margin:0;padding-left:20px;color:#b91c1c}.file-verify-failed-reasons li{margin-bottom:8px;line-height:1.5}.file-verify-failed-reasons li:last-child{margin-bottom:0}.manual-verify-footer{text-align:center;padding-top:30px;border-top:2px solid #e2e8f0}.manual-verify-back{display:inline-block;padding:12px 30px;color:#667eea;text-decoration:none;font-weight:600;border:2px solid #667eea;border-radius:10px;transition:all .3s ease}.manual-verify-back:hover{background:#667eea;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.manual-verify-container{padding:40px 30px}.manual-verify-title{font-size:2.2rem}.manual-verify-subtitle{font-size:1.05rem}.manual-verify-input{font-size:.85rem;padding:15px}.manual-verify-button{font-size:1.05rem;padding:16px 30px}.drop-zone{padding:40px 20px}.drop-zone-icon{font-size:3rem}.drop-zone-text{font-size:1.1rem}}.sbh-landing{--sbh-gold: #d4a84b;--sbh-gold-dark: #a67c32;--sbh-cyan: #2dd4bf;--sbh-cyan-dark: #14b8a6;--sbh-bg: #0c0c0c;--sbh-surface: #161616;--sbh-surface-2: #1f1f1f;--sbh-text: #f5f5f5;--sbh-text-dim: #b0b0b0;--sbh-border: rgba(255,255,255,.06)}.sbh-landing{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--sbh-bg);color:var(--sbh-text);line-height:1.6;min-height:100vh}.sbh-header{position:fixed;top:0;left:0;right:0;padding:16px 40px;display:flex;justify-content:space-between;align-items:center;background:rgba(12,12,12,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;border-bottom:1px solid var(--sbh-border)}.sbh-logo{display:flex;align-items:center;gap:10px}.sbh-logo-icon{width:32px;height:32px;background:var(--sbh-gold);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#000}.sbh-logo span{font-weight:600;font-size:15px;color:var(--sbh-text)}.sbh-nav{display:flex;align-items:center;gap:8px}.sbh-nav-link{color:#d0d0d0!important;text-decoration:none;font-size:13px;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .2s;border:none;background:transparent;cursor:pointer}.sbh-nav-link:hover{color:#fff!important;background:var(--sbh-surface)}.sbh-hero{padding:140px 40px 80px;text-align:center;max-width:900px;margin:0 auto}.sbh-hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--sbh-surface);border:1px solid var(--sbh-border);padding:8px 16px;border-radius:100px;font-size:12px;color:var(--sbh-gold);font-weight:500;margin-bottom:32px}.sbh-hero-title{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(48px,8vw,80px);font-weight:400;line-height:1.05;letter-spacing:-2px;margin-bottom:24px}.sbh-gold{color:var(--sbh-gold)}.sbh-cyan{color:var(--sbh-cyan)}.sbh-hero-sub{font-size:18px;color:var(--sbh-text-dim);max-width:600px;margin:0 auto;line-height:1.7}.sbh-pillars{padding:40px 40px 100px;max-width:1200px;margin:0 auto}.sbh-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sbh-pillar-card{background:var(--sbh-surface);border:1px solid var(--sbh-border);border-radius:16px;padding:32px 28px;transition:all .25s ease;position:relative}.sbh-pillar-card:hover{background:var(--sbh-surface-2);border-color:#ffffff1a;transform:translateY(-2px)}.sbh-pillar-tag{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;border-radius:4px;margin-bottom:20px}.sbh-pillar-create .sbh-pillar-tag,.sbh-pillar-learn .sbh-pillar-tag{background:rgba(212,168,75,.15);color:var(--sbh-gold)}.sbh-pillar-secure .sbh-pillar-tag{background:rgba(45,212,191,.15);color:var(--sbh-cyan)}.sbh-pillar-card h3{font-family:"DM Serif Display",Georgia,serif;font-size:28px;font-weight:400;margin-bottom:12px;line-height:1.2}.sbh-pillar-create h3,.sbh-pillar-learn h3{color:var(--sbh-gold)}.sbh-pillar-secure h3{color:var(--sbh-cyan)}.sbh-subtitle{font-size:20px;color:silver!important}.sbh-pillar-card>p{font-size:14px;color:var(--sbh-text-dim);line-height:1.6;margin-bottom:24px}.sbh-pillar-features{list-style:none;margin:0 0 24px;padding:0}.sbh-pillar-features li{font-size:13px;color:var(--sbh-text);padding:10px 0;border-bottom:1px solid var(--sbh-border);display:flex;align-items:center;gap:10px}.sbh-pillar-features li:last-child{border-bottom:none}.sbh-icon{font-size:14px;width:20px;flex-shrink:0}.sbh-pillar-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;transition:gap .2s}.sbh-pillar-create .sbh-pillar-link,.sbh-pillar-learn .sbh-pillar-link{color:var(--sbh-gold)}.sbh-pillar-secure .sbh-pillar-link{color:var(--sbh-cyan)}.sbh-pillar-link:hover{gap:10px}.sbh-stats-strip{background:var(--sbh-surface);border-top:1px solid var(--sbh-border);border-bottom:1px solid var(--sbh-border);padding:48px 40px}.sbh-stats-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:center}.sbh-stat-item{border-right:1px solid var(--sbh-border)}.sbh-stat-item:last-child{border-right:none}.sbh-stat-number{font-family:"DM Serif Display",Georgia,serif;font-size:40px;color:var(--sbh-text);margin-bottom:4px}.sbh-stat-label{font-size:12px;color:var(--sbh-text-dim);text-transform:uppercase;letter-spacing:1px}.sbh-press-bar{padding:40px;text-align:center}.sbh-press-bar p{font-size:11px;color:#9a9a9a!important;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.sbh-press-logos{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.sbh-press-logos span{font-size:14px;font-weight:500;color:#a0a0a0!important}.sbh-footer{padding:64px 40px 32px;border-top:1px solid var(--sbh-border);max-width:1200px;margin:0 auto}.sbh-footer-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:48px;margin-bottom:48px}.sbh-footer-brand p{font-size:13px;color:var(--sbh-text-dim);line-height:1.7}.sbh-footer-brand strong{color:var(--sbh-text)}.sbh-footer-col h4{font-size:11px;color:var(--sbh-gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.sbh-footer-link{display:block;font-size:13px;color:var(--sbh-text-dim);text-decoration:none;padding:5px 0;transition:color .2s;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}.sbh-footer-link:hover{color:var(--sbh-text)}.sbh-footer-bottom{padding-top:24px;border-top:1px solid var(--sbh-border);font-size:12px;color:var(--sbh-text-dim);text-align:center}@media (max-width: 1024px){.sbh-pillars-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.sbh-stats-inner{grid-template-columns:repeat(2,1fr)}.sbh-stat-item{border-right:none}.sbh-footer-grid{grid-template-columns:repeat(3,1fr)}.sbh-footer-brand{grid-column:1 / -1}}@media (max-width: 768px){.sbh-header{padding:12px 20px}.sbh-nav-link:not(:last-child){display:none}.sbh-hero{padding:120px 20px 60px}.sbh-pillars{padding:20px 20px 60px}.sbh-stats-strip{padding:32px 20px}.sbh-stats-inner{grid-template-columns:1fr 1fr;gap:24px}.sbh-footer{padding:48px 20px 24px}.sbh-footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media (max-width: 480px){.sbh-hero-title{font-size:36px;letter-spacing:-1px}.sbh-hero-sub{font-size:16px}.sbh-pillar-card h3{font-size:24px}.sbh-subtitle{font-size:16px}.sbh-stat-number{font-size:32px}.sbh-press-logos{gap:24px}.sbh-footer-grid{grid-template-columns:1fr;gap:24px}}.sbh-landing a:focus,.sbh-landing button:focus{outline:2px solid var(--sbh-cyan);outline-offset:2px}.sbh-landing a[href="/login"],.sbh-landing a[href="/login"]:hover,.sbh-landing a[href="/login"]:focus{background:#d4a84b!important;color:#000!important;text-decoration:none!important}.resources-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;color:#fff;min-height:100vh;margin:0;padding:0;line-height:1.6;overflow-x:hidden}.resources-page .header{background:linear-gradient(180deg,#1a1a1a 0%,#111 100%);border-bottom:1px solid #333;padding:25px 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.resources-page .header-content{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.resources-page .header-nav{display:flex;gap:20px;align-items:center}.resources-page .header-nav a{background:rgba(0,255,255,.1);color:#0ff;text-decoration:none;padding:10px 18px;border:1px solid rgba(0,255,255,.3);border-radius:8px;font-weight:600;transition:all .3s ease;font-size:.95rem}.resources-page .header-nav a:hover{background:rgba(0,255,255,.2);border-color:#0ff;transform:translateY(-1px);color:#0ff}@media (max-width: 768px){.resources-page .header-content{padding:0 20px;flex-direction:column;gap:15px;align-items:flex-start}.resources-page .header-nav{gap:10px;font-size:.9rem;width:100%;justify-content:flex-start}.resources-page .header-nav a{padding:6px 12px;font-size:.85rem}}.resources-page .quick-actions{padding:80px 40px;max-width:1400px;margin:0 auto}.resources-page .quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.resources-page .quick-action-card{background:#1a1a1a;border:2px solid #9370db;border-radius:20px;padding:40px 30px;text-align:center;text-decoration:none;color:inherit;transition:all .4s ease;position:relative;overflow:hidden}.resources-page .quick-action-card.handwriting{border-color:#0ff}.resources-page .quick-action-card.ecard{border-color:#ff6b6b}.resources-page .quick-action-card.showcase{border-color:#444}@media (max-width: 768px){.resources-page .quick-actions{padding:60px 20px}.resources-page .quick-actions-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 1024px) and (min-width: 769px){.resources-page .quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.resources-page .crypto-signature-resources{padding:80px 40px;max-width:1400px;margin:40px auto 0;background:linear-gradient(135deg,#1a1a1a 0%,#0f1419 100%);border-radius:40px;position:relative;border:2px solid #64b5f6}.resources-page .crypto-signature-resources:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#64b5f6 0%,#00ffff 100%);border-radius:40px 40px 0 0}.resources-page .crypto-signature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.resources-page .crypto-signature-card{background:#0a0a0a;border:2px solid #64b5f6;border-radius:16px;padding:35px;text-decoration:none;color:inherit;transition:all .4s ease;position:relative;overflow:hidden}.resources-page .crypto-signature-card:hover{transform:translateY(-8px);border-color:#0ff;box-shadow:0 15px 40px #64b5f64d}.resources-page .crypto-signature-card.product{border-color:#64b5f6}.resources-page .crypto-signature-card.concept{border-color:#90caf9}.resources-page .crypto-signature-card.action{border-color:#0ff;background:linear-gradient(135deg,rgba(100,181,246,.1) 0%,rgba(0,255,255,.05) 100%)}@media (max-width: 768px){.resources-page .crypto-signature-resources{padding:60px 20px;margin:20px auto 0}.resources-page .crypto-signature-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 1024px) and (min-width: 769px){.resources-page .crypto-signature-grid{grid-template-columns:repeat(2,1fr)}}.resources-page .platform-resources{padding:80px 40px;max-width:1400px;margin:40px auto 0;background:#1a1a1a;border-radius:40px;position:relative}.resources-page .platform-resources:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#9370db 0%,#00ffff 100%);border-radius:40px 40px 0 0}.resources-page .platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.resources-page .platform-card{background:#0a0a0a;border:1px solid #333;border-radius:16px;padding:30px;transition:all .3s ease}@media (max-width: 768px){.resources-page .platform-resources{padding:60px 20px;margin:20px auto 0}.resources-page .platform-grid{grid-template-columns:1fr;gap:20px}}.resources-page .video-ecard-resources{padding:80px 40px;max-width:1400px;margin:0 auto}.resources-page .video-ecard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.resources-page .video-ecard-card{background:#1a1a1a;border:2px solid #333;border-radius:16px;padding:30px;text-decoration:none;color:inherit;transition:all .4s ease;position:relative;overflow:hidden}@media (max-width: 768px){.resources-page .video-ecard-resources{padding:60px 20px}.resources-page .video-ecard-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 1024px) and (min-width: 769px){.resources-page .video-ecard-grid{grid-template-columns:repeat(2,1fr)}}.resources-page .profession-resources{padding:80px 40px;max-width:1400px;margin:0 auto}.resources-page .profession-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.resources-page .profession-card{background:#1a1a1a;border:2px solid #333;border-radius:16px;padding:30px;text-decoration:none;color:inherit;transition:all .4s ease;position:relative;overflow:hidden}@media (max-width: 768px){.resources-page .profession-resources{padding:60px 20px}.resources-page .profession-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 1024px) and (min-width: 769px){.resources-page .profession-grid{grid-template-columns:repeat(2,1fr)}}.resources-page .email-signature-resources,.resources-page .portrait-studio-resources{padding:80px 40px;max-width:1400px;margin:0 auto}.resources-page .portrait-studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.resources-page .portrait-studio-card{background:#1a1a1a;border:2px solid #f48fb1;border-radius:16px;padding:30px;text-decoration:none;color:inherit;transition:all .4s ease;position:relative;overflow:hidden}.resources-page .quick-action-card.portrait-studio{border-color:#f48fb1}@media (max-width: 768px){.resources-page .portrait-studio-resources{padding:60px 20px}.resources-page .portrait-studio-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 1024px) and (min-width: 769px){.resources-page .portrait-studio-grid{grid-template-columns:repeat(2,1fr)}}.resources-page .email-signature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.resources-page .email-signature-card{background:#1a1a1a;border:2px solid #0891b2;border-radius:16px;padding:30px;text-decoration:none;color:inherit;transition:all .4s ease;position:relative;overflow:hidden}.resources-page .quick-action-card.email-signature{border-color:#0891b2}@media (max-width: 768px){.resources-page .email-signature-resources{padding:60px 20px}.resources-page .email-signature-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 1024px) and (min-width: 769px){.resources-page .email-signature-grid{grid-template-columns:repeat(2,1fr)}}.resources-page .studio-creative-resources{padding:80px 40px;max-width:1400px;margin:0 auto}.resources-page .studio-creative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.resources-page .studio-creative-card{background:#1a1a1a;border:2px solid #9370db;border-radius:16px;padding:30px;text-decoration:none;color:inherit;transition:all .4s ease;position:relative;overflow:hidden}.resources-page .studio-creative-card:hover{transform:translateY(-5px);border-color:#0ff;box-shadow:0 12px 35px #9370db33}@media (max-width: 768px){.resources-page .studio-creative-resources{padding:60px 20px}.resources-page .studio-creative-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 1024px) and (min-width: 769px){.resources-page .studio-creative-grid{grid-template-columns:repeat(2,1fr)}}.order-lookup-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative}.order-lookup-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 20% 30%,rgba(147,112,219,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 60% 20%,rgba(147,112,219,.06) 0%,transparent 50%);animation:float 20s ease-in-out infinite}.lookup-container{max-width:800px;margin:40px auto;flex:1;padding:0 20px;position:relative;z-index:1}.lookup-header{text-align:center;margin-bottom:30px}.lookup-header h1{font-size:2.5rem;margin-bottom:15px;font-weight:700;background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--text-secondary);font-size:1.2rem}.lookup-form-container{background-color:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);box-shadow:0 4px 6px #0000004d;padding:40px;margin-bottom:30px;position:relative;overflow:hidden}.lookup-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-main)}.lookup-form{margin-bottom:20px}.input-group{margin-bottom:24px}.input-group label{display:block;font-weight:600;margin-bottom:10px;color:var(--text-primary);font-size:1rem}.order-input{width:100%;padding:14px 18px;font-size:1rem;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);transition:all .3s ease}.order-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #9370db33;background-color:var(--bg-primary)}.order-input::placeholder{color:var(--text-muted)}.id-hint{font-size:.85rem;color:var(--text-muted);margin-top:8px}.lookup-button{background:var(--gradient-main);color:var(--bg-primary);font-weight:600;font-size:1.1rem;padding:14px 28px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;width:100%;position:relative;overflow:hidden}.lookup-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #9370db4d}.lookup-button:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;transform:none}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--bg-primary);animation:spin 1s ease-in-out infinite}.error-message,.lookup-error{margin-top:20px;padding:16px 20px;background-color:#ff6b6b1a;border-left:4px solid var(--error);color:var(--error);border-radius:8px;display:flex;align-items:center}.error-icon{background-color:var(--error);color:var(--bg-primary);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px}.lookup-help{margin-top:40px;padding-top:30px;border-top:1px solid var(--border)}.lookup-help h3{font-size:1.3rem;margin-bottom:20px;color:var(--text-primary);font-weight:600}.lookup-help ul{padding-left:20px;margin-bottom:20px}.lookup-help li{margin-bottom:10px;color:var(--text-secondary);line-height:1.6}.help-links{display:flex;gap:20px;margin-top:25px}.help-links a{color:var(--secondary);text-decoration:none;font-weight:500;transition:color .2s ease}.help-links a:hover{color:var(--secondary-dark);text-decoration:underline}.order-result,.order-details{background-color:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);box-shadow:0 4px 6px #0000004d;padding:40px;position:relative;overflow:hidden}.order-result:before,.order-details:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-main)}.result-header,.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.result-header h2,.order-header h3{font-size:1.6rem;color:var(--text-primary);margin:0;font-weight:600}.status-badge{padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.order-card{background-color:var(--bg-tertiary);border-radius:12px;padding:30px;margin-bottom:30px;border:1px solid var(--border)}.order-id-display{background-color:var(--bg-primary);padding:16px;border-radius:8px;margin-bottom:25px;display:flex;align-items:center;border:1px solid var(--border)}.order-label,.label{font-weight:600;color:var(--text-secondary);margin-right:12px;min-width:80px}.order-value,.value{font-family:monospace;font-size:1.1rem;color:var(--secondary)}.order-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.detail-item,.info-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{color:var(--text-primary);font-size:1rem}.download-section{margin-top:30px;padding-top:30px;border-top:1px solid var(--border);text-align:center}.download-section h3{color:var(--text-primary);margin-bottom:15px;font-size:1.4rem;font-weight:600}.download-info{color:var(--text-secondary);margin-bottom:25px;font-size:1.1rem}.download-button{display:inline-block;background:linear-gradient(135deg,#10b981,#34d399);color:var(--bg-primary);font-weight:600;padding:14px 32px;border-radius:10px;text-decoration:none;margin:20px 0;transition:all .3s ease;font-size:1.1rem}.download-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #10b9814d}.expiry-notice{margin-top:20px;font-size:.9rem;color:var(--text-muted);background-color:var(--bg-primary);padding:12px 20px;border-radius:8px;border:1px solid var(--border)}.processing-section,.processing-info{margin-top:30px;padding-top:30px;border-top:1px solid var(--border);text-align:center}.processing-animation{margin-bottom:25px}.processing-spinner,.spinner{display:inline-block;width:50px;height:50px;border:4px solid rgba(147,112,219,.2);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin:20px auto}.auto-refresh-notice{margin-top:20px;font-size:.9rem;color:var(--text-muted);font-style:italic}.result-actions{display:flex;gap:16px;margin-top:40px;justify-content:center}.back-button{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.back-button:hover{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--primary)}.downloads-link{display:inline-flex;align-items:center;padding:12px 24px;background-color:#00ffff1a;color:var(--secondary);text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;border:1px solid var(--secondary)}.downloads-link:hover{background-color:#0ff3;transform:translateY(-2px)}.order-lookup-section{background-color:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);padding:40px;margin:30px auto;max-width:800px;position:relative;overflow:hidden}.order-lookup-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-main)}.order-lookup-section h2{font-size:1.8rem;margin-bottom:30px;color:var(--text-primary);text-align:center;font-weight:600}.footer{text-align:center;padding:30px 20px;color:var(--text-muted);background-color:var(--bg-secondary);border-top:1px solid var(--border);margin-top:60px}@media (max-width: 768px){.lookup-container{margin:20px auto}.order-details-grid{grid-template-columns:1fr}.result-actions{flex-direction:column}.lookup-header h1{font-size:2rem}.lookup-form-container{padding:30px 20px}}.order-lookup-navigation{display:flex;gap:20px;justify-content:center;margin:40px auto;max-width:800px;padding:0 20px;flex-wrap:wrap}.nav-button{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.nav-button.primary{background:linear-gradient(135deg,#9370db 0%,#00ffff 100%);color:#1a1a1a}.nav-button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #9370db4d}.nav-button.secondary{background:#2d2d2d;color:#ccc;border:1px solid #333333}.nav-button.secondary:hover{background:#1a1a1a;color:#fff;border-color:#9370db;transform:translateY(-2px)}@media (max-width: 768px){.order-lookup-navigation{flex-direction:column}.nav-button{width:100%;justify-content:center}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.confirm-modal{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:16px;padding:0;max-width:450px;width:90%;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.confirm-modal-header{padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.confirm-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.confirm-modal-body{padding:24px}.confirm-modal-body p{margin:0;font-size:15px;line-height:1.6;color:#ffffffd9}.confirm-modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.confirm-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-btn:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d}.delete-btn{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.delete-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff6b6b66}.delete-btn:active{transform:translateY(0)}@media (max-width: 480px){.confirm-modal{width:95%;max-width:none}.confirm-modal-footer{flex-direction:column-reverse}.confirm-btn{width:100%}}.downloads-page{background-color:#1a1a1a;color:#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding-bottom:50px}.downloads-header{padding:30px 20px;background-color:#111;border-bottom:1px solid #333333}.header-nav{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto 20px;align-items:center}.back-button{color:#ccc;text-decoration:none;display:flex;align-items:center;font-size:.9rem}.back-button:hover{color:#fff;text-decoration:underline}.back-button:before{content:"←";margin-right:5px;font-size:1.2rem}.header-actions{display:flex;gap:10px}.refresh-btn{background-color:transparent;border:1px solid #444444;color:#ccc;padding:8px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;font-size:.9rem}.refresh-btn:hover{background-color:#333;color:#fff}.header-title{max-width:1200px;margin:0 auto}.header-title h1{font-size:2.2rem;margin:0 0 8px;background:linear-gradient(135deg,#9370db,#00ffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-title p{color:#ccc;font-size:1rem;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #9370db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-banner{background-color:#ff3b3026;border:2px solid #ff3b30;color:#fff;padding:16px 24px;margin:20px auto;max-width:1200px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:1rem}.error-banner span{color:#fff;display:flex;align-items:center;gap:10px}.error-banner button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0 8px;transition:all .2s ease}.error-banner button:hover{transform:scale(1.2);color:#ff3b30}.auth-banner{background:linear-gradient(135deg,rgba(147,112,219,.1),rgba(0,255,255,.1));border:1px solid rgba(147,112,219,.3);padding:20px;margin:20px auto;max-width:1200px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.auth-message{flex:1;min-width:250px}.auth-message h3{margin:0 0 8px;color:#fff}.auth-message p{margin:0;color:#ccc;font-size:.9rem}.auth-actions{display:flex;gap:10px;margin-top:10px}.auth-btn{background-color:#333;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-size:.9rem;transition:all .2s ease}.auth-btn.primary{background:linear-gradient(135deg,#9370db,#00ffff);color:#000;font-weight:500}.auth-btn:hover{transform:translateY(-2px)}.summary-section{padding:20px;max-width:1200px;margin:0 auto}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.summary-card{background-color:#222;border:1px solid #333333;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}.summary-card.expiring{border-color:#fa4}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-header h3{margin:0;font-size:1.1rem;color:#ccc;font-weight:500}.card-icon{font-size:1.3rem}.card-value{font-size:2rem;font-weight:700;margin-bottom:5px;color:#fff}.card-detail{font-size:.9rem;color:#999}.downloads-section{padding:20px;max-width:1200px;margin:20px auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap}.section-header h2{margin:0;font-size:1.5rem;color:#fff}.section-info{color:#fff;font-size:.9rem}.section-info span{color:#fff}.downloads-list{display:flex;flex-direction:column;gap:20px}.download-item{background-color:#222;border:1px solid #333333;border-radius:10px;overflow:hidden}.download-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333333;flex-wrap:wrap;gap:10px}.download-title{flex:1;min-width:200px}.download-title h3{margin:0 0 8px;font-size:1.2rem;color:#fff}.download-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.animation-type{background-color:#44f;color:#fff;font-size:.7rem;padding:3px 8px;border-radius:10px;text-transform:uppercase;font-weight:500}.job-id{color:#999;font-size:.8rem;font-family:monospace}.download-actions{display:flex;gap:10px}.download-btn{background-color:#333;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;transition:all .2s ease}.download-btn.primary{background:linear-gradient(135deg,#10b981,#34d399);color:#000;font-weight:500}.remove-btn{background-color:#333;color:#ff6b6b;border:none;width:36px;height:36px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s ease}.download-btn:hover,.remove-btn:hover{transform:translateY(-2px)}.download-details{padding:15px 20px;background-color:#1d1d1d}.detail-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:15px}.detail-item{display:flex;flex-direction:column}.detail-label{font-size:.8rem;color:#999;margin-bottom:4px}.detail-value{font-size:.9rem;color:#fff}.expiration-info{margin-top:10px}.expiration-bar{display:flex;flex-direction:column;gap:5px}.expiration-label{display:flex;justify-content:space-between;font-size:.8rem}.expiration-label span:first-child{color:#999}.time-remaining{font-weight:500}.expiration-progress{height:6px;background-color:#333;border-radius:3px;overflow:hidden}.progress-bar{height:100%;border-radius:3px;transition:width .3s ease}.empty-state{background-color:#222;border:1px dashed #444444;border-radius:10px;padding:40px 20px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:15px;opacity:.6}.empty-state h3{margin:0 0 8px;color:#fff}.empty-state p{margin:0 0 25px;color:#999}.empty-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.cta-button{background:linear-gradient(135deg,#9370db,#00ffff);color:#000;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease}.cta-button.secondary{background:#333333;color:#fff}.cta-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.info-section{padding:0 20px 20px;max-width:1200px;margin:40px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-card{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px}.info-card h3{margin:0 0 15px;color:#fff;font-size:1.1rem}.info-content{color:#ccc;font-size:.9rem}.info-item{margin-bottom:10px;line-height:1.5}@media (max-width: 768px){.header-title h1{font-size:1.8rem}.download-header{flex-direction:column;align-items:flex-start}.download-actions{width:100%;margin-top:10px}.download-btn{flex:1}.detail-row{grid-template-columns:1fr;gap:10px}}.order-lookup-section{background-color:#242424;border-radius:16px;border:1px solid #333333;padding:40px;margin:30px auto;max-width:800px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d}.order-lookup-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#9370db 0%,#00ffff 100%)}.order-lookup-section h2{font-size:1.8rem;margin-bottom:30px;color:#fff;text-align:center;font-weight:600}.order-lookup-form{max-width:500px;margin:0 auto}.order-lookup-form .input-group{margin-bottom:24px}.order-lookup-form .input-group label{display:block;font-weight:600;margin-bottom:10px;color:#fff;font-size:1rem}.order-lookup-form input{width:100%;padding:14px 18px;font-size:1rem;background-color:#2d2d2d;border:1px solid #333333;border-radius:8px;color:#fff;transition:all .3s ease}.order-lookup-form input:focus{border-color:#9370db;outline:none;box-shadow:0 0 0 3px #9370db33;background-color:#1a1a1a}.order-lookup-form input::placeholder{color:#999}.order-lookup-form input:disabled{opacity:.6;cursor:not-allowed}.order-lookup-form .lookup-button{background:linear-gradient(135deg,#9370db 0%,#00ffff 100%);color:#1a1a1a;font-weight:600;font-size:1.1rem;padding:14px 28px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;width:100%;position:relative;overflow:hidden}.order-lookup-form .lookup-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #9370db4d}.order-lookup-form .lookup-button:disabled{background:#2d2d2d;color:#999;cursor:not-allowed;transform:none}.lookup-error{margin-top:20px;padding:16px 20px;background-color:#ff6b6b1a;border-left:4px solid #ff6b6b;color:#ff6b6b;border-radius:8px}.order-lookup-section .order-details{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.order-lookup-section .order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.order-lookup-section .order-header h3{font-size:1.4rem;color:#fff;margin:0;font-weight:600}.order-lookup-section .status-badge{padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.order-lookup-section .status-completed{background-color:#4f43;color:#4caf50;border:1px solid #4caf50}.order-lookup-section .status-processing{background-color:#0ff3;color:#0ff;border:1px solid #00ffff}.order-lookup-section .status-queued{background-color:#9370db33;color:#9370db;border:1px solid #9370db}.order-lookup-section .status-failed{background-color:#ff6b6b33;color:#ff6b6b;border:1px solid #ff6b6b}.order-lookup-section .order-info{background-color:#2d2d2d;border-radius:10px;padding:25px;margin-bottom:25px;border:1px solid #333333}.order-lookup-section .info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #333333}.order-lookup-section .info-item:last-child{border-bottom:none}.order-lookup-section .info-item .label{font-weight:600;color:#ccc;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.order-lookup-section .info-item .value{color:#0ff;font-size:1rem}.order-lookup-section .download-section{margin-top:30px;padding:30px;background-color:#2d2d2d;border-radius:12px;text-align:center;border:1px solid #333333}.order-lookup-section .download-info{color:#ccc;font-size:1.1rem;margin-bottom:25px}.order-lookup-section .download-button{display:inline-block;background:linear-gradient(135deg,#10b981,#34d399);color:#1a1a1a;font-weight:600;padding:14px 32px;border-radius:10px;text-decoration:none;margin:20px 0;transition:all .3s ease;font-size:1.1rem}.order-lookup-section .download-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #10b9814d}.order-lookup-section .expiry-notice{margin-top:20px;font-size:.9rem;color:#999;background-color:#1a1a1a;padding:12px 20px;border-radius:8px;border:1px solid #333333;display:inline-block}.order-lookup-section .processing-info{text-align:center;padding:30px}.order-lookup-section .processing-info p{color:#ccc;font-size:1.05rem;margin-bottom:15px}.order-lookup-section .spinner{display:inline-block;width:50px;height:50px;border:4px solid rgba(147,112,219,.2);border-radius:50%;border-top-color:#9370db;animation:spin 1s ease-in-out infinite;margin:20px auto}.order-lookup-section .back-button{background-color:#2d2d2d;color:#ccc;border:1px solid #333333;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:20px;font-size:1rem}.order-lookup-section .back-button:hover{background-color:#1a1a1a;color:#fff;border-color:#9370db;transform:translateY(-1px)}.sbh-pm-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.85)!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-top:10vh!important;z-index:9999!important;padding-left:20px!important;padding-right:20px!important}.sbh-pm-container{position:relative!important;background:#1a1a2e!important;border-radius:16px!important;max-width:340px;width:100%!important;box-shadow:0 20px 60px #00000080!important;overflow:hidden!important}.sbh-pm-container.sbh-pm-compact{overflow:visible!important;position:relative!important}.sbh-pm-close-edge{position:absolute!important;top:-16px!important;right:-16px!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#444!important;border:2px solid #666!important;color:#f44!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 0 0 2px #f44c!important;transition:all .2s ease!important;z-index:99999!important;opacity:1!important;visibility:visible!important}.sbh-pm-close-edge:hover{background:#555!important;transform:scale(1.05)!important}.sbh-pm-header-compact{padding:4px 20px!important;background:rgba(0,0,0,.3)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-radius:16px 16px 0 0!important;overflow:visible!important}.sbh-pm-title-compact{font-size:18px!important;color:#00d9ff!important;font-weight:600!important;margin:8px 0!important;line-height:1.2!important;padding:0!important}.sbh-pm-body-compact{padding:20px!important;border-radius:0 0 16px 16px!important;overflow:hidden!important}.sbh-pm-info-box{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px!important;background:rgba(0,0,0,.3)!important;border-radius:8px!important;margin-bottom:16px!important}.sbh-pm-info-left{display:flex!important;flex-direction:column!important;gap:4px!important}.sbh-pm-info-label{font-size:12px!important;color:#ffffffb3!important}.sbh-pm-info-value{font-size:15px!important;font-weight:600!important;color:#fff!important}.sbh-pm-price{font-size:32px!important;color:#00ff7f!important;font-weight:700!important;line-height:1!important}.sbh-pm-providers{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:16px!important}.sbh-pm-provider{padding:12px!important;background:rgba(255,255,255,.05)!important;border:2px solid transparent!important;border-radius:8px!important;text-align:center!important;font-size:16px!important;cursor:pointer!important;transition:all .2s ease!important;color:#fff!important}.sbh-pm-provider:hover{background:rgba(255,255,255,.08)!important}.sbh-pm-provider.sbh-pm-provider-active{border-color:#635bff!important;background:rgba(99,91,255,.1)!important}.sbh-pm-pay-btn{width:100%!important;padding:14px!important;background:linear-gradient(135deg,#635BFF 0%,#5147d6 100%)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 4px 16px #635bff4d!important}.sbh-pm-pay-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 24px #635bff66!important}.sbh-pm-pay-btn:active:not(:disabled){transform:translateY(0)!important}.sbh-pm-pay-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.sbh-pm-header{padding:12px 16px 10px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:rgba(0,0,0,.2)!important}.sbh-pm-title{font-size:16px!important;font-weight:600!important;color:#00d9ff!important;margin:0!important;line-height:1.2!important}.sbh-pm-close-btn{background:rgba(255,67,67,.2)!important;border:2px solid #FF4343!important;color:#ff4343!important;width:28px!important;height:28px!important;border-radius:50%!important;font-size:16px!important;font-weight:700!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.sbh-pm-close-btn:hover{background:rgba(255,67,67,.3)!important;transform:scale(1.1)!important}.sbh-pm-body{display:flex!important;flex-direction:column!important}.sbh-pm-free-box{padding:40px 24px!important;text-align:center!important;background:linear-gradient(135deg,rgba(0,255,127,.1) 0%,rgba(0,255,127,.05) 100%)!important;border:2px solid #00ff7f!important;border-radius:12px!important;margin:24px!important}.sbh-pm-free-icon{font-size:48px!important;margin-bottom:16px!important}.sbh-pm-free-title{font-size:24px!important;font-weight:700!important;color:#00ff7f!important;margin-bottom:16px!important}.sbh-pm-free-status{color:#00ff7f!important;margin-bottom:16px!important;font-size:16px!important}.sbh-pm-free-complete{margin-top:20px!important}.sbh-pm-free-message{color:#00ff7f!important;margin-bottom:16px!important;font-size:16px!important}.sbh-pm-download-btn,.sbh-pm-create-btn{background:linear-gradient(135deg,#00ff7f 0%,#00cc66 100%)!important;color:#000!important;font-weight:700!important;padding:12px 24px!important;border-radius:8px!important;border:none!important;cursor:pointer!important;font-size:14px!important;text-decoration:none!important;display:inline-block!important;transition:all .2s ease!important}.sbh-pm-download-btn:hover,.sbh-pm-create-btn:hover{transform:translateY(-2px)!important;box-shadow:0 4px 16px #00ff7f66!important}@media (max-width: 480px){.sbh-pm-container{max-width:340px;margin:10px!important}.sbh-pm-header{padding:20px!important}.sbh-pm-title{font-size:18px!important}.sbh-pm-providers{flex-wrap:wrap!important}.sbh-pm-provider{min-width:calc(50% - 4px)!important}}:root{--ecard-primary-new: #9370db;--ecard-primary-dark-new: #7b5cc0;--ecard-secondary-new: #00ffff;--ecard-secondary-dark-new: #00cccc;--ecard-text-primary-new: #ffffff;--ecard-text-secondary-new: #ffffff;--ecard-text-muted-new: #999999;--ecard-bg-primary-new: #1a1a1a;--ecard-bg-secondary-new: #242424;--ecard-bg-tertiary-new: #2d2d2d;--ecard-border-new: #333333;--ecard-success-new: #4caf50;--ecard-error-new: #ff4444;--ecard-gradient-main-new: linear-gradient(135deg, #9370db 0%, #00ffff 100%);--ecard-gradient-secondary-new: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);--ecard-shadow-sm-new: 0 1px 3px rgba(0, 0, 0, .2);--ecard-shadow-md-new: 0 4px 12px rgba(0, 0, 0, .3);--ecard-shadow-lg-new: 0 10px 25px rgba(0, 0, 0, .4);--ecard-shadow-xl-new: 0 20px 40px rgba(0, 0, 0, .5)}@keyframes ecard-float-new{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}@keyframes ecard-pulse-new{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ecard-spin-new{to{transform:rotate(360deg)}}@keyframes ecard-fade-in-new{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ecard-loading-dots-new{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes ecard-shimmer-new{0%,to{opacity:1}50%{opacity:1}}@keyframes ecard-bounce-new{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes ecard-slide-up-new{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes ecard-pulse-play-new{0%{transform:scale(1);box-shadow:0 8px 32px #0000004d,0 0 0 4px #ffffff1a}50%{transform:scale(1.05);box-shadow:0 12px 40px #0006,0 0 0 8px #fff3}to{transform:scale(1);box-shadow:0 8px 32px #0000004d,0 0 0 4px #ffffff1a}}.ecard-creator-container-new,.ecard-success-container-new{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--ecard-bg-primary-new);color:var(--ecard-text-primary-new);line-height:1.6;overflow-x:hidden;position:relative;animation:ecard-fade-in-new .8s ease-out}.ecard-creator-container-new *,.ecard-success-container-new *{box-sizing:border-box}.ecard-bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:var(--ecard-bg-primary-new)}.ecard-bg-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(147,112,219,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 60% 20%,rgba(147,112,219,.06) 0%,transparent 50%);animation:ecard-float-new 20s ease-in-out infinite}.ecard-header-new{padding:1.5rem 2rem 2.5rem;text-align:center;position:relative;z-index:1}.ecard-header-content-new{max-width:1600px;margin:0 auto}.ecard-top-navigation-new{display:flex;justify-content:flex-start;margin-bottom:1.25rem}.ecard-home-button-new{display:inline-flex;align-items:center;gap:.5rem;background:rgba(147,112,219,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ecard-text-primary-new);padding:.75rem 1.25rem;border:2px solid var(--ecard-primary-new);text-decoration:none;font-weight:600;font-size:1rem;border:1px solid var(--ecard-border-new);transition:all .3s cubic-bezier(.4,0,.2,1)}.ecard-home-button-new:hover{color:var(--ecard-text-primary-new);border-color:var(--ecard-primary-new);transform:translateY(-2px)}.ecard-title-section-new{display:flex;flex-direction:column;align-items:center;gap:1rem}.ecard-hero-badge-new{display:inline-block;background:rgba(147,112,219,.25);color:#fff;padding:8px 24px;border-radius:30px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;border:1px solid rgba(147,112,219,.6)}.ecard-main-title-new{font-size:3.5rem;font-weight:700;letter-spacing:-1px;margin:0;line-height:1.1;color:var(--ecard-text-primary-new)}.ecard-highlight-new{background:var(--ecard-gradient-main-new);-webkit-background-clip:text;background-clip:text;color:transparent}.ecard-main-subtitle-new{font-size:1.3rem;color:var(--ecard-text-secondary-new);max-width:700px;margin:0;line-height:1.5}.ecard-content-new{max-width:1600px;margin:0 auto;padding:0 2rem 4rem;position:relative;z-index:1}.ecard-step-section-new{background:var(--ecard-bg-secondary-new);border:1px solid var(--ecard-border-new);border-radius:20px;padding:3rem;margin-bottom:2rem;position:relative;overflow:hidden;animation:ecard-fade-in-new .6s ease-out}.ecard-step-section-new:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--ecard-gradient-main-new);animation:ecard-shimmer-new 3s ease-in-out infinite}.ecard-step-header-new{display:flex;align-items:flex-start;margin-bottom:3rem;gap:1.5rem}.ecard-step-indicator-new{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.ecard-step-number-new{width:56px;height:56px;border-radius:50%;background:var(--ecard-gradient-main-new);color:var(--ecard-bg-primary-new);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;box-shadow:var(--ecard-shadow-sm-new);position:relative;overflow:hidden}.ecard-category-tab-new:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.ecard-category-tab-new:hover:not(.active){transform:translateY(-2px);box-shadow:var(--ecard-shadow-md-new);border-color:#9370db33;color:var(--ecard-primary-new)}.ecard-category-tab-new:hover:not(.active):before{left:100%}.ecard-category-tab-new.active{background:var(--ecard-gradient-main-new);color:var(--ecard-bg-primary-new);border-color:var(--ecard-primary-new);transform:translateY(-1px);box-shadow:var(--ecard-shadow-lg-new)}.ecard-category-tab-new.active:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50px;background:var(--ecard-gradient-main-new);opacity:.2;filter:blur(8px);z-index:-1}.ecard-category-icon-new{font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ecard-category-name-new{color:#fff!important;font-weight:600;letter-spacing:.01em}.ecard-category-count-new{background:rgba(0,0,0,.2);color:inherit;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:700;min-width:20px;text-align:center;margin-left:.25rem}.ecard-category-tab-new.active .ecard-category-count-new{background:rgba(255,255,255,.2);color:#fff}.ecard-category-dropdown-new{width:100%;padding:.75rem;border:2px solid var(--ecard-border-new);border-radius:12px;background:var(--ecard-bg-secondary-new);font-size:.9rem;font-weight:600;color:var(--ecard-text-primary-new);box-shadow:var(--ecard-shadow-sm-new)}.ecard-category-dropdown-new:focus{outline:none;border-color:var(--ecard-primary-new);box-shadow:0 0 0 3px #9370db1a}.ecard-category-results-header-new{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 0;border-bottom:1px solid var(--ecard-border-new)}.ecard-results-title-new{font-size:1.4rem;font-weight:700;color:var(--ecard-text-primary-new);margin:0;display:flex;align-items:center;gap:.5rem}.ecard-results-title-new:before{content:"";width:4px;height:20px;background:var(--ecard-gradient-main-new);border-radius:2px}.ecard-view-all-link-new{background:none;border:none;color:var(--ecard-primary-new);font-weight:600;font-size:.9rem;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;text-decoration:none}.ecard-view-all-link-new:hover{background:rgba(147,112,219,.1);transform:translateY(-1px)}.ecard-templates-gallery-new{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;margin-top:2rem;animation:ecard-slide-up-new .6s ease-out}.ecard-template-card-new{background:var(--ecard-bg-tertiary-new);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:3px solid transparent;box-shadow:var(--ecard-shadow-md-new);position:relative;transform:translateY(0)}.ecard-template-card-new:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--ecard-gradient-main-new);opacity:0;transition:opacity .3s ease}.ecard-template-card-new:hover{transform:translateY(-8px);box-shadow:var(--ecard-shadow-xl-new)}.ecard-template-card-new:hover:before{opacity:1}.ecard-template-card-new.selected{border-color:var(--ecard-primary-new);box-shadow:0 20px 40px #9370db4d,0 0 0 4px #9370db1a;transform:translateY(-4px)}.ecard-template-card-new.selected:before{opacity:1}.ecard-template-video-container-new{position:relative;width:100%;height:220px;background:linear-gradient(135deg,var(--ecard-bg-secondary-new),var(--ecard-bg-tertiary-new));overflow:hidden;display:flex;align-items:center;justify-content:center}.ecard-template-placeholder-new,.ecard-template-video-new{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.ecard-template-video-new{position:absolute;top:0;left:0}.ecard-template-card-new:hover .ecard-template-placeholder-new,.ecard-template-card-new:hover .ecard-template-video-new{transform:scale(1.08)}.ecard-template-placeholder-new{background:linear-gradient(135deg,var(--ecard-bg-secondary-new),var(--ecard-bg-tertiary-new));background-size:400% 400%;animation:ecard-shimmer-new 2s ease-in-out infinite}.ecard-template-overlay-new{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(147,112,219,.9),rgba(0,255,255,.8));display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.ecard-template-card-new:hover .ecard-template-overlay-new{opacity:1}.ecard-play-icon-new{background:rgba(255,255,255,.2);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;border:2px solid rgba(255,255,255,.3);animation:ecard-pulse-new 2s ease-in-out infinite}.ecard-hover-text-new{font-size:.9rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:.5rem}.ecard-full-preview-btn-new{background:rgba(255,255,255,.9);color:var(--ecard-primary-new);border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.ecard-full-preview-btn-new:hover{background:white;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.ecard-video-fallback-new{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ecard-text-muted-new)}.ecard-fallback-icon-new{font-size:2rem;margin-bottom:.5rem}.ecard-template-info-new{padding:1.5rem}.ecard-template-header-new{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.ecard-template-name-new{font-size:1.3rem;font-weight:700;color:var(--ecard-text-primary-new);margin:0;line-height:1.3;flex:1}.ecard-template-category-badge-new{background:linear-gradient(135deg,var(--ecard-secondary-new),var(--ecard-primary-new));color:var(--ecard-bg-primary-new);padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;box-shadow:0 2px 8px #00000026}.ecard-selected-indicator-new{display:inline-flex;align-items:center;gap:.5rem;background:var(--ecard-gradient-main-new);color:var(--ecard-bg-primary-new);padding:.5rem 1rem;border-radius:25px;font-size:.85rem;font-weight:600;box-shadow:var(--ecard-shadow-md-new)}.ecard-personalization-form-new{max-width:900px;margin:0 auto;width:100%}.ecard-form-section-title-new{font-size:1.3rem;font-weight:700;color:var(--ecard-text-primary-new);margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.ecard-form-section-title-new:before{content:"";width:4px;height:20px;background:var(--ecard-gradient-main-new);border-radius:2px}.ecard-form-row-new{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.ecard-form-group-new{display:flex;flex-direction:column}.ecard-form-label-new{font-size:1rem;font-weight:600;color:var(--ecard-text-primary-new);margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.ecard-optional-badge-new,.ecard-required-badge-new{font-size:.7rem;font-weight:500;padding:.2rem .6rem;border-radius:12px;text-transform:uppercase;letter-spacing:.05em}.ecard-optional-badge-new{background:rgba(153,153,153,.2);color:var(--ecard-text-muted-new)}.ecard-required-badge-new{background:rgba(255,68,68,.2);color:var(--ecard-error-new)}.ecard-form-row-new{display:grid;grid-template-columns:1fr 1fr;gap:2rem;min-width:0}.ecard-form-input-new,.ecard-form-textarea-new{width:100%;min-width:320px;padding:1.25rem;border:2px solid var(--ecard-border-new);border-radius:16px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--ecard-bg-secondary-new);font-family:inherit;font-weight:500;color:var(--ecard-text-primary-new);box-shadow:var(--ecard-shadow-sm-new)}.ecard-form-input-new::placeholder,.ecard-form-textarea-new::placeholder{color:var(--ecard-text-muted-new)}.ecard-form-input-new:focus,.ecard-form-textarea-new:focus{outline:none;border-color:var(--ecard-primary-new);box-shadow:0 0 0 4px #9370db1a,0 4px 12px #0000001a;transform:translateY(-1px)}.ecard-character-count-new{margin-top:.5rem;text-align:right;font-size:.85rem;color:var(--ecard-text-muted-new);font-weight:500}.ecard-character-count-new .warning{color:var(--ecard-error-new);font-weight:600}.ecard-error-message-new{background:linear-gradient(135deg,rgba(255,68,68,.1),rgba(255,68,68,.05));border:2px solid rgba(255,68,68,.3);border-radius:16px;padding:1rem 1.25rem;margin:1.5rem 0;display:flex;align-items:center;gap:.75rem;color:var(--ecard-error-new);font-weight:600;box-shadow:0 4px 12px #ff44441a}.ecard-error-icon-new{color:var(--ecard-error-new);flex-shrink:0}.ecard-payment-error-new{border-color:#ff444480;background:linear-gradient(135deg,rgba(255,68,68,.15),rgba(255,68,68,.1))}.ecard-form-submit-section-new{text-align:center;padding:2rem;background:var(--ecard-bg-secondary-new);border-radius:20px;box-shadow:var(--ecard-shadow-md-new);border:1px solid var(--ecard-border-new)}.ecard-pricing-highlight-new{margin-bottom:2rem}.ecard-price-badge-new{display:inline-flex;align-items:center;gap:.5rem;background:var(--ecard-gradient-main-new);color:var(--ecard-bg-primary-new);padding:.75rem 1.5rem;border-radius:50px;margin-bottom:1rem;box-shadow:var(--ecard-shadow-lg-new)}.ecard-price-new{font-size:1.5rem;font-weight:800}.ecard-price-label-new{font-size:.9rem;font-weight:500;opacity:.9}.ecard-pricing-description-new{font-size:1.1rem;color:var(--ecard-text-secondary-new);margin:0;font-weight:500}.ecard-create-button-new{background:var(--ecard-gradient-main-new);color:var(--ecard-bg-primary-new);border:none;padding:1.25rem 3rem;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--ecard-shadow-lg-new);display:inline-flex;align-items:center;gap:.75rem;min-width:280px;justify-content:center;margin-bottom:1rem;position:relative;overflow:hidden}.ecard-create-button-new:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.ecard-create-button-new:hover:not(.disabled){transform:translateY(-3px);box-shadow:var(--ecard-shadow-xl-new)}.ecard-create-button-new:hover:not(.disabled):before{left:100%}.ecard-create-button-new.disabled{opacity:.6;cursor:not-allowed;transform:none}.ecard-button-spinner-new{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:ecard-spin-new 1s linear infinite}.ecard-terms-notice-new{font-size:.85rem;color:var(--ecard-text-muted-new);margin:0}.ecard-terms-notice-new a{color:var(--ecard-primary-new);text-decoration:none;font-weight:600}.ecard-terms-notice-new a:hover{text-decoration:underline}.ecard-success-container-new{background:var(--ecard-bg-primary-new);display:flex;align-items:center;justify-content:center;padding:2rem}.ecard-success-content-new{background:var(--ecard-bg-secondary-new);border:1px solid var(--ecard-border-new);border-radius:32px;padding:3rem 2rem;text-align:center;max-width:700px;width:100%;box-shadow:var(--ecard-shadow-xl-new);display:flex;flex-direction:column;gap:2rem;animation:ecard-fade-in-new .8s ease-out;position:relative;overflow:hidden}.ecard-success-content-new:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--ecard-gradient-main-new);animation:ecard-shimmer-new 3s ease-in-out infinite}.ecard-success-header-new{display:flex;flex-direction:column;align-items:center;gap:1rem}.ecard-success-badge-new{display:inline-block;background:rgba(147,112,219,.2);color:var(--ecard-primary-new);padding:8px 24px;border-radius:30px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;border:1px solid var(--ecard-primary-new)}.ecard-success-title-new{font-size:2.5rem;font-weight:800;color:var(--ecard-text-primary-new);margin:0;letter-spacing:-.01em}.ecard-success-subtitle-new{font-size:1.1rem;color:var(--ecard-text-secondary-new);margin:0;max-width:400px;font-weight:500}.ecard-payment-confirmed-new{display:inline-flex;align-items:center;gap:.5rem;background:var(--ecard-success-new);color:#fff;padding:8px 16px;border-radius:25px;font-size:.875rem;font-weight:600;box-shadow:var(--ecard-shadow-md-new)}.ecard-url-share-section-new{background:var(--ecard-bg-tertiary-new);border-radius:16px;padding:1.5rem;border:1px solid var(--ecard-border-new)}.ecard-url-label-new{font-size:.875rem;color:var(--ecard-text-secondary-new);margin-bottom:.75rem;font-weight:500;display:block;text-align:left}.ecard-url-input-group-new{display:flex;gap:.75rem;align-items:center}.ecard-url-input-new{flex:1;padding:.875rem;border:2px solid var(--ecard-border-new);border-radius:12px;font-size:.875rem;font-family:monospace;background:var(--ecard-bg-secondary-new);color:var(--ecard-text-primary-new)}.ecard-url-input-new:focus{outline:none;border-color:var(--ecard-primary-new);box-shadow:0 0 0 3px #9370db1a}.ecard-copy-button-new{background:var(--ecard-primary-new);color:#fff;border:none;padding:.875rem 1rem;border-radius:12px;cursor:pointer;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:48px}.ecard-copy-button-new:hover{background:var(--ecard-primary-dark-new);transform:translateY(-1px)}.ecard-main-actions-new{display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.ecard-action-btn-new{padding:1rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;border:none;cursor:pointer;min-width:140px;justify-content:center}.ecard-primary-btn-new{background:var(--ecard-gradient-main-new);color:var(--ecard-bg-primary-new);box-shadow:var(--ecard-shadow-md-new)}.ecard-primary-btn-new:hover{transform:translateY(-2px);box-shadow:var(--ecard-shadow-lg-new)}.ecard-secondary-btn-new{background:var(--ecard-success-new);color:#fff;box-shadow:var(--ecard-shadow-md-new)}.ecard-secondary-btn-new:hover{background:#3e8e41;transform:translateY(-2px);box-shadow:var(--ecard-shadow-lg-new)}.ecard-accent-btn-new{background:var(--ecard-secondary-new);color:var(--ecard-bg-primary-new);box-shadow:var(--ecard-shadow-md-new)}.ecard-accent-btn-new:hover{background:var(--ecard-secondary-dark-new);transform:translateY(-2px);box-shadow:var(--ecard-shadow-lg-new)}.ecard-pay-btn-new{background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);color:#fff;box-shadow:var(--ecard-shadow-md-new)}.ecard-pay-btn-new:hover{background:linear-gradient(135deg,#ff5722 0%,#f57c00 100%);transform:translateY(-2px);box-shadow:var(--ecard-shadow-lg-new)}.ecard-outline-btn-new{background:transparent;color:var(--ecard-text-secondary-new);border:2px solid var(--ecard-border-new);box-shadow:none}.ecard-outline-btn-new:hover{border-color:var(--ecard-primary-new);color:var(--ecard-primary-new);transform:translateY(-2px)}.ecard-home-btn-new{background:transparent;color:var(--ecard-text-secondary-new);border:2px solid var(--ecard-border-new);box-shadow:none}.ecard-home-btn-new:hover{border-color:var(--ecard-secondary-new);color:var(--ecard-secondary-new);transform:translateY(-2px)}.ecard-secondary-actions-new{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.ecard-delivery-status{margin:2rem 0;padding:1.5rem;border-radius:16px;animation:ecard-slide-up-new .5s ease-out;box-shadow:var(--ecard-shadow-md-new)}.ecard-delivery-status.success{background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(76,175,80,.05));border:2px solid var(--ecard-success-new)}.ecard-delivery-status.failed{background:linear-gradient(135deg,rgba(255,68,68,.1),rgba(255,68,68,.05));border:2px solid var(--ecard-error-new)}.ecard-delivery-status.unknown{background:linear-gradient(135deg,rgba(0,255,255,.1),rgba(0,255,255,.05));border:2px solid var(--ecard-secondary-new)}.ecard-status-success,.ecard-status-failed,.ecard-status-checking{display:flex;align-items:flex-start;gap:1rem}.ecard-icon{font-size:1.5rem;flex-shrink:0}.ecard-status-checking .ecard-icon{animation:ecard-spin-new 2s linear infinite}.ecard-status-success strong{color:var(--ecard-success-new);font-size:1.1rem;display:block;margin-bottom:.5rem}.ecard-status-failed strong{color:var(--ecard-error-new);font-size:1.1rem;display:block;margin-bottom:.5rem}.ecard-status-checking strong{color:var(--ecard-secondary-new);font-size:1.1rem;display:block;margin-bottom:.5rem}.ecard-status-success p,.ecard-status-failed p,.ecard-status-checking p{margin:0;color:var(--ecard-text-secondary-new);font-weight:500;line-height:1.5}.ecard-template-preview-modal-new{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:ecard-fade-in-new .3s ease-out;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ecard-preview-modal-content-new{background:var(--ecard-bg-secondary-new);border:1px solid var(--ecard-border-new);border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:var(--ecard-shadow-xl-new);animation:ecard-slide-up-new .3s ease-out;touch-action:auto;-webkit-touch-callout:initial;-webkit-user-select:initial;user-select:initial;isolation:isolate}.ecard-preview-modal-header-new{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--ecard-border-new);background:var(--ecard-bg-tertiary-new);touch-action:manipulation}.ecard-preview-modal-header-new h3{font-size:1.25rem;font-weight:700;color:var(--ecard-text-primary-new);margin:0}.ecard-close-preview-btn-new{background:none;border:none;color:var(--ecard-text-muted-new);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.ecard-close-preview-btn-new:hover{background:var(--ecard-bg-primary-new);color:var(--ecard-text-primary-new)}.ecard-preview-video-container-new{position:relative;background:black;overflow:hidden;touch-action:manipulation;-webkit-touch-callout:none;isolation:isolate}.ecard-preview-video-new{width:100%;height:auto;max-height:60vh;display:block;touch-action:manipulation;-webkit-touch-callout:none;-webkit-playsinline:true;object-fit:contain}.ecard-video-play-overlay-new{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ecard-video-play-overlay-new.hidden{opacity:0;pointer-events:none;visibility:hidden}.ecard-video-play-button-new{width:100px;height:100px;background:rgba(255,255,255,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d,0 0 0 4px #ffffff1a;position:relative;animation:ecard-pulse-play-new 2s ease-in-out infinite}.ecard-video-play-button-new:hover{transform:scale(1.1);background:rgba(255,255,255,1);box-shadow:0 12px 40px #0006,0 0 0 6px #fff3}.ecard-video-play-button-new:active{transform:scale(.95)}.ecard-video-play-icon-new{width:0;height:0;border-left:30px solid #333;border-top:18px solid transparent;border-bottom:18px solid transparent;margin-left:8px}.ecard-play-instruction-new{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;pointer-events:none;animation:ecard-bounce-new 3s ease-in-out infinite}.ecard-preview-watermark-overlay-new{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:100;display:flex;align-items:center;justify-content:center;visibility:visible;opacity:1}.ecard-preview-watermark-content-new{transform:rotate(-45deg);text-align:center;color:#fff6;text-shadow:2px 2px 4px rgba(0,0,0,.8);-webkit-user-select:none;user-select:none;font-family:Arial Black,Arial,sans-serif;pointer-events:none}.ecard-watermark-main-new{display:block;font-size:36px;font-weight:900;letter-spacing:6px;text-transform:uppercase;margin-bottom:4px}.ecard-watermark-sub-new{display:block;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;opacity:.8}.ecard-preview-modal-actions-new{padding:1.5rem 2rem;display:flex;gap:1rem;justify-content:center;background:var(--ecard-bg-tertiary-new);touch-action:manipulation}.ecard-use-template-btn-new{background:var(--ecard-gradient-main-new);color:var(--ecard-bg-primary-new);border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--ecard-shadow-md-new);touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.ecard-use-template-btn-new:hover{transform:translateY(-2px);box-shadow:var(--ecard-shadow-lg-new)}.ecard-cancel-preview-btn-new{background:transparent;color:var(--ecard-text-secondary-new);border:2px solid var(--ecard-border-new);padding:.75rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.ecard-cancel-preview-btn-new:hover{border-color:var(--ecard-primary-new);color:var(--ecard-primary-new)}@media (max-width: 1024px){.ecard-category-tabs-new{justify-content:flex-start;padding:.75rem}.ecard-category-tab-new{padding:.6rem 1rem;font-size:.85rem}.ecard-category-results-header-new{flex-direction:column;align-items:flex-start;gap:.75rem}.ecard-view-all-link-new{align-self:flex-end}}@media (max-width: 768px){.ecard-main-title-new{font-size:2.8rem}.ecard-main-subtitle-new{font-size:1.1rem}.ecard-templates-gallery-new,.ecard-form-row-new{grid-template-columns:1fr;gap:1.5rem}.ecard-step-header-new{flex-direction:column;align-items:flex-start;gap:1rem}.ecard-step-indicator-new{flex-direction:row;align-items:center}.ecard-step-line-new{width:40px;height:2px;margin-top:0;margin-left:1rem}.ecard-main-actions-new{flex-direction:column;align-items:stretch}.ecard-action-btn-new{width:100%}.ecard-secondary-actions-new{flex-direction:column;align-items:stretch}.ecard-category-tabs-container-new{margin-bottom:2rem}.ecard-category-tabs-new{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:.5rem;gap:.375rem;background:linear-gradient(90deg,var(--ecard-bg-tertiary-new) 30%,transparent),linear-gradient(-90deg,var(--ecard-bg-tertiary-new) 30%,transparent),var(--ecard-bg-tertiary-new)}.ecard-category-tab-new{flex-shrink:0;padding:.5rem .875rem;font-size:.8rem}.ecard-category-icon-new{font-size:1rem}.ecard-category-count-new{padding:.15rem .4rem;font-size:.7rem;min-width:18px}.ecard-results-title-new{font-size:1.2rem}.ecard-category-results-header-new{padding:.75rem 0}.ecard-preview-modal-content-new{margin:1rem;max-height:85vh}.ecard-preview-modal-header-new{padding:1rem 1.5rem}.ecard-preview-modal-actions-new{padding:1rem 1.5rem;flex-direction:column}.ecard-use-template-btn-new,.ecard-cancel-preview-btn-new{width:100%}.ecard-watermark-main-new{font-size:28px;letter-spacing:4px}.ecard-watermark-sub-new{font-size:10px;letter-spacing:1px}.ecard-video-play-button-new{width:80px;height:80px}.ecard-video-play-icon-new{border-left:24px solid #333;border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}.ecard-play-instruction-new{font-size:12px;padding:6px 12px;bottom:15px}}.ecard-form-section-new{background:var(--ecard-bg-tertiary-new);border-radius:20px;padding:2rem;margin:0 auto 2rem;border:1px solid var(--ecard-border-new);max-width:100%;width:100%}@media (max-width: 768px){.ecard-form-input-new,.ecard-form-textarea-new{min-width:100%;width:100%}.ecard-form-row-new{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.ecard-main-title-new{font-size:2.2rem}.ecard-step-section-new{padding:2rem 1.5rem;border-radius:16px}.ecard-form-section-new{padding:1.5rem}.ecard-templates-gallery-new{grid-template-columns:1fr}.ecard-template-video-container-new{height:180px}.ecard-success-content-new{padding:2rem 1.5rem;border-radius:24px}.ecard-url-input-group-new{flex-direction:column;align-items:stretch}.ecard-copy-button-new{width:100%}.ecard-category-tabs-new{margin:0 -1rem;border-radius:0;padding:.5rem 1rem}.ecard-category-tab-new{padding:.4rem .75rem;font-size:.75rem}.ecard-category-name-new{display:none}.ecard-category-tab-new[data-category=all] .ecard-category-name-new{display:inline}.ecard-template-preview-modal-new{padding:.25rem}.ecard-preview-modal-content-new{border-radius:16px;max-height:98vh}.ecard-preview-video-new{max-height:50vh}.ecard-video-play-button-new{width:70px;height:70px}.ecard-video-play-icon-new{border-left:20px solid #333;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}}.ecard-step-number-new:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:var(--ecard-gradient-main-new);opacity:.2;filter:blur(8px);z-index:-1}.ecard-step-line-new{width:2px;height:40px;background:linear-gradient(to bottom,var(--ecard-primary-new),transparent);margin-top:1rem}.ecard-step-text-new{flex:1;padding-top:.5rem}.ecard-step-title-new{font-size:2.2rem;font-weight:800;color:var(--ecard-text-primary-new);margin:0 0 .5rem;letter-spacing:-.01em}.ecard-step-description-new{font-size:1.1rem;color:var(--ecard-text-secondary-new);margin:0;font-weight:500}.ecard-templates-loading-new{text-align:center;padding:4rem 2rem;background:rgba(45,45,45,.5);border:1px solid var(--ecard-border-new);border-radius:16px}.ecard-loading-animation-new{margin-bottom:2rem}.ecard-loading-dots-new{display:inline-flex;gap:.5rem}.ecard-dot-new{width:12px;height:12px;border-radius:50%;background:var(--ecard-primary-new);animation:ecard-loading-dots-new 1.4s ease-in-out infinite both}.ecard-dot-new:nth-child(1){animation-delay:-.32s}.ecard-dot-new:nth-child(2){animation-delay:-.16s}.ecard-templates-loading-new p{color:var(--ecard-text-secondary-new);font-size:1.1rem;margin:0}.ecard-no-templates-new{text-align:center;padding:3rem 2rem;background:rgba(45,45,45,.5);border-radius:16px;border:2px dashed var(--ecard-border-new)}.ecard-no-templates-icon-new{font-size:3rem;margin-bottom:1rem;opacity:.7}.ecard-no-templates-new p{color:var(--ecard-text-secondary-new);font-size:1.1rem;margin-bottom:1.5rem;font-weight:500}.ecard-view-all-btn-new{background:var(--ecard-gradient-main-new);color:var(--ecard-bg-primary-new);border:none;padding:.75rem 2rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--ecard-shadow-md-new)}.ecard-view-all-btn-new:hover{transform:translateY(-2px);box-shadow:var(--ecard-shadow-lg-new)}.ecard-category-tabs-container-new{margin-bottom:2.5rem;position:relative}.ecard-category-tabs-new{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:var(--ecard-bg-tertiary-new);border-radius:20px;border:1px solid var(--ecard-border-new);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.ecard-category-tabs-new::-webkit-scrollbar{display:none}.ecard-category-tab-new{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--ecard-bg-secondary-new);border:2px solid transparent;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.9rem;color:#fff;white-space:nowrap;box-shadow:var(--ecard-shadow-sm-new);position:relative;overflow:hidden}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}.animate-fade-down{animation:fadeInDown .6s ease-out}.animate-fade-in{animation:fadeIn .8s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.ecard-viewer{min-height:100vh;background:linear-gradient(135deg,#f5f3ff,#ede9fe,#e0e7ff);transition:background .7s ease-in-out;padding:2rem 1rem;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#1f2937}.ecard-viewer.video-loaded{background:linear-gradient(135deg,#e9d5ff,#ddd6fe,#c7d2fe)}.ecard-container{max-width:1024px;margin:0 auto;padding:1rem}.ecard-viewer-loading{min-height:100vh;background:linear-gradient(135deg,#f5f3ff,#ede9fe,#e0e7ff);display:flex;align-items:center;justify-content:center;padding:1rem}.loading-container{text-align:center;padding:2rem;border-radius:1rem;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:28rem;margin:0 auto}.loading-spinner{margin-bottom:1.5rem;position:relative;width:64px;height:64px;margin:0 auto}.spinner-heart{width:64px;height:64px;border-radius:50%;border:4px solid transparent;border-top-color:#a855f7;animation:spin 1s linear infinite;position:relative}.spinner-heart:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.spinner-heart:after{content:"❤️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px}.loading-title{margin-top:1.5rem;font-size:1.25rem;font-weight:600;color:#4b5563}.loading-subtitle{margin-top:.5rem;color:#6b7280}.ecard-viewer-error{min-height:100vh;background:linear-gradient(135deg,#fee2e2,#fecaca,#fef3c7);display:flex;align-items:center;justify-content:center;padding:1rem}.error-container{text-align:center;padding:2rem;border-radius:1rem;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:28rem;margin:0 auto}.error-emoji{font-size:3rem;margin-bottom:1rem;color:#ef4444}.error-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#1f2937}.error-message{color:#6b7280;margin-bottom:1.5rem}.error-button{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:.5rem;font-weight:500;text-decoration:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s ease-in-out}.error-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.ecard-header{text-align:center;margin-bottom:2rem}.header-icon-container{display:inline-block;position:relative;margin-bottom:1rem}.header-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:linear-gradient(135deg,#ec4899,#8b5cf6,#6366f1);border-radius:50%;opacity:.75;filter:blur(8px);animation:glow 3s ease-in-out infinite}.header-icon{position:relative;background-color:#fff;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#ec4899}.ecard-title{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;line-height:1.2}.ecard-subtitle{font-size:1.25rem;color:#4b5563;margin-top:.5rem;font-weight:500}.sender-name{font-weight:600;color:#8b5cf6}.ecard-content-wrapper{max-width:768px;margin:0 auto;transform:translateZ(0);transition:transform .3s ease-in-out}.ecard-content-wrapper:hover{transform:scale(1.01) translateZ(0)}.ecard-content{background-color:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;border:1px solid rgba(0,0,0,.05)}.decorative-border{height:4px;background:linear-gradient(90deg,#ec4899,#8b5cf6,#6366f1)}.decorative-border.bottom{height:2px;opacity:.75}.video-container{position:relative;background-color:#000;overflow:hidden;width:100%;aspect-ratio:16/9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}video.ecard-video{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;background-color:#000!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important}video.ecard-video::-webkit-media-controls-download-button{display:none!important}video.ecard-video::-webkit-media-controls-enclosure{overflow:hidden!important}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.play-button{width:80px;height:80px;border-radius:50%;background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.3);animation:pulse 2s ease-in-out infinite}.play-button-inner{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff}.message-container{padding:2rem}.recipient-section{margin-bottom:1.5rem}.recipient-name{font-size:1.5rem;font-weight:700;color:#1f2937;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.message-section{margin-bottom:2rem}.message-box{background:linear-gradient(135deg,#f5f3ff,#ede9fe);padding:1.5rem;border-radius:.75rem;border-left:4px solid #8b5cf6;box-shadow:inset 0 2px 4px #0000000f;position:relative}.message-text{font-size:1.25rem;line-height:1.6;color:#4b5563;white-space:pre-wrap;font-weight:500}.signature-section{text-align:right}.signature-text{font-size:1.125rem;font-weight:600;color:#4b5563;margin-bottom:.25rem}.signature-name{font-size:1.375rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.view-confirmation{position:fixed;bottom:1rem;right:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;max-width:24rem}.confirmation-content{display:flex;align-items:center}.confirmation-icon{background-color:#fff3;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0}.confirmation-text{font-size:.875rem;font-weight:500}.view-stats-container{display:flex;justify-content:center;margin-top:1.5rem}.view-stats{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px;box-shadow:0 1px 2px #0000000d;border:1px solid rgba(209,213,219,.5)}.stats-icon{color:#8b5cf6;margin-right:.5rem}.stats-text{font-size:.875rem;color:#4b5563;font-weight:500}.share-section{text-align:center;margin-top:2rem}.share-title{font-size:1.125rem;font-weight:600;color:#4b5563;margin-bottom:1rem}.share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem}.share-button{display:inline-flex;align-items:center;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:500;text-decoration:none;color:#fff;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:none;cursor:pointer}.share-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.copy-button{background:linear-gradient(135deg,#3b82f6,#4f46e5)}.copy-button.copied,.email-button{background:linear-gradient(135deg,#10b981,#059669)}.native-share-button{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.button-icon{margin-right:.5rem}.button-text{font-weight:500}.preview-notice{margin-top:2rem;text-align:center}.notice-content{display:inline-flex;align-items:center;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fffbeb);border-left:4px solid #f59e0b;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;max-width:32rem;margin:0 auto}.notice-icon{color:#f59e0b;margin-right:.75rem;flex-shrink:0}.notice-text{font-size:.875rem;color:#92400e;font-weight:500;text-align:left}.create-cta{text-align:center;margin-top:4rem;margin-bottom:1.5rem}.cta-container{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;max-width:32rem;margin:0 auto;border:1px solid rgba(209,213,219,.3);transition:all .3s ease-in-out}.cta-container:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px #00000040}.cta-icon{width:64px;height:64px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.cta-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.cta-description{color:#6b7280;margin-bottom:1.5rem}.cta-button{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-weight:500;border-radius:.5rem;text-decoration:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s ease-in-out}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.button-arrow{margin-left:.5rem}.page-footer{text-align:center;margin-top:2rem}.footer-text{font-size:.875rem;color:#6b7280}@media (max-width: 640px){.ecard-title{font-size:2rem}.ecard-subtitle{font-size:1.125rem}.message-container{padding:1.5rem}.recipient-name{font-size:1.25rem}.message-text{font-size:1.125rem}.share-buttons{flex-direction:column;align-items:center}.share-button{width:100%;justify-content:center}.cta-container{padding:1.5rem}}@media (max-width: 375px){.ecard-title{font-size:1.75rem}.ecard-container{padding:.5rem}.message-container{padding:1rem}}.preview-watermark{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9999;background:linear-gradient(45deg,rgba(0,0,0,.02) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.02) 75%);background-size:60px 60px}.watermark-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);text-align:center;color:#00000026;-webkit-user-select:none;user-select:none;font-family:Arial Black,Arial,sans-serif}.watermark-text{font-size:120px;font-weight:900;letter-spacing:20px;margin-bottom:10px;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.watermark-subtext{font-size:24px;font-weight:600;letter-spacing:4px;opacity:.8;text-transform:uppercase}.video-watermark-overlay{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;pointer-events:none!important;z-index:9999!important;overflow:hidden;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;transition:none!important;width:100%!important;height:100%!important}.video-watermark{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;transform:none!important;transition:none!important;width:100%!important;height:100%!important}.watermark-diagonal{transform:rotate(-45deg)!important;text-align:center;color:#fffc!important;text-shadow:0 0 10px rgba(0,0,0,1),2px 2px 0px rgba(0,0,0,1),4px 4px 8px rgba(0,0,0,1),-2px -2px 0px rgba(0,0,0,1),-2px 2px 0px rgba(0,0,0,1),2px -2px 0px rgba(0,0,0,1)!important;-webkit-user-select:none;user-select:none;font-family:Arial Black,Arial,sans-serif!important;visibility:visible!important;opacity:1!important;display:block!important;transition:none!important}.watermark-main{display:block!important;font-size:72px!important;font-weight:900!important;letter-spacing:8px!important;text-transform:uppercase!important;margin-bottom:8px!important;text-shadow:0 0 15px rgba(0,0,0,1),3px 3px 0px rgba(0,0,0,1),6px 6px 12px rgba(0,0,0,1),-3px -3px 0px rgba(0,0,0,1),-3px 3px 0px rgba(0,0,0,1),3px -3px 0px rgba(0,0,0,1)!important;visibility:visible!important;opacity:1!important}.watermark-sub{display:block!important;font-size:24px!important;font-weight:600!important;letter-spacing:3px!important;text-transform:uppercase!important;opacity:1!important;text-shadow:0 0 10px rgba(0,0,0,1),2px 2px 0px rgba(0,0,0,1),4px 4px 8px rgba(0,0,0,1),-2px -2px 0px rgba(0,0,0,1),-2px 2px 0px rgba(0,0,0,1),2px -2px 0px rgba(0,0,0,1)!important;visibility:visible!important}.text-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);color:#00000014;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}.ecard-viewer.preview-mode{position:relative}.ecard-viewer.preview-mode:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(255,0,0,.02) 35px,rgba(255,0,0,.02) 70px);pointer-events:none;z-index:5}.preview-notice{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border:2px solid #ffc107;border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 4px 12px #ffc10733}.notice-content{display:flex;align-items:flex-start;gap:16px}.notice-icon{flex-shrink:0;color:#856404;margin-top:2px}.notice-text-container{flex:1}.notice-text{color:#856404;font-size:16px;font-weight:600;margin:0 0 8px;line-height:1.5}.notice-subtext{color:#6c5ce7;font-size:14px;margin:0;line-height:1.4;opacity:.9}@media (max-width: 768px){.preview-watermark{background-size:40px 40px}.watermark-content{color:#0003}.watermark-text{font-size:80px;letter-spacing:12px}.watermark-subtext{font-size:18px;letter-spacing:3px}.video-watermark-overlay{z-index:99999!important;position:fixed!important}.video-watermark .watermark-diagonal{color:#ffffffe6!important;text-shadow:0 0 20px rgba(0,0,0,1),4px 4px 0px rgba(0,0,0,1),8px 8px 16px rgba(0,0,0,1),-4px -4px 0px rgba(0,0,0,1),-4px 4px 0px rgba(0,0,0,1),4px -4px 0px rgba(0,0,0,1)!important}.watermark-main{font-size:48px!important;letter-spacing:6px!important;text-shadow:0 0 25px rgba(0,0,0,1),3px 3px 0px rgba(0,0,0,1),6px 6px 12px rgba(0,0,0,1),-3px -3px 0px rgba(0,0,0,1),-3px 3px 0px rgba(0,0,0,1),3px -3px 0px rgba(0,0,0,1)!important;display:block!important;visibility:visible!important;opacity:1!important}.watermark-sub{font-size:16px!important;letter-spacing:2px!important;text-shadow:0 0 15px rgba(0,0,0,1),2px 2px 0px rgba(0,0,0,1),4px 4px 8px rgba(0,0,0,1),-2px -2px 0px rgba(0,0,0,1),-2px 2px 0px rgba(0,0,0,1),2px -2px 0px rgba(0,0,0,1)!important;display:block!important;visibility:visible!important;opacity:1!important}.text-watermark{font-size:16px;letter-spacing:2px;color:#0000001f}}@media (max-width: 480px){.watermark-text{font-size:70px;letter-spacing:8px}.watermark-subtext{font-size:16px;letter-spacing:2px}.video-watermark-overlay{z-index:999999!important;position:fixed!important}.watermark-main{font-size:40px!important;letter-spacing:4px!important;text-shadow:0 0 30px rgba(0,0,0,1),3px 3px 0px rgba(0,0,0,1),6px 6px 12px rgba(0,0,0,1),-3px -3px 0px rgba(0,0,0,1),-3px 3px 0px rgba(0,0,0,1),3px -3px 0px rgba(0,0,0,1)!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important}.watermark-sub{font-size:14px!important;letter-spacing:1px!important;text-shadow:0 0 20px rgba(0,0,0,1),2px 2px 0px rgba(0,0,0,1),4px 4px 8px rgba(0,0,0,1),-2px -2px 0px rgba(0,0,0,1),-2px 2px 0px rgba(0,0,0,1),2px -2px 0px rgba(0,0,0,1)!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important}.text-watermark{font-size:14px;letter-spacing:1px}}@media (max-width: 375px){.watermark-text{font-size:60px;letter-spacing:6px}.watermark-subtext{font-size:14px;letter-spacing:1px}.video-watermark-overlay{z-index:9999999!important;position:fixed!important}.watermark-main{font-size:35px!important;letter-spacing:3px!important;text-shadow:0 0 35px rgba(0,0,0,1),3px 3px 0px rgba(0,0,0,1),6px 6px 12px rgba(0,0,0,1),-3px -3px 0px rgba(0,0,0,1),-3px 3px 0px rgba(0,0,0,1),3px -3px 0px rgba(0,0,0,1)!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important}.watermark-sub{font-size:12px!important;letter-spacing:1px!important;text-shadow:0 0 25px rgba(0,0,0,1),2px 2px 0px rgba(0,0,0,1),4px 4px 8px rgba(0,0,0,1),-2px -2px 0px rgba(0,0,0,1),-2px 2px 0px rgba(0,0,0,1),2px -2px 0px rgba(0,0,0,1)!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important}}@media (max-width: 320px){.watermark-content{transform:translate(-50%,-50%) rotate(-30deg)}.watermark-diagonal{transform:rotate(-30deg)}.watermark-text{font-size:50px;letter-spacing:4px}.video-watermark-overlay{z-index:99999999!important;position:fixed!important}.watermark-main{font-size:30px!important;letter-spacing:2px!important;text-shadow:0 0 40px rgba(0,0,0,1),3px 3px 0px rgba(0,0,0,1),6px 6px 12px rgba(0,0,0,1),-3px -3px 0px rgba(0,0,0,1),-3px 3px 0px rgba(0,0,0,1),3px -3px 0px rgba(0,0,0,1)!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:99999999!important}.watermark-sub{font-size:10px!important;letter-spacing:1px!important;text-shadow:0 0 30px rgba(0,0,0,1),2px 2px 0px rgba(0,0,0,1),4px 4px 8px rgba(0,0,0,1),-2px -2px 0px rgba(0,0,0,1),-2px 2px 0px rgba(0,0,0,1),2px -2px 0px rgba(0,0,0,1)!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:99999999!important}}.payment-required-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe,#e0e7ff);padding:2rem}.payment-gate{background:white;padding:3rem 2rem;border-radius:20px;text-align:center;box-shadow:0 20px 25px -5px #0000001a;max-width:500px}.payment-gate h1{color:#374151;margin-bottom:1rem}.payment-gate button{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;margin-top:1.5rem}.payment-required-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe,#e0e7ff);padding:2rem;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.payment-gate{background:white;padding:3rem 2rem;border-radius:20px;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;animation:fadeIn .6s ease-out}.payment-gate h1{color:#374151;margin-bottom:1rem;font-size:2rem;font-weight:700;line-height:1.2}.payment-gate p{color:#6b7280;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6}.payment-gate button{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;margin-top:1rem;font-size:1rem;transition:all .3s ease-in-out;box-shadow:0 4px 6px -1px #0000001a;min-width:140px}.payment-gate button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.payment-gate button:active{transform:translateY(0)}.payment-gate-icon{width:64px;height:64px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;font-size:24px}@media (max-width: 640px){.payment-required-screen{padding:1rem}.payment-gate{padding:2rem 1.5rem}.payment-gate h1{font-size:1.75rem}.payment-gate p{font-size:1rem}}:root{--typo-primary: #00bfff;--typo-primary-dark: #0080ff;--typo-secondary: #00ffff;--typo-danger: #ff4444;--typo-success: #00ff88;--typo-warning: #ffaa00;--typo-bg-dark: #0a0a0a;--typo-bg-medium: #1a1a1a;--typo-bg-light: #2a2a2a;--typo-bg-lighter: #3a3a3a;--typo-text-primary: #ffffff;--typo-text-secondary: #cccccc;--typo-text-muted: #888888;--typo-border: #333333;--typo-border-light: #444444;--typo-shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--typo-shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--typo-shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--typo-radius-sm: 4px;--typo-radius-md: 8px;--typo-radius-lg: 12px;--typo-spacing-xs: 4px;--typo-spacing-sm: 8px;--typo-spacing-md: 16px;--typo-spacing-lg: 24px;--typo-spacing-xl: 32px;--typo-transition: all .3s ease}.typo-left-panel{flex:1;overflow-y:auto}.typo-center-panel{display:flex;flex-direction:column;min-height:400px;flex:1;background:#2c2c2c}.typo-right-panel{flex:1;overflow-y:auto}.typo-preset-scrollable{max-height:600px;overflow-y:auto;padding-right:4px}.neon-color-picker{position:relative;margin:15px 0}.color-picker-header label{display:block;color:#ccc;font-weight:500;margin-bottom:10px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.color-target{font-size:12px;color:#4ecdc4;text-transform:none;margin-left:5px}.color-indicator{width:100%;height:40px;border:2px solid #444;border-radius:8px;cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:14px;font-weight:700;padding:0;background:#1a1a1a}.color-indicator:hover{border-color:#666;transform:translateY(-1px)}.color-hex{background:rgba(0,0,0,.5);padding:2px 8px;border-radius:4px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.color-picker-modal{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#2a2a2a;border:2px solid #444;border-radius:12px;padding:0;z-index:100;box-shadow:0 10px 30px #000c;animation:expandIn .2s ease-out}@keyframes expandIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #333}.modal-header h4{margin:0;color:#fff;font-size:16px;text-transform:uppercase;letter-spacing:.5px}.close-btn{background:none;border:none;color:#666;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.neon-colors-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:20px}.neon-color-btn{width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:8px;cursor:pointer;position:relative;transition:all .2s ease;padding:0;overflow:hidden}.neon-color-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;filter:blur(10px);opacity:0;transition:opacity .2s ease}.neon-color-btn:hover{transform:scale(1.05);border-color:#ffffff4d}.neon-color-btn:hover:before{opacity:.5}.neon-color-btn.active{border-color:#fff;box-shadow:0 0 20px currentColor}.checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:20px;font-weight:700;text-shadow:0 0 4px rgba(255,255,255,.8)}.custom-color-section{padding:15px 20px 20px;border-top:1px solid #333;margin-top:10px}.custom-color-btn{width:100%;padding:10px;background:#333;border:2px solid #444;border-radius:8px;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease;font-size:14px;font-weight:500}.custom-color-btn:hover{background:#3a3a3a;border-color:#555;color:#fff}.gradient-icon{font-size:18px}.custom-picker-wrapper{display:flex;align-items:center;gap:15px}.custom-color-input{width:60px;height:40px;border:2px solid #444;border-radius:8px;cursor:pointer;padding:2px}.custom-picker-wrapper span{color:#999;font-size:14px}@media (max-width: 480px){.neon-colors-grid{grid-template-columns:repeat(4,1fr)}}.reset-color-section{padding:0 20px 20px}.reset-color-btn{width:100%;padding:10px;background:transparent;border:2px dashed #555;border-radius:8px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;font-size:14px;font-weight:500}.reset-color-btn:hover{border-color:#777;color:#ccc;background:rgba(255,255,255,.05)}.reset-icon{font-size:16px}.color-mode-section{padding:15px 20px;border-top:1px solid #333}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-btn{padding:10px 15px;background:#333;border:2px solid #444;border-radius:8px;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;font-size:13px;font-weight:500}.mode-btn:hover{background:#3a3a3a;border-color:#555;color:#fff}.mode-btn.random-btn:hover{border-color:#f0f;color:#f0f}.mode-btn.clear-btn:hover{border-color:#4ecdc4;color:#4ecdc4}.mode-icon{font-size:18px}.color-instructions{padding:10px 20px;text-align:center;font-size:13px;color:#999;border-top:1px solid #333}.color-instructions p{margin:0}.color-target{font-size:12px;color:#4ecdc4;text-transform:none;margin-left:5px;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.progressive-controls{display:flex;flex-direction:column;gap:12px}.control-section{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:16px;margin-bottom:12px}.control-section h3{margin:0 0 15px;color:#d4c5ff;font-size:1.1rem;border-bottom:1px solid #444;padding-bottom:8px}.control-section h4{color:#fff;font-weight:600;margin-bottom:16px;font-size:14px;letter-spacing:1px}.control-section.hero-mode{padding:40px 20px;text-align:center}.size-section{padding:12px 16px 8px!important;margin-bottom:8px!important}.size-section .section-header{margin-bottom:8px!important}.size-section .reveal-more-btn{margin-top:8px!important}.landing-header h3{font-size:24px;font-weight:300;letter-spacing:2px;margin-bottom:8px;color:#4ecdc4}.landing-subtitle{font-size:14px;color:#aaa;margin-bottom:20px}.text-input-wrapper{margin-bottom:12px}.text-input{width:100%;background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:10px;color:#fff;font-family:monospace;resize:vertical;box-sizing:border-box}.text-input.hero-input{font-size:18px;padding:20px;text-align:center;border:2px solid #333;border-radius:8px;background:#0a0a0a;transition:all .3s ease}.text-input.hero-input:focus{border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc433}.landing-hints{margin-top:20px}.example-chips{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.example-chips span{color:#666;font-size:12px}.example-chip{padding:6px 12px;background:#1a1a1a;border:1px solid #333;border-radius:20px;color:#ccc;font-size:12px;cursor:pointer;transition:all .2s ease}.example-chip:hover{background:#2a2a2a;color:#4ecdc4;border-color:#4ecdc4}.visual-slider{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin-bottom:16px}.slider-label{font-size:13px;color:#ddd;flex-shrink:0}.slider-value{font-size:11px;color:#999;text-align:center}input[type=range],.visual-range,.simple-range{width:100%;height:1px!important;background:#2a2a2a;border-radius:.5px;outline:none;-webkit-appearance:none;margin-bottom:5px}input[type=range]::-webkit-slider-runnable-track,.visual-range::-webkit-slider-runnable-track,.simple-range::-webkit-slider-runnable-track{height:1px;background:#2a2a2a;border-radius:.5px}input[type=range]::-webkit-slider-thumb,.visual-range::-webkit-slider-thumb,.simple-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#4ecdc4;border-radius:50%;cursor:pointer;border:2px solid #fff;transition:all .2s ease;margin-top:-8.5px}.visual-range::-webkit-slider-thumb:hover,.simple-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #4ecdc480}.range-value{font-size:11px;color:#4ecdc4;font-weight:700;margin-left:8px}input[type=range]::-moz-range-thumb,.visual-range::-moz-range-thumb,.simple-range::-moz-range-thumb{width:18px;height:18px;background:#4ecdc4;border-radius:50%;cursor:pointer;border:2px solid #fff;-moz-appearance:none;-webkit-appearance:none;appearance:none}input[type=range]::-moz-range-track,.visual-range::-moz-range-track,.simple-range::-moz-range-track{height:1px;background:#2a2a2a;border-radius:.5px;border:none}.visual-slider input[type=range]{height:1px!important;background:#2a2a2a!important;border:none!important}.visual-slider input[type=range]::-webkit-slider-runnable-track{height:1px!important;background:#2a2a2a!important;border-radius:.5px!important;border:none!important}.visual-slider input[type=range]::-moz-range-track{height:1px!important;background:#2a2a2a!important;border-radius:.5px!important;border:none!important}.layout-selector{display:flex;gap:8px;margin-bottom:16px}.layout-btn{flex:1;padding:12px 8px;border:2px solid #444;background:#2a2a2a;color:#999;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:70px}.layout-btn:hover{border-color:#666;background:#333;color:#ccc}.layout-btn.active{border-color:#4ecdc4;background:#1a3a3a;color:#4ecdc4}.layout-icon{font-size:18px;font-weight:700}.layout-label{font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.layout-controls .control-item{margin-bottom:16px}.layout-controls .control-item:last-child{margin-bottom:0}.layout-controls input[type=range],.layout-controls .simple-range{width:100%!important;height:1px!important;background:#2a2a2a!important;border-radius:.5px!important;outline:none!important;-webkit-appearance:none!important;margin-bottom:5px!important}.layout-controls input[type=range]::-webkit-slider-thumb,.layout-controls .simple-range::-webkit-slider-thumb{-webkit-appearance:none!important;width:18px!important;height:18px!important;background:#4ecdc4!important;border-radius:50%!important;cursor:pointer!important;border:2px solid #fff!important;transition:all .2s ease!important;margin-top:-8.5px!important}.layout-controls .range-value{font-size:11px!important;color:#4ecdc4!important;font-weight:700!important;margin-left:8px!important}.layout-controls .toggle-group{display:flex;gap:4px;margin-top:8px;width:100%}.layout-controls .toggle-btn{flex:1;min-width:0;padding:8px 4px;border:1px solid #444;background:#2a2a2a;color:#999;border-radius:4px;cursor:pointer;transition:all .2s;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:40px}.layout-controls .toggle-btn:hover{border-color:#666;background:#333;color:#ccc}.layout-controls .toggle-btn.active{border-color:#4ecdc4;background:#1a3a3a;color:#4ecdc4;font-weight:600}.control-item{margin-bottom:12px}.control-item:last-child{margin-bottom:0}.control-item label{display:block;margin-bottom:8px;color:#ddd;font-weight:500;font-size:13px}.section-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #2a2a2a}.section-header h4{font-size:12px;font-weight:600;letter-spacing:.8px;color:#fff!important;margin:0}.subsection-header{margin:8px 0 12px;padding-bottom:6px;border-bottom:1px solid #333}.subsection-header h5{margin:0;font-size:10px;font-weight:600;letter-spacing:.8px;color:#888;text-transform:uppercase}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible-header:hover{opacity:.9}.collapse-icon{color:#9370db!important;font-size:12px;font-weight:700;transition:transform .2s ease,color .2s ease}.collapsible-header:hover .collapse-icon{color:#b8a9ff!important}.position-controls{margin-top:10px;display:flex;flex-direction:column;align-items:center}.position-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0;padding:0;flex-wrap:nowrap;width:100%;max-width:160px}.position-row button{width:32px;height:32px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#ccc;cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:14px;display:flex;align-items:center;justify-content:center}.position-row button:hover{background:#2a2a2a;color:#4ecdc4;border-color:#4ecdc4}.position-row span{font-size:12px;color:#ccc;min-width:60px;text-align:center;flex:1;white-space:nowrap;font-weight:500}.center-btn{width:100%;max-width:100px;margin:8px auto 0;padding:6px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;color:#ccc!important;font-size:11px;cursor:pointer;transition:all .2s ease}.center-btn:hover{background:#2a2a2a;color:#4ecdc4!important;border-color:#4ecdc4}.alignment-controls{margin-bottom:20px}.alignment-controls label{display:block;color:#fff;font-size:14px;margin-bottom:10px;font-weight:500}.alignment-group{display:flex;gap:20px;background:transparent;border:none;border-radius:6px;overflow:visible;height:32px;min-height:32px;width:100%;justify-content:center;margin:0 auto}.alignment-group .align-btn{flex:0 0 auto;width:32px;height:32px;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#666;cursor:pointer;transition:all .2s;font-size:16px;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.alignment-group .align-btn:hover:not(.active){background:#2a2a2a;color:#9370db;border-color:#555}.alignment-group .align-btn.active{background:#9370db;color:#fff;border-color:#9370db}.toggle-group{display:flex;gap:6px;margin-top:8px;width:100%}.toggle-btn{flex:1;min-width:0;padding:8px 10px;border:1px solid #444;background:#2a2a2a;color:#999;border-radius:4px;cursor:pointer;transition:all .2s;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:60px}.toggle-btn:hover{border-color:#666;background:#333;color:#ccc}.toggle-btn.active{border-color:#4ecdc4;background:#1a3a3a;color:#4ecdc4;font-weight:600}.reveal-more-btn{width:100%;padding:10px;margin-top:12px;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #333;border-radius:6px;color:#4ecdc4;font-size:13px;cursor:pointer;transition:all .3s ease}.reveal-more-btn:hover{background:linear-gradient(135deg,#2a2a2a 0%,#333 100%);border-color:#4ecdc4;transform:translateY(-2px);box-shadow:0 5px 15px #4ecdc433}.fade-in{animation:fadeIn .5s ease-out}.font-selector{margin-bottom:16px}.font-selector-label{display:block;margin-bottom:8px;color:#ddd;font-weight:500;font-size:13px}.font-selector-dropdown{position:relative}.font-selector-current{width:100%;background:#1a1a1a;border:1px solid #444;border-radius:6px;padding:12px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between}.font-selector-current:hover{border-color:#666;background:#222}.font-current-info{display:flex;align-items:center;gap:12px}.font-current-preview{font-size:20px;font-weight:700;color:#4ecdc4;min-width:30px}.font-current-details{display:flex;flex-direction:column;align-items:flex-start}.font-current-name{font-size:14px;font-weight:500;color:#fff}.font-current-category{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}.font-dropdown-arrow{color:#9370db;font-size:12px;transition:transform .2s ease}.font-dropdown-arrow.open{transform:rotate(180deg)}.font-selector-options{position:absolute;top:100%;left:0;right:0;background:#1a1a1a;border:1px solid #444;border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:1000;max-height:200px;overflow-y:auto;margin-top:4px}.font-option{width:100%;background:transparent;border:none;padding:12px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;text-align:left}.font-option:hover{background:#2a2a2a}.font-option.active{background:#1a3a3a;border-left:3px solid #4ecdc4}.font-option-preview{font-size:18px;font-weight:700;color:#4ecdc4;min-width:30px}.font-option-details{display:flex;flex-direction:column;align-items:flex-start}.font-option-name{font-size:13px;font-weight:500;color:#fff}.font-option-category{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.5px}.font-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.mobile-hint{font-size:12px;color:#666;margin:0}.pro-tip{background:rgba(78,205,196,.1)!important;border:1px solid rgba(78,205,196,.3)!important;padding:10px 15px!important;border-radius:8px!important;margin:15px 0!important;font-size:13px!important;color:#fff!important;line-height:1.4!important}.pro-tip span,.pro-tip *{color:#fff!important}.font-selector-current.disabled{opacity:.7;cursor:not-allowed;background:#2a2a2a}.font-selector-current.disabled:hover{background:#2a2a2a}.custom-indicator{color:#00d4ff;font-weight:700;margin-left:4px}.custom-font-notice{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);border-radius:4px;margin-top:8px;font-size:12px}.notice-text{color:#00d4ff;font-style:italic}.reset-font-btn{background:rgba(0,212,255,.2);color:#00d4ff;border:1px solid rgba(0,212,255,.4);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s ease}.reset-font-btn:hover{background:rgba(0,212,255,.3);border-color:#00d4ff;transform:translateY(-1px)}.reset-font-btn:active{transform:translateY(0)}.payment-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;z-index:9999;padding:20px;padding-top:12vh;overflow:visible!important}.payment-modal{background:#1a1a2e;border-radius:16px;max-width:520px;width:100%;box-shadow:0 30px 80px #000000e6,0 0 0 1px #ffffff1a;animation:modalSlideIn .3s ease-out;position:relative;pointer-events:auto;overflow:visible!important}.mock2-layout{max-width:380px;border-radius:16px;pointer-events:auto;overflow:visible!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mock2-header{padding:0 16px;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;min-height:0;overflow:visible!important}.mock2-title{font-size:14px;color:#00d9ff!important;font-weight:600;margin:4px 0;line-height:1;padding:0}.mock2-close{position:absolute;top:-16px;right:-16px;width:36px;height:36px;border-radius:50%;background:#444;border:2px solid #FF4343;color:#f44;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0009;transition:all .2s ease;z-index:99999;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mock2-close:hover{background:#555;transform:scale(1.05)}.mock2-body{padding:16px;overflow:hidden;border-radius:0 0 16px 16px}.mock2-inline-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 10px;background:rgba(0,0,0,.3);border-radius:6px}.mock2-points-label{font-size:11px;color:#ffffffb3}.mock2-points-num{font-size:12px;color:#00d9ff;font-weight:700}.mock2-price-inline{font-size:32px;color:#00ff7f;font-weight:700;line-height:1}.mock2-tier-section{margin-bottom:12px}.mock2-tier-label{font-size:11px;color:#ffffffb3;margin-bottom:8px;font-weight:600}.mock2-tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mock2-tier-option{padding:12px 10px;background:rgba(255,255,255,.05);border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;text-align:center}.mock2-tier-option:hover{background:rgba(255,255,255,.08)}.mock2-tier-option.active{border-color:#00d9ff;background:rgba(0,217,255,.1)}.mock2-tier-option.elite.active{border-color:gold;background:rgba(255,215,0,.1)}.mock2-elite-badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#000;padding:2px 6px;border-radius:3px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mock2-tier-name{font-size:12px;font-weight:600;color:#fff;margin-bottom:4px}.mock2-tier-price{font-size:14px;font-weight:700;color:#00ff7f}.mock2-tier-option.elite .mock2-tier-name,.mock2-tier-option.elite .mock2-tier-price{color:gold}.mock2-input{width:100%;padding:10px;font-size:12px;border:1px solid rgba(255,215,0,.3);border-radius:6px;background-color:#ffd7000d;color:#fff;outline:none;margin-bottom:12px;box-sizing:border-box}.mock2-input::placeholder{color:#ffffff80}.mock2-providers{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.mock2-provider{padding:10px;background:rgba(255,255,255,.05);border:1.5px solid transparent;border-radius:6px;text-align:center;font-size:14px;cursor:pointer;transition:all .2s ease}.mock2-provider:hover{background:rgba(255,255,255,.08)}.mock2-provider.active{border-color:var(--provider-color);background:rgba(0,217,255,.1)}.mock2-coupon{display:flex;gap:6px;margin-bottom:12px;align-items:center}.mock2-coupon-input{flex:1;padding:8px 10px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.35);border-radius:6px;color:#fff;font-size:11px;outline:none}.mock2-coupon-input::placeholder{color:#ffffffb3}.mock2-coupon-error{color:#ff4343;font-size:11px;font-weight:600;white-space:nowrap}.mock2-btn{width:100%;padding:12px;background:linear-gradient(135deg,#00D9FF 0%,#0099cc 100%);border:none;border-radius:6px;color:#000;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #00d9ff4d}.mock2-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #00d9ff66}.mock2-btn:active:not(:disabled){transform:translateY(0)}.mock2-btn:disabled{opacity:.6;cursor:not-allowed}.mock2-free-hint{text-align:center;margin-top:10px;font-size:13px;color:#0f8;padding:8px;background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.2);border-radius:6px}.payment-modal-header{padding:24px 30px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.2)}.payment-modal-title{font-size:20px;font-weight:600;color:#00d9ff;margin:0}.payment-modal-close{background:rgba(255,67,67,.2);border:2px solid #FF4343;color:#ff4343;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.payment-modal-close:hover{background:rgba(255,67,67,.3);transform:scale(1.1)}.payment-modal-body{display:flex;flex-direction:column}.free-animation-box{padding:40px 24px;text-align:center;background:linear-gradient(135deg,rgba(0,255,127,.1) 0%,rgba(0,255,127,.05) 100%);border:2px solid #00ff7f;border-radius:12px;margin:24px}.free-animation-icon{font-size:48px;margin-bottom:16px}.free-animation-title{font-size:24px;font-weight:700;color:#00ff7f;margin-bottom:16px}.free-animation-status{color:#00ff7f;margin-bottom:16px;font-size:16px}.free-animation-complete{margin-top:20px}.free-animation-message{color:#00ff7f;margin-bottom:16px;font-size:16px}.free-download-button{background:linear-gradient(135deg,#00ff7f 0%,#00cc66 100%);color:#000;font-weight:700;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:14px;text-decoration:none;display:inline-block;transition:all .2s ease}.free-download-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00ff7f66}@media (max-width: 480px){.payment-modal-overlay{padding:10px;padding-top:8vh}.payment-modal,.mock2-layout{max-width:100%}.mock2-header{padding:10px 14px}.mock2-title{font-size:13px}.mock2-close{width:22px;height:22px;font-size:13px}.mock2-body{padding:14px}.mock2-points-num{font-size:16px}.mock2-price-inline{font-size:20px}.mock2-tier-grid{gap:6px}.mock2-tier-option{padding:10px 8px}.mock2-provider{padding:9px;font-size:9px}.free-animation-box{padding:30px 20px;margin:20px}.free-animation-title{font-size:20px}}.typo-studio-context-menu{background:#2a2a2a;border:1px solid #444;border-radius:8px;box-shadow:0 4px 12px #00000080;padding:8px 0;min-width:200px;animation:typoStudioContextMenuFadeIn .15s ease-out}@keyframes typoStudioContextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.typo-studio-context-menu-item{display:flex;align-items:center;padding:10px 16px;cursor:pointer;color:#fff!important;font-size:14px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.typo-studio-context-menu-item:hover:not(.typo-studio-disabled){background:#3a3a3a;color:#4ecdc4}.typo-studio-context-menu-item.typo-studio-disabled{opacity:.5;cursor:not-allowed}.typo-studio-context-menu-icon{font-size:16px;margin-right:12px;width:20px;text-align:center}.typo-studio-context-menu-label{flex:1;font-weight:500;color:#fff!important}.typo-studio-context-menu-shortcut{margin-left:20px;font-size:12px;color:#999;font-family:monospace}.typo-studio-context-menu-separator{height:1px;background:#444;margin:4px 0}.typo-studio-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:999;animation:typoStudioFadeIn .2s ease-out}@keyframes typoStudioFadeIn{0%{opacity:0}to{opacity:1}}.typo-studio-circular-text-modal{background:#2a2a2a;border-radius:12px;box-shadow:0 8px 32px #00000080;width:90%;max-width:600px;max-height:90vh;overflow:hidden;animation:typoStudioSlideIn .3s ease-out}@keyframes typoStudioSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.typo-studio-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #444}.typo-studio-modal-header h2{margin:0;color:#4ecdc4;font-size:20px;font-weight:600}.typo-studio-close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.typo-studio-close-btn:hover{background:#3a3a3a;color:#fff}.typo-studio-modal-body{padding:20px;overflow-y:auto;max-height:calc(90vh - 140px)}.typo-studio-input-section{margin-bottom:24px}.typo-studio-input-section label,.typo-studio-preview-section label,.typo-studio-control-item label{display:block;color:#ccc;font-size:14px;font-weight:500;margin-bottom:8px}.typo-studio-input-section input[type=text]{width:100%;padding:12px;background:#1a1a1a;border:2px solid #444;border-radius:8px;color:#fff;font-size:16px;transition:border-color .2s}.typo-studio-input-section input[type=text]:focus{outline:none;border-color:#4ecdc4}.typo-studio-input-hint{margin-top:8px;font-size:12px;color:#999}.typo-studio-preview-section{margin-bottom:24px;text-align:center}.typo-studio-preview-canvas{background:#1a1a1a;border:1px solid #444;border-radius:8px;margin-top:8px}.typo-studio-controls-section{display:flex;flex-direction:column;gap:20px}.typo-studio-control-item{display:flex;align-items:center;gap:16px}.typo-studio-control-item label{width:120px;margin-bottom:0}.typo-studio-control-item input[type=range]{flex:1;height:4px;background:#444;border-radius:2px;outline:none;-webkit-appearance:none}.typo-studio-control-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#4ecdc4;border-radius:50%;cursor:pointer}.typo-studio-control-item input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#4ecdc4;border-radius:50%;cursor:pointer;border:none}.typo-studio-control-value{min-width:50px;text-align:right;color:#4ecdc4;font-weight:600}.typo-studio-direction-buttons{display:flex;gap:8px;flex:1}.typo-studio-direction-btn{flex:1;padding:8px 16px;background:#1a1a1a;border:2px solid #444;border-radius:6px;color:#999;cursor:pointer;transition:all .2s;font-size:14px}.typo-studio-direction-btn:hover{border-color:#666;color:#ccc}.typo-studio-direction-btn.active{background:#4ecdc4;border-color:#4ecdc4;color:#1a1a1a;font-weight:600}.typo-studio-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #444}.typo-studio-cancel-btn,.typo-studio-add-btn{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.typo-studio-cancel-btn{background:#3a3a3a;color:#ccc}.typo-studio-cancel-btn:hover{background:#444;color:#fff}.typo-studio-add-btn{background:#4ecdc4;color:#1a1a1a}.typo-studio-add-btn:hover:not(:disabled){background:#45b8b0}.typo-studio-add-btn:disabled{opacity:.5;cursor:not-allowed}.color-by-number-modal{position:fixed;top:30px;right:20px;width:320px;background:#2a2a2a;border:2px solid #444;border-radius:12px;box-shadow:0 10px 30px #000c;z-index:1000;display:flex;flex-direction:column}.modal-header{padding:15px 20px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:#fff;font-size:18px}.mode-selector{display:flex;gap:10px}.mode-btn{padding:8px 16px;background:#333;border:1px solid #444;color:#fff;border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px}.mode-btn:hover{background:#3a3a3a;color:#fff}.mode-btn.active{background:#1a3a3a;border-color:#4ecdc4;color:#4ecdc4}.modal-body{padding:20px 20px 10px;display:flex;flex-direction:column;gap:0}.word-list{display:flex;flex-wrap:wrap;gap:6px;max-height:110px;overflow-y:auto;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #333}.word-item{padding:4px 10px;background:#333;border:2px solid #444;border-radius:20px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;font-size:12px;height:fit-content;flex-shrink:0}.word-item.line-item{width:100%;border-radius:8px}.word-item:hover{border-color:#666;transform:translateY(-1px)}.word-item.selected{border-color:#4ecdc4;box-shadow:0 0 10px #4ecdc44d}.word-item.hovered{border-color:#888}.word-number{background:rgba(255,255,255,.1);padding:2px 6px;border-radius:10px;font-size:11px;font-weight:700;color:#4ecdc4}.word-text{font-weight:500}.color-palette{display:flex;flex-direction:column;gap:0}.color-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-width:280px}.color-btn{width:100%;height:36px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s;position:relative}.color-btn:hover:not(:disabled){transform:scale(1.1);border-color:#ffffff4d}.color-btn:disabled{opacity:.3;cursor:not-allowed}.color-btn.active{border-color:#fff;box-shadow:0 0 15px currentColor}.color-btn.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-weight:700;font-size:10px;text-shadow:0 0 3px rgba(255,255,255,.8)}.modal-footer{padding:10px 20px 15px;border-top:1px solid #333;display:flex;gap:10px;justify-content:flex-end}.action-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;font-size:14px}.random-btn{background:#444;color:#ccc;border:2px solid #4ecdc4}.random-btn:hover{background:#555;color:#fff}.reset-btn{background:transparent;border:2px solid #4ecdc4;color:#999}.reset-btn:hover{border-color:#5fd6ce;color:#ccc}.done-btn{background:#4ecdc4;color:#000}.done-btn:hover{background:#5fd6ce;transform:translateY(-1px)}.word-list::-webkit-scrollbar{width:6px}.word-list::-webkit-scrollbar-track{background:#222;border-radius:3px}.word-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.word-list::-webkit-scrollbar-thumb:hover{background:#555}.canvas-number-overlay{position:absolute;color:#4ecdc4;font-weight:700;font-size:12px;background:rgba(0,0,0,.8);padding:2px 6px;border-radius:10px;pointer-events:none;z-index:10;border:1px solid #4ecdc4}.confirmation-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.confirmation-modal{background:#2a2a2a;border:1px solid #444;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:480px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn .3s ease-out}.confirmation-modal__header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid #444}.confirmation-modal__icon{font-size:24px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,.1)}.confirmation-modal__title{margin:0;color:#fff;font-size:18px;font-weight:600;flex:1}.confirmation-modal__content{padding:20px 24px}.confirmation-modal__message{margin:0;color:#ccc;font-size:14px;line-height:1.5}.confirmation-modal__actions{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.confirmation-modal__button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.confirmation-modal__button--cancel{background:#444;color:#fff;border:1px solid #666}.confirmation-modal__button--cancel:hover{background:#555;border-color:#777}.confirmation-modal__button--confirm{background:#00bfff;color:#fff}.confirmation-modal__button--confirm:hover{background:#0099cc}.confirmation-modal--destructive .confirmation-modal__icon{background:rgba(255,69,58,.2);color:#ff453a}.confirmation-modal--destructive .confirmation-modal__button--confirm{background:#ff453a;color:#fff}.confirmation-modal--destructive .confirmation-modal__button--confirm:hover{background:#d63031}.confirmation-modal--warning .confirmation-modal__icon{background:rgba(255,204,0,.2);color:#fc0}.confirmation-modal--warning .confirmation-modal__button--confirm{background:#ffcc00;color:#000}.confirmation-modal--warning .confirmation-modal__button--confirm:hover{background:#e6b800}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirmation-modal__button:focus{outline:2px solid #00bfff;outline-offset:2px}.confirmation-modal--destructive .confirmation-modal__button--confirm:focus{outline-color:#ff453a}@media (max-width: 640px){.confirmation-modal{margin:20px;width:calc(100% - 40px)}.confirmation-modal__actions{flex-direction:column-reverse}.confirmation-modal__button{width:100%}}.message-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:2000;animation:messageModalFadeIn .2s ease-out}@keyframes messageModalFadeIn{0%{opacity:0}to{opacity:1}}.message-modal{background:#2a2a2a;border-radius:12px;border:2px solid #444;width:90%;max-width:320px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:messageModalSlideIn .3s ease-out;position:relative}@keyframes messageModalSlideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.message-modal-header{display:flex;align-items:center;gap:10px;padding:12px 16px 10px;border-bottom:1px solid #444}.message-modal-icon{font-size:20px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;flex-shrink:0}.message-modal.info .message-modal-icon{background:rgba(0,191,255,.15)}.message-modal.warning .message-modal-icon{background:rgba(255,149,0,.15)}.message-modal.error .message-modal-icon{background:rgba(255,69,58,.15)}.message-modal.success .message-modal-icon{background:rgba(48,209,88,.15)}.message-modal-title{color:#fff;margin:0;font-size:16px;font-weight:600;flex:1;line-height:1.2}.message-modal-content{padding:12px 16px}.message-modal-text{color:#ccc;margin:0;font-size:1rem;line-height:1.6;text-align:left}.message-modal-footer{padding:12px 16px 16px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.message-modal-button{background:#00bfff;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px;flex-shrink:0}.message-modal-button:hover{background:#0099cc;transform:translateY(-1px)}.message-modal-button:active{transform:translateY(0)}.message-modal-button.warning{background:#ff9500}.message-modal-button.warning:hover{background:#e6860e}.message-modal-button.error{background:#ff453a}.message-modal-button.error:hover{background:#e6362d}.message-modal-button.success{background:#30d158}.message-modal-button.success:hover{background:#28be4f}.message-modal-button.secondary{background:#444;color:#ccc;min-width:auto;padding:10px 20px;flex-shrink:0}.message-modal-button.secondary:hover{background:#555;color:#fff}@media (max-width: 600px){.message-modal{margin:20px;width:calc(100% - 40px)}.message-modal-header{padding:20px 20px 16px}.message-modal-content{padding:16px 20px}.message-modal-footer{padding:16px 20px 20px}}.special-chars-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;align-items:flex-start;justify-content:flex-end;z-index:10000;padding:20px;pointer-events:none}.special-chars-modal{pointer-events:auto;background:#1a1a2e;border-radius:16px;max-width:420px;width:100%;max-height:70vh;box-shadow:0 20px 60px #00000080;overflow:hidden;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}.special-chars-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.2)}.special-chars-title{font-size:20px;font-weight:600;color:#00d9ff;margin:0}.special-chars-close{background:rgba(255,67,67,.2);border:2px solid #FF4343;color:#ff4343;width:36px;height:36px;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.special-chars-close:hover{background:rgba(255,67,67,.3);transform:scale(1.1)}.special-chars-search{padding:16px 24px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px}.special-chars-tabs{display:flex;gap:8px;padding:16px 24px;background:rgba(0,0,0,.15);border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;scrollbar-width:thin}.special-chars-tabs::-webkit-scrollbar{height:8px}.special-chars-tabs::-webkit-scrollbar-track{background:rgba(0,217,255,.1);border-radius:4px}.special-chars-tabs::-webkit-scrollbar-thumb{background:#00D9FF;border-radius:4px;box-shadow:0 0 8px #00d9ff}.special-chars-tabs::-webkit-scrollbar-thumb:hover{background:#00E8FF;box-shadow:0 0 12px #00d9ff}.special-chars-tabs{scrollbar-color:#00D9FF transparent}.special-chars-grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;overflow-y:auto;max-height:320px;scrollbar-width:thin}.special-chars-grid::-webkit-scrollbar{width:10px}.special-chars-grid::-webkit-scrollbar-track{background:rgba(0,217,255,.1);border-radius:5px}.special-chars-grid::-webkit-scrollbar-thumb{background:#00D9FF;border-radius:5px;box-shadow:0 0 8px #00d9ff}.special-chars-grid::-webkit-scrollbar-thumb:hover{background:#00E8FF;box-shadow:0 0 12px #00d9ff}.special-chars-grid{scrollbar-color:#00D9FF transparent}.symbol-item{position:relative;aspect-ratio:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.symbol-item:hover{background:rgba(0,217,255,.15);border-color:#00d9ff;transform:scale(1.1);z-index:10}.symbol-display{font-size:24px;color:#fff;-webkit-user-select:none;user-select:none}.symbol-tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#2a2a3e;border:2px solid #00D9FF;border-radius:6px;padding:8px;min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0009;z-index:10001;pointer-events:none}.symbol-tooltip:after{display:none}.tooltip-name,.tooltip-shortcut{display:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.symbol-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #00D9FF}.tooltip-preview{font-size:36px;color:#00d9ff;text-align:center;margin:0;line-height:1}.tooltip-name{font-size:10px;color:#fff;text-align:center;font-weight:500;margin-bottom:2px}.tooltip-shortcut{font-size:9px;color:#fff9;text-align:center;font-style:italic}.no-results{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#ffffff80;font-size:14px}@media (max-width: 640px){.special-chars-modal{max-width:95vw;max-height:85vh}.special-chars-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:6px}.symbol-display{font-size:20px}.tooltip-preview{font-size:28px}.special-chars-tabs{gap:6px;padding:12px 16px}.tab-button{padding:6px 12px;font-size:12px}}.symbol-display,.tooltip-preview{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.font-picker-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;align-items:flex-start;justify-content:flex-end;z-index:10000;padding:20px;pointer-events:none}.font-picker-modal{pointer-events:auto;background:#1a1a2e;border-radius:16px;max-width:400px;width:100%;max-height:70vh;box-shadow:0 20px 60px #00000080;overflow:hidden;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.font-picker-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.2)}.font-picker-title{font-size:20px;font-weight:600;color:#00d9ff;margin:0}.font-picker-close{background:rgba(255,67,67,.2);border:2px solid #FF4343;color:#ff4343;width:36px;height:36px;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.font-picker-close:hover{background:rgba(255,67,67,.3);transform:scale(1.1)}.font-picker-search{padding:16px 24px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px}.search-icon{font-size:18px;opacity:.7}.search-input{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:14px;outline:none;transition:all .2s ease}.search-input::placeholder{color:#fff6}.search-input:focus{background:rgba(255,255,255,.08);border-color:#00d9ff;box-shadow:0 0 0 2px #00d9ff33}.font-picker-tabs{display:flex;gap:8px;padding:16px 24px;background:rgba(0,0,0,.15);border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;scrollbar-width:thin;scrollbar-color:#00D9FF transparent}.font-picker-tabs::-webkit-scrollbar{height:6px}.font-picker-tabs::-webkit-scrollbar-track{background:transparent}.font-picker-tabs::-webkit-scrollbar-thumb{background:#00D9FF;border-radius:3px;box-shadow:0 0 8px #00d9ff}.tab-button{padding:8px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.tab-button:hover{background:rgba(255,255,255,.08);color:#fff}.tab-button.active{background:linear-gradient(135deg,#00D9FF 0%,#0099CC 100%);border-color:#00d9ff;color:#000;font-weight:600;box-shadow:0 2px 8px #00d9ff4d}.font-picker-grid{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow-y:auto;max-height:320px;scrollbar-width:thin;scrollbar-color:#00D9FF transparent}.font-picker-grid::-webkit-scrollbar{width:8px}.font-picker-grid::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.font-picker-grid::-webkit-scrollbar-thumb{background:#00D9FF;border-radius:4px;box-shadow:0 0 8px #00d9ff}.font-picker-grid::-webkit-scrollbar-thumb:hover{background:#00E8FF;box-shadow:0 0 12px #00d9ff}.font-item{position:relative;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:6px;padding:12px;cursor:pointer;transition:all .2s ease;text-align:center}.font-item:hover{background:rgba(0,217,255,.15);border-color:#00d9ff;transform:translate(4px)}.font-item.active{background:rgba(0,217,255,.2);border-color:#00d9ff;box-shadow:0 0 0 2px #00d9ff4d}.font-display{font-size:16px;color:#fff;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#2a2a3e;border:2px solid #00D9FF;border-radius:6px;padding:12px;min-width:80px;min-height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0009;z-index:10001;pointer-events:none}.tooltip-preview{font-size:48px;color:#00d9ff;text-align:center;margin:0;line-height:1}.no-results{text-align:center;padding:40px 20px;color:#ffffff80;font-size:14px}@media (max-width: 640px){.font-picker-modal{max-width:95vw;max-height:85vh}.font-display{font-size:18px}.tooltip-preview{font-size:36px}.font-picker-tabs{gap:6px;padding:12px 16px}.tab-button{padding:6px 12px;font-size:12px}}.font-picker{padding:16px;height:100%;display:flex;flex-direction:column;overflow:hidden}.font-picker__title{font-size:1.1rem;font-weight:700;margin:0 0 16px;color:#fff;display:flex;align-items:center;gap:8px}.font-picker__title-icon{font-size:1.2rem}.font-picker__loading{text-align:center;padding:20px;color:#888;font-size:.9rem}.font-picker__categories{flex:1;overflow-y:auto;padding-right:8px}.font-picker__categories::-webkit-scrollbar{width:6px}.font-picker__categories::-webkit-scrollbar-track{background:#1a1a2e;border-radius:3px}.font-picker__categories::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.font-picker__categories::-webkit-scrollbar-thumb:hover{background:#555}.font-picker__category{margin-bottom:16px}.font-picker__category-label{display:flex;align-items:center;gap:8px;padding:8px 0;color:#0ff;font-size:.85rem;font-weight:600;border-bottom:1px solid rgba(0,255,255,.2);margin-bottom:10px}.font-picker__category-icon{font-size:1rem}.font-picker__category-name{color:#0ff;text-transform:uppercase;letter-spacing:.5px}.font-picker__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.font-picker__option{position:relative;background:#2a2a3e;border:2px solid transparent;border-radius:8px;padding:8px 4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:50px}.font-picker__option:hover{background:#3a3a4e;border-color:#555;transform:scale(1.05)}.font-picker__option--selected{border-color:#0ff!important;background:rgba(0,255,255,.1);box-shadow:0 0 10px #00ffff4d}.font-picker__option--predefined{background:linear-gradient(135deg,#2a2a3e 0%,#3a2a4e 100%)}.font-picker__canvas{width:100%;height:100%;border-radius:4px}.font-picker__preview{font-size:1.4rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.font-picker__badge{position:absolute;top:2px;right:2px;font-size:.6rem;color:#f0f}.font-picker__tip{padding:12px;background:rgba(0,255,255,.1);border-radius:8px;color:#aaa;font-size:.75rem;text-align:center;margin-top:12px;flex-shrink:0}@media (max-width: 1200px){.font-picker__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.font-picker__grid{grid-template-columns:repeat(3,1fr)}.font-picker__preview{font-size:1.1rem}}.style-controls{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:12px;padding:1rem}.style-controls__title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.style-controls__title-icon{font-size:1.1rem}.style-controls__group{margin-bottom:1rem}.style-controls__group:last-child{margin-bottom:0}.style-controls__group--disabled{opacity:.6;pointer-events:none}.style-controls__label{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#aaa;margin-bottom:.5rem}.style-controls__value{color:#0ff;font-family:SF Mono,Monaco,monospace;font-size:.8rem}.style-controls__preset-label{font-size:.75rem;color:gold;padding:.15rem .4rem;background:rgba(255,215,0,.15);border-radius:4px}.style-controls__slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:3px;outline:none;cursor:pointer}.style-controls__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#00ffff 0%,#00aaaa 100%);border-radius:50%;cursor:pointer;transition:transform .1s ease}.style-controls__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.style-controls__slider::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,#00ffff 0%,#00aaaa 100%);border-radius:50%;cursor:pointer;border:none}.style-controls__color-row{display:flex;gap:.5rem;align-items:center}.style-controls__color-picker{width:40px;height:32px;padding:0;border:2px solid #444;border-radius:6px;cursor:pointer;background:transparent}.style-controls__color-picker::-webkit-color-swatch-wrapper{padding:2px}.style-controls__color-picker::-webkit-color-swatch{border-radius:4px;border:none}.style-controls__color-input{flex:1;padding:.5rem;background:#1a1a2e;border:1px solid #333;border-radius:6px;color:#fff;font-family:SF Mono,Monaco,monospace;font-size:.85rem}.style-controls__color-input:focus{outline:none;border-color:#0ff}.style-controls__color-input:disabled{opacity:.5;cursor:not-allowed}.style-controls__details{margin-top:1rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.style-controls__summary{cursor:pointer;font-size:.9rem;color:#aaa;font-weight:500;padding:.5rem;border-radius:6px;transition:all .2s ease;list-style:none;display:flex;align-items:center;gap:.5rem}.style-controls__summary span{color:#aaa}.style-controls__summary::-webkit-details-marker{display:none}.style-controls__summary:before{content:"▶";font-size:.7rem;color:#0ff;transition:transform .2s ease}.style-controls__details[open] .style-controls__summary:before{transform:rotate(90deg)}.style-controls__summary:hover{color:#fff;background:rgba(0,255,255,.1)}.style-controls__details-content{padding-top:1rem}.dbscan-controls{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:12px;padding:1rem}.dbscan-controls__title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.dbscan-controls__title-icon{font-size:1.1rem}.dbscan-controls__point-count{background:rgba(0,0,0,.3);padding:.5rem .75rem;border-radius:6px;font-size:.85rem;color:#888;margin-bottom:1rem}.dbscan-controls__point-value{color:#0ff;font-family:SF Mono,Monaco,monospace;font-weight:600}.dbscan-controls__group{margin-bottom:1rem}.dbscan-controls__group:last-child{margin-bottom:0}.dbscan-controls__group--checkbox{padding:.5rem 0}.dbscan-controls__label{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#aaa;margin-bottom:.5rem}.dbscan-controls__value{color:#f90;font-family:SF Mono,Monaco,monospace;font-size:.8rem}.dbscan-controls__hint{display:block;font-size:.7rem;color:#666;margin-top:.25rem;font-style:italic}.dbscan-controls__slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:3px;outline:none;cursor:pointer}.dbscan-controls__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#ff9900 0%,#cc6600 100%);border-radius:50%;cursor:pointer;transition:transform .1s ease}.dbscan-controls__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.dbscan-controls__checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.dbscan-controls__checkbox{width:18px;height:18px;accent-color:#ff9900;cursor:pointer}.dbscan-controls__checkbox-text{font-size:.85rem;color:#aaa}.dbscan-controls__advanced{margin-top:1rem;border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem}.dbscan-controls__summary{cursor:pointer;font-size:.85rem;color:#666;padding:.5rem;border-radius:6px;transition:all .2s ease;list-style:none}.dbscan-controls__summary::-webkit-details-marker{display:none}.dbscan-controls__summary:before{content:"▶ ";font-size:.7rem}.dbscan-controls__advanced[open] .dbscan-controls__summary:before{content:"▼ "}.dbscan-controls__summary:hover{color:#aaa;background:rgba(255,255,255,.05)}.dbscan-controls__advanced-content{padding-top:1rem}.dbscan-controls__run-btn{width:100%;padding:.75rem 1rem;margin-top:1rem;background:linear-gradient(135deg,#ff9900 0%,#ff6600 100%);border:none;border-radius:8px;color:#000;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.dbscan-controls__run-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #f906}.dbscan-controls__run-btn:disabled{opacity:.5;cursor:not-allowed}.dbscan-controls__run-btn--loading{background:#444;color:#aaa}.dbscan-controls__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;padding:.75rem;background:rgba(0,0,0,.3);border-radius:8px}.dbscan-controls__stat{text-align:center}.dbscan-controls__stat-label{display:block;font-size:.7rem;color:#666;margin-bottom:.25rem}.dbscan-controls__stat-value{display:block;font-size:.9rem;color:#0ff;font-family:SF Mono,Monaco,monospace;font-weight:600}.dbscan-controls__preview{margin-top:1rem;border-radius:8px;overflow:hidden;background:#000}.dbscan-controls__preview-image{width:100%;height:auto;display:block}.pattern-picker{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:12px;padding:1rem}.pattern-picker--disabled{opacity:.6;pointer-events:none}.pattern-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.pattern-picker__title{font-size:1rem;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:.5rem}.pattern-picker__title-icon{font-size:1.1rem}.pattern-picker__clear-btn{padding:.3rem .6rem;background:rgba(255,100,100,.2);border:1px solid rgba(255,100,100,.3);border-radius:6px;color:#f66;font-size:.75rem;cursor:pointer;transition:all .2s ease}.pattern-picker__clear-btn:hover{background:rgba(255,100,100,.3)}.pattern-picker__selected{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,153,0,.1);border:1px solid rgba(255,153,0,.3);border-radius:8px;margin-bottom:1rem}.pattern-picker__selected-icon{font-size:1.5rem}.pattern-picker__selected-info{display:flex;flex-direction:column;gap:.2rem}.pattern-picker__selected-name{font-size:.9rem;font-weight:600;color:#f90}.pattern-picker__selected-desc{font-size:.75rem;color:#888}.pattern-picker__categories{display:flex;flex-direction:column;gap:.5rem}.pattern-picker__category{border-radius:8px;overflow:hidden;background:rgba(255,255,255,.03)}.pattern-picker__category-header{width:100%;display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:rgba(255,255,255,.05);border:none;cursor:pointer;color:#fff;font-size:.8rem;font-weight:500;transition:background .2s ease}.pattern-picker__category-header:hover{background:rgba(255,255,255,.1)}.pattern-picker__category-header--expanded{background:rgba(255,153,0,.1);border-bottom:1px solid rgba(255,153,0,.2)}.pattern-picker__category-icon{font-size:1rem}.pattern-picker__category-name{flex:1;text-align:left}.pattern-picker__category-count{color:#666;font-size:.7rem;padding:.15rem .4rem;background:rgba(255,255,255,.1);border-radius:8px}.pattern-picker__category-arrow{color:#666;font-size:.65rem}.pattern-picker__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem;background:rgba(0,0,0,.2)}.pattern-picker__option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.6rem;background:#1a1a2e;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.pattern-picker__option:hover:not(:disabled){border-color:#ff99004d;transform:scale(1.02)}.pattern-picker__option--selected{border-color:#f90;background:rgba(255,153,0,.1);box-shadow:0 0 15px #f903}.pattern-picker__option:disabled{opacity:.5;cursor:not-allowed}.pattern-picker__preview{font-size:1.5rem}.pattern-picker__name{font-size:.7rem;color:#aaa;text-align:center}.pattern-picker__hover-info{margin-top:.75rem;padding:.75rem;background:rgba(0,0,0,.3);border-radius:8px;font-size:.8rem}.pattern-picker__hover-info strong{color:#fff;display:block;margin-bottom:.25rem}.pattern-picker__hover-info p{color:#888;margin:0;font-size:.75rem}.pattern-picker__tip{margin-top:1rem;padding:.6rem;background:rgba(255,153,0,.05);border-radius:8px;font-size:.7rem;color:#888;text-align:center;border-left:3px solid rgba(255,153,0,.3)}.living-controls{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:12px;padding:1rem}.living-controls__toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.living-controls__toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.living-controls__checkbox{width:18px;height:18px;accent-color:#ff00ff;cursor:pointer}.living-controls__toggle-text{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#fff;font-weight:500}.living-controls__toggle-icon{font-size:1.1rem}.living-controls__status{font-size:.75rem;color:#0f0;padding:.25rem .5rem;background:rgba(0,255,0,.1);border-radius:4px;animation:pulse 1.5s infinite}.living-controls__section{margin-bottom:1rem}.living-controls__section:last-of-type{margin-bottom:0}.living-controls__section-title{font-size:.85rem;font-weight:600;color:#aaa;margin:0 0 .75rem}.living-controls__selected{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(255,0,255,.1);border:1px solid rgba(255,0,255,.3);border-radius:6px;margin-bottom:.75rem}.living-controls__selected-icon{font-size:1.2rem}.living-controls__selected-name{font-size:.85rem;color:#f0f;font-weight:500}.living-controls__categories{display:flex;flex-direction:column;gap:.25rem}.living-controls__category{background:rgba(0,0,0,.2);border-radius:6px;overflow:hidden}.living-controls__category-btn{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(255,255,255,.05);border:none;color:#aaa;font-size:.8rem;cursor:pointer;transition:all .2s ease}.living-controls__category-btn:hover{background:rgba(255,255,255,.1);color:#fff}.living-controls__category-btn--expanded{background:rgba(255,0,255,.1);color:#fff}.living-controls__category-arrow{margin-left:auto;font-size:.6rem;color:#666}.living-controls__motion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.5rem;background:rgba(0,0,0,.2)}.living-controls__motion-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.5rem .25rem;background:#1a1a2e;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease}.living-controls__motion-btn:hover{border-color:#ff00ff4d;background:rgba(255,0,255,.05)}.living-controls__motion-btn--selected{border-color:#f0f;background:rgba(255,0,255,.15);box-shadow:0 0 10px #f0f3}.living-controls__motion-icon{font-size:1.1rem}.living-controls__motion-name{font-size:.6rem;color:#888;text-align:center}.living-controls__motion-btn--selected .living-controls__motion-name{color:#fff}.living-controls__param{margin-bottom:.75rem}.living-controls__param:last-child{margin-bottom:0}.living-controls__param-label{display:flex;justify-content:space-between;font-size:.8rem;color:#888;margin-bottom:.4rem}.living-controls__param-value{color:#f0f;font-family:SF Mono,Monaco,monospace;font-size:.75rem}.living-controls__slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:3px;outline:none;cursor:pointer}.living-controls__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:linear-gradient(135deg,#ff00ff 0%,#aa00aa 100%);border-radius:50%;cursor:pointer;transition:transform .1s ease}.living-controls__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.living-controls__info{margin-top:1rem;padding:.6rem;background:rgba(255,0,255,.05);border-radius:6px;font-size:.7rem;color:#888;text-align:center;border-left:3px solid rgba(255,0,255,.3)}.export-panel{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:12px;padding:1rem}.export-panel__title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.export-panel__title-icon{font-size:1.1rem}.export-panel__stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.export-panel__stat{background:rgba(0,0,0,.3);padding:.5rem;border-radius:6px;text-align:center}.export-panel__stat-label{display:block;font-size:.7rem;color:#666;margin-bottom:.2rem}.export-panel__stat-value{display:block;font-size:.9rem;color:#0ff;font-family:SF Mono,Monaco,monospace;font-weight:600}.export-panel__type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.export-panel__type-btn{padding:.6rem;background:rgba(255,255,255,.05);border:2px solid transparent;border-radius:8px;color:#888;font-size:.85rem;cursor:pointer;transition:all .2s ease}.export-panel__type-btn:hover:not(:disabled){background:rgba(255,255,255,.1);color:#fff}.export-panel__type-btn--active{border-color:#0ff;background:rgba(0,255,255,.1);color:#0ff}.export-panel__type-btn:disabled{opacity:.4;cursor:not-allowed}.export-panel__info{padding:.5rem;background:rgba(0,0,0,.2);border-radius:6px;margin-bottom:1rem}.export-panel__info p{margin:0;font-size:.8rem;color:#888}.export-panel__progress{position:relative;height:8px;background:#333;border-radius:4px;margin-bottom:1rem;overflow:hidden}.export-panel__progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#00ffff 0%,#00ff00 100%);border-radius:4px;transition:width .3s ease}.export-panel__progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;color:#fff;text-shadow:0 0 3px #000}.export-panel__error{padding:.6rem;background:rgba(255,0,0,.1);border:1px solid rgba(255,0,0,.3);border-radius:6px;margin-bottom:1rem;font-size:.8rem;color:#f66}.export-panel__buttons{display:flex;flex-direction:column;gap:.5rem}.export-panel__btn{padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.export-panel__btn:disabled{opacity:.5;cursor:not-allowed}.export-panel__btn--primary{background:linear-gradient(135deg,#00ffff 0%,#00aaaa 100%);color:#000}.export-panel__btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #0ff6}.export-panel__btn--secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.export-panel__btn--secondary:hover:not(:disabled){background:rgba(255,255,255,.15)}.export-panel__help{margin-top:1rem;padding:.5rem;font-size:.7rem;color:#666;text-align:center}.text-input{display:flex;flex-direction:column;gap:.5rem}.text-input__header{display:flex;justify-content:space-between;align-items:center}.text-input__label{font-size:.85rem;font-weight:600;color:#fff}.text-input__line-count{font-size:.75rem;color:#888;padding:.2rem .5rem;background:rgba(0,0,0,.3);border-radius:4px}.text-input__textarea{width:100%;min-height:80px;max-height:120px;padding:.75rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem;font-family:inherit;line-height:1.5;resize:none;transition:all .2s ease}.text-input__textarea:focus{outline:none;border-color:#0ff;background:rgba(0,255,255,.05)}.text-input__textarea::placeholder{color:#666}.text-input__selection-hint{font-size:.7rem;color:#0ff;padding:.3rem .5rem;background:rgba(0,255,255,.1);border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-input__selection-placeholder{height:1.5rem;visibility:hidden}.alignment-controls{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:12px;padding:1rem}.alignment-controls__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.alignment-controls__title{font-size:.9rem;font-weight:600;color:#fff}.alignment-controls__scope{font-size:.7rem;color:#0ff;padding:.15rem .4rem;background:rgba(0,255,255,.1);border-radius:4px}.alignment-controls__group{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.alignment-controls__group:last-of-type{margin-bottom:1rem}.alignment-controls__label{font-size:.8rem;color:#aaa}.alignment-controls__buttons{display:flex;gap:.25rem;background:rgba(0,0,0,.3);padding:.25rem;border-radius:6px}.alignment-controls__btn{width:32px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#888;cursor:pointer;transition:all .15s ease}.alignment-controls__btn:hover{background:rgba(255,255,255,.1);color:#fff}.alignment-controls__btn--active{background:rgba(0,255,255,.2);color:#0ff}.alignment-controls__btn--active:hover{background:rgba(0,255,255,.3)}.alignment-controls__btn svg{width:14px;height:14px}.alignment-controls__center-btn{width:100%;padding:.6rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#aaa;font-size:.8rem;cursor:pointer;transition:all .15s ease}.alignment-controls__center-btn:hover{background:rgba(0,255,255,.1);border-color:#00ffff4d;color:#0ff}.typo-v2{min-height:100vh;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#0f0f1a 100%);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.typo-v2__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.1)}.typo-v2__back-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#00aaaa 0%,#008888 100%);border-radius:8px;color:#fff;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s ease}.typo-v2__back-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #00aaaa4d}.typo-v2__title{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#00ffff 0%,#ff00ff 50%,#ffff00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem}.typo-v2__title-icon{font-size:1.3rem;-webkit-text-fill-color:initial}.typo-v2__header-actions{display:flex;gap:.5rem}.typo-v2__layout{display:grid;grid-template-columns:280px 1fr 320px;gap:1rem;padding:1rem;min-height:calc(100vh - 70px)}.typo-v2__left-panel{height:calc(100vh - 100px);overflow:hidden}.typo-v2__center{display:flex;flex-direction:column;gap:1rem}.typo-v2__text-input-wrapper{display:flex;gap:.5rem}.typo-v2__text-input{flex:1;padding:.75rem 1rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1.1rem;transition:all .2s ease}.typo-v2__text-input:focus{outline:none;border-color:#0ff;background:rgba(0,255,255,.05)}.typo-v2__text-input::placeholder{color:#666}.typo-v2__center-btn{padding:0 1rem;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#aaa;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.typo-v2__center-btn:hover{background:rgba(0,255,255,.1);border-color:#00ffff4d;color:#0ff}.typo-v2__action-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.typo-v2__zoom-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:rgba(0,0,0,.3);border-radius:8px}.typo-v2__zoom-label{font-size:.85rem;color:#888}.typo-v2__zoom-btn{width:28px;height:28px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease}.typo-v2__zoom-btn:hover{background:rgba(0,255,255,.2);border-color:#0ff}.typo-v2__zoom-slider{flex:1;max-width:150px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:2px}.typo-v2__zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#00ffff;border-radius:50%;cursor:pointer}.typo-v2__zoom-value{font-size:.85rem;color:#0ff;font-family:SF Mono,Monaco,monospace;min-width:40px}.typo-v2__dbscan-btn{padding:.6rem 1.25rem;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.typo-v2__dbscan-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #6366f166}.typo-v2__dbscan-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.typo-v2__dbscan-btn--active{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.typo-v2__dbscan-btn--active:hover{box-shadow:0 4px 15px #ef444466}.typo-v2__canvas-container{display:flex;gap:1rem;justify-content:center;transition:all .3s ease}.typo-v2__canvas-container:not(.typo-v2__canvas-container--dual){justify-content:center}.typo-v2__canvas-container--dual{justify-content:center;flex-wrap:wrap}.typo-v2__canvas-box{background:rgba(0,0,0,.4);border-radius:12px;padding:.5rem;display:flex;flex-direction:column;align-items:center}.typo-v2__canvas-box--preview{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.typo-v2__canvas-label{font-size:.85rem;color:#888;margin-bottom:.5rem;font-weight:500}.typo-v2__canvas-wrapper{background:#1a1a2e;border-radius:8px;overflow:hidden;position:relative}.typo-v2__canvas,.typo-v2__preview-image{display:block}.typo-v2__preview-placeholder{display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#666}.typo-v2__canvas-size,.typo-v2__canvas-stats{font-size:.75rem;color:#666;margin-top:.5rem;padding:.25rem .75rem;background:rgba(0,0,0,.3);border-radius:4px}.typo-v2__tip{text-align:center;padding:.75rem;background:rgba(0,255,255,.05);border-radius:8px;font-size:.8rem;color:#888;border-left:3px solid rgba(0,255,255,.3)}.typo-v2__right-panel{display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 100px);overflow-y:auto}.typo-v2__tabs{display:flex;gap:.5rem;background:rgba(0,0,0,.3);padding:.5rem;border-radius:10px}.typo-v2__tab{flex:1;padding:.6rem 1rem;background:transparent;border:none;border-radius:6px;color:#888;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.typo-v2__tab:hover{color:#fff;background:rgba(255,255,255,.05)}.typo-v2__tab--active{color:#fff;background:rgba(0,255,255,.15)}.typo-v2__tab-content{flex:1;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.typo-v2__control-section{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:12px;padding:1rem}.typo-v2__section-title{font-size:.9rem;font-weight:600;color:#fff;margin:0 0 .75rem}.typo-v2__select{width:100%;padding:.6rem .75rem;background:#1a1a2e;border:1px solid #333;border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer}.typo-v2__select:focus{outline:none;border-color:#0ff}.typo-v2__select optgroup{background:#1a1a2e;color:#0ff}.typo-v2__select option{background:#1a1a2e;color:#fff}.typo-v2__bg-preview{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:rgba(0,0,0,.3);border-radius:8px}.typo-v2__bg-thumb{width:50px;height:50px;object-fit:cover;border-radius:6px}.typo-v2__bg-name{flex:1;font-size:.8rem;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typo-v2__bg-remove{width:28px;height:28px;background:rgba(255,0,0,.2);border:none;border-radius:6px;color:#f66;cursor:pointer;transition:all .2s ease}.typo-v2__bg-remove:hover{background:rgba(255,0,0,.4)}.typo-v2__upload-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:rgba(255,255,255,.05);border:2px dashed rgba(255,255,255,.2);border-radius:8px;color:#888;font-size:.85rem;cursor:pointer;transition:all .2s ease}.typo-v2__upload-btn:hover{background:rgba(0,255,255,.05);border-color:#00ffff4d;color:#0ff}.typo-v2__upload-input{display:none}@media (max-width: 1200px){.typo-v2__layout{grid-template-columns:240px 1fr 280px}}@media (max-width: 992px){.typo-v2__layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.typo-v2__left-panel{height:auto;max-height:300px}.typo-v2__right-panel{height:auto;max-height:none}.typo-v2__canvas-container{flex-direction:column;align-items:center}.typo-v2__action-bar{flex-direction:column;align-items:stretch}.typo-v2__zoom-bar,.typo-v2__dbscan-btn{justify-content:center}}@media (max-width: 600px){.typo-v2__header{flex-direction:column;gap:.75rem;text-align:center}.typo-v2__title{font-size:1.2rem}.typo-v2__zoom-bar{flex-wrap:wrap;justify-content:center}}html,body{margin:0;padding:0;height:100%;width:100%}body{overflow-x:hidden;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}#root{min-height:100%;width:100%}.hw-studio{height:100vh;height:100dvh;background:#1a1a1a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:8px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}*{box-sizing:border-box}.hw-header{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"back title logo";align-items:center;background:#2d2d2d;padding:12px 15px;border-radius:8px;margin-bottom:10px;border:1px solid #444;gap:15px;flex-shrink:0}.hw-header-left{grid-area:back;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hw-back-btn{background:rgba(0,255,255,.1);border:1px solid #00ffff;padding:10px 20px;border-radius:8px;color:#0ff;text-decoration:none;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:5px;width:fit-content;touch-action:manipulation;white-space:nowrap}.hw-back-btn:hover{background:rgba(0,255,255,.2);transform:translateY(-1px)}.hw-header-title{grid-area:title;text-align:center;justify-self:center}.hw-header-title h1{margin:0;font-size:1.4rem;background:linear-gradient(90deg,#00bfff,#00ffff);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;letter-spacing:2px}.hw-header-title p{margin:5px 0 0;color:#ccc;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.hw-header-right{grid-area:logo;display:flex;align-items:center;justify-content:flex-end}.hw-logo{height:60px;width:auto;display:block}.hw-controls{display:flex;flex-direction:column;align-items:center;background:#2d2d2d;padding:10px 15px;border-radius:8px;margin-bottom:10px;border:1px solid #444;gap:10px;flex-shrink:0}.hw-status{width:100%;display:flex;justify-content:center;min-height:44px;align-items:center}.hw-status-message{padding:10px 15px;border-radius:4px;font-weight:500;text-align:center;width:100%;max-width:400px}.hw-status-error{background:#4a1a1a;color:#ff6b6b;border:1px solid #8b0000}.hw-actions{width:100%;display:flex;justify-content:center}.hw-action-buttons{display:flex;flex-wrap:wrap;gap:10px;width:100%;max-width:700px;justify-content:center}.hw-action-btn{flex:1 1 calc(50% - 5px);min-width:140px;padding:12px 20px;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;touch-action:manipulation;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d}.hw-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;pointer-events:none}.hw-action-btn:hover:before{left:100%}.hw-action-btn:active{transform:translateY(2px);box-shadow:0 2px 4px #0000004d}.dbscan-btn{background:linear-gradient(135deg,#9370db 0%,#7b5db3 100%);color:#fff;border:1px solid rgba(255,255,255,.1)}.dbscan-btn:hover{background:linear-gradient(135deg,#a485e6 0%,#8c6ec4 100%);box-shadow:0 6px 12px #9370db66}.animate-btn{background:linear-gradient(135deg,#00ff7f 0%,#00cc66 100%);color:#000;border:1px solid rgba(255,255,255,.2);font-weight:700}.animate-btn:hover{background:linear-gradient(135deg,#1aff8f 0%,#00e673 100%);box-shadow:0 6px 12px #00ff7f66}.undo-btn{background:linear-gradient(135deg,#ffa500 0%,#ff8c00 100%);color:#fff;border:1px solid rgba(255,255,255,.1)}.undo-btn:hover{background:linear-gradient(135deg,#ffb31a 0%,#ffa01a 100%);box-shadow:0 6px 12px #ffa50066}.clear-btn{background:linear-gradient(135deg,#ff4444 0%,#cc3333 100%);color:#fff;border:1px solid rgba(255,255,255,.1)}.clear-btn:hover{background:linear-gradient(135deg,#ff5555 0%,#dd4444 100%);box-shadow:0 6px 12px #f446}.hw-action-btn:disabled{background:linear-gradient(135deg,#666 0%,#555 100%)!important;color:#aaa;cursor:not-allowed;opacity:.5;box-shadow:none!important}.hw-action-btn:disabled:before{display:none}.hw-action-btn:disabled:active{transform:none}.hw-content{display:grid;grid-template-columns:1fr;gap:12px;flex:1 1 auto;overflow:hidden;min-height:0;-webkit-overflow-scrolling:touch}.hw-left-panel,.hw-right-panel{background:#2d2d2d;border-radius:8px;padding:15px;border:1px solid #444;order:2}.hw-center-panel{background:#2d2d2d;border-radius:8px;padding:15px;border:1px solid #444;order:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.hw-panel-section{display:flex;flex-direction:column;height:100%}.hw-panel-header{margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #333}.hw-panel-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#0ff;margin:0}.hw-control-group{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:12px;overflow:hidden}.hw-group-header{padding:10px 12px;background:#222;border-bottom:1px solid #333}.hw-group-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ccc}.hw-group-content{padding:12px}.hw-control-item{margin-bottom:12px}.hw-control-item:last-child{margin-bottom:0}.hw-control-label{margin-bottom:8px}.hw-control-label span{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.5px}.hw-arrow-control{display:flex;align-items:center;background:#0a0a0a;border:1px solid #333;border-radius:6px;overflow:hidden;height:40px}.hw-arrow-btn{background:transparent;border:none;color:#666;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px;padding:0;touch-action:manipulation}.hw-arrow-btn:hover:not(:disabled){background:#1a1a1a;color:#0ff}.hw-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.hw-value-display{flex:1;text-align:center;font-size:14px;font-weight:600;color:#fff;font-family:SF Mono,Monaco,monospace}.hw-color-selector{margin-top:8px}.hw-color-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hw-color-btn{width:100%;aspect-ratio:1;min-height:40px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s;touch-action:manipulation}.hw-color-btn[data-color="#00ffff"]{background:#00ffff}.hw-color-btn[data-color="#ff44aa"]{background:#ff44aa}.hw-color-btn[data-color="#00ff7f"]{background:#00ff7f}.hw-color-btn[data-color="#ffa500"]{background:#ffa500}.hw-color-btn[data-color="#9370db"]{background:#9370db}.hw-color-btn[data-color="#ff6b6b"]{background:#ff6b6b}.hw-color-btn:active{transform:scale(.95)}.hw-color-active{border-color:#0ff;box-shadow:0 0 10px #00ffff80}.hw-tips-content{font-size:12px;color:#ccc;line-height:1.6}.hw-tips-content p{margin:0 0 8px;padding-left:4px}.hw-tips-content p:last-child{margin-bottom:0}.hw-canvas-container{display:flex;flex-direction:column;align-items:center;width:100%;gap:12px;flex:1 1 auto;min-height:0}.hw-canvas-container h3{margin:0;color:#00bfff;font-size:1rem}.hw-canvas-wrapper{position:relative;width:100%;max-width:900px;margin:0 auto;border:1px solid #333;flex:1 1 auto;min-height:0;max-height:100%;aspect-ratio:900 / 810}.hw-canvas{width:100%;height:100%;border-radius:8px;background:#1a1a1a;border:2px solid #333;transition:border-color .3s ease;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;cursor:crosshair;display:block}.hw-canvas-active{border-color:#f4a}.hw-canvas-demo-mode{cursor:pointer}.hw-canvas-hidden{display:none}.hw-demo-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer;background:#000;border:2px solid #ff44aa;border-radius:8px}.hw-dev-btn-auto{background:linear-gradient(135deg,#9370db 0%,#7b5db3 100%)!important;border:1px solid #b19cd9!important}.hw-dev-btn-preview{background:linear-gradient(135deg,#00aa00 0%,#008800 100%)!important;border:1px solid #00ff00!important}.hw-dev-btn-download{background:linear-gradient(135deg,#ff6b00 0%,#ff5500 100%)!important;border:1px solid #ff8533!important}.hw-demo-controls{position:absolute;top:15px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.85);padding:12px 20px;border-radius:20px;color:#00bfff;font-size:12px;text-align:center;border:1px solid rgba(0,191,255,.3);max-width:90%;z-index:5}.hw-demo-content{display:flex;flex-direction:column;align-items:center;gap:8px}.hw-demo-dots{display:flex;gap:6px;align-items:center}.hw-demo-dot{width:8px;height:8px;border-radius:50%;background:#444;transition:all .3s ease}.hw-demo-dot-active{background:#00ffff;width:10px;height:10px}.hw-demo-labels{display:flex;gap:15px;font-size:11px;color:#666}.hw-demo-labels span{transition:color .3s ease}.hw-demo-label-active{color:#0ff;font-weight:600}.hw-demo-instruction{color:#fff;font-weight:400;font-size:11px}.hw-start-drawing-btn{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#00ffff 0%,#0080ff 100%);padding:10px 20px;border-radius:20px;color:#000;font-size:14px;font-weight:600;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:pointer;z-index:10;touch-action:manipulation}.hw-start-drawing-btn:active{transform:scale(.95)}.hw-canvas-info{margin:0;color:#00ff7f;font-weight:600;font-size:.9rem;text-align:center;min-height:24px;opacity:1;transition:opacity .3s ease}.hw-canvas-info-visible{opacity:1}.hw-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.hw-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:15px;color:#fff;font-size:1rem;font-weight:600}.hw-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top:4px solid #00bfff;border-radius:50%;animation:hw-spin 1s linear infinite}@keyframes hw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (min-width: 768px){.hw-studio{padding:10px}.hw-header{padding:12px 20px;margin-bottom:12px;gap:20px}.hw-back-btn{width:auto;max-width:none}.hw-header-title h1{font-size:1.6rem}.hw-header-title p{font-size:.9rem}.hw-logo{height:70px}.hw-controls{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"status actions empty";align-items:center;padding:12px 20px;margin-bottom:12px}.hw-status{grid-area:status;width:auto;min-width:200px;justify-self:start}.hw-actions{grid-area:actions;width:auto;justify-self:center}.hw-action-buttons{flex-wrap:nowrap;width:auto}.hw-action-btn{flex:0 1 auto;padding:12px 20px;font-size:.95rem}.hw-content{grid-template-columns:minmax(200px,240px) 1fr minmax(200px,240px);gap:15px}.hw-left-panel,.hw-right-panel{order:0;max-height:none;overflow-y:auto;overflow-x:hidden}.hw-center-panel{order:0}.hw-color-buttons{grid-template-columns:repeat(3,1fr);gap:8px}.hw-color-btn{min-height:36px}}@media screen and (min-width: 1024px){.hw-studio{padding:15px}.hw-header{padding:15px 25px;margin-bottom:15px}.hw-header-title h1{font-size:1.8rem}.hw-header-title p{font-size:.95rem}.hw-logo{height:80px}.hw-controls{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"status actions empty";align-items:center;padding:15px 25px;margin-bottom:15px}.hw-content{grid-template-columns:minmax(240px,280px) 1fr minmax(240px,280px);gap:20px}.hw-left-panel,.hw-right-panel,.hw-center-panel{padding:20px}.hw-panel-title{font-size:15px}.hw-control-group{margin-bottom:16px}.hw-group-header{padding:12px 16px}.hw-group-content{padding:16px}.hw-control-item{margin-bottom:16px}.hw-canvas-container h3{font-size:1.1rem}.hw-canvas-info{font-size:1rem}.hw-tips-content{font-size:13px}.hw-demo-controls{font-size:14px;padding:15px 30px;top:20px}.hw-demo-dots{gap:8px}.hw-demo-dot{width:10px;height:10px}.hw-demo-labels{gap:20px;font-size:12px}.hw-demo-instruction{font-size:12px}.hw-start-drawing-btn{padding:12px 24px;font-size:16px;top:20px;right:20px}}@media screen and (min-width: 1366px){.hw-studio{padding:20px}.hw-content{grid-template-columns:280px 1fr 280px}}@media (hover: none) and (pointer: coarse){.hw-action-btn,.hw-arrow-btn,.hw-color-btn,.hw-back-btn{min-height:44px}}.hw-canvas,.hw-action-btn,.hw-arrow-btn,.hw-color-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hw-left-panel,.hw-right-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media screen and (max-width: 767px),screen and (max-height: 500px) and (max-width: 1024px){.hw-studio{padding:0!important;position:relative}.hw-header,.hw-controls,.hw-left-panel,.hw-right-panel{display:none!important}.hw-content{display:block!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;overflow:hidden!important}.hw-center-panel{width:100%!important;height:100%!important;padding:0!important;margin:0!important;border:none!important;border-radius:0!important;background:#1a1a1a!important}.hw-canvas-container{width:100%!important;height:100%!important;gap:0!important}.hw-canvas-container h3,.hw-canvas-info{display:none!important}.hw-canvas-wrapper{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:unset!important;border:none!important;border-radius:0!important;margin:0!important}.hw-canvas{width:100%!important;height:100%!important;border:none!important;border-radius:0!important}.hw-mobile-back{position:fixed!important;top:16px!important;left:16px!important;width:44px!important;height:44px!important;background:rgba(0,0,0,.7)!important;border:2px solid #00ffff!important;border-radius:50%!important;color:#0ff!important;font-size:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:1000!important;text-decoration:none!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.hw-mobile-back:active{transform:scale(.95)!important;background:rgba(0,255,255,.2)!important}.hw-mobile-color-picker{position:fixed!important;top:16px!important;right:16px!important;z-index:1000!important}.hw-mobile-color-current{width:44px!important;height:44px!important;border-radius:50%!important;border:3px solid #fff!important;cursor:pointer!important;box-shadow:0 2px 10px #00000080!important}.hw-mobile-color-current:active{transform:scale(.95)!important}.hw-mobile-color-options{position:absolute!important;top:52px!important;right:0!important;background:rgba(0,0,0,.85)!important;border-radius:12px!important;padding:10px!important;display:none!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid #444!important}.hw-mobile-color-options.hw-mobile-color-options-open{display:grid!important}.hw-mobile-color-option{width:40px!important;height:40px!important;border-radius:50%!important;border:2px solid transparent!important;cursor:pointer!important}.hw-mobile-color-option:active{transform:scale(.9)!important}.hw-mobile-color-option.hw-mobile-color-option-active{border-color:#fff!important;box-shadow:0 0 0 2px #ffffff80!important}.hw-mobile-toolbar{position:fixed!important;bottom:24px!important;right:20px!important;z-index:1000!important}.hw-mobile-toolbar-toggle{width:56px!important;height:56px!important;border-radius:50%!important;background:linear-gradient(135deg,#00bfff 0%,#0080ff 100%)!important;border:none!important;color:#fff!important;font-size:24px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 20px #00bfff66!important;transition:transform .2s ease,background .2s ease!important}.hw-mobile-toolbar-toggle:active{transform:scale(.95)!important}.hw-mobile-toolbar-toggle.hw-mobile-toolbar-toggle-open{background:linear-gradient(135deg,#ff4444 0%,#cc3333 100%)!important;box-shadow:0 4px 20px #f446!important}.hw-mobile-toolbar-menu{position:absolute!important;bottom:70px!important;right:0!important;display:none!important;flex-direction:column!important;gap:10px!important;padding:12px!important;background:rgba(0,0,0,.9)!important;border-radius:16px!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid #444!important;min-width:140px!important}.hw-mobile-toolbar-menu.hw-mobile-toolbar-menu-open{display:flex!important}.hw-mobile-toolbar-btn{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 16px!important;border:none!important;border-radius:12px!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important;white-space:nowrap!important;transition:transform .1s ease!important}.hw-mobile-toolbar-btn:active{transform:scale(.95)!important}.hw-mobile-toolbar-btn-icon{font-size:18px!important}.hw-mobile-toolbar-btn.hw-mobile-btn-patterns{background:linear-gradient(135deg,#9370db 0%,#7b5db3 100%)!important;color:#fff!important}.hw-mobile-toolbar-btn.hw-mobile-btn-animate{background:linear-gradient(135deg,#00ff7f 0%,#00cc66 100%)!important;color:#000!important}.hw-mobile-toolbar-btn.hw-mobile-btn-undo{background:linear-gradient(135deg,#ffa500 0%,#ff8c00 100%)!important;color:#fff!important}.hw-mobile-toolbar-btn.hw-mobile-btn-clear{background:linear-gradient(135deg,#ff4444 0%,#cc3333 100%)!important;color:#fff!important}.hw-mobile-toolbar-btn:disabled{opacity:.4!important;cursor:not-allowed!important}.hw-demo-controls,.hw-start-drawing-btn{display:none!important}}@media screen and (min-width: 768px) and (min-height: 501px){.hw-mobile-back,.hw-mobile-color-picker,.hw-mobile-toolbar{display:none!important}}.sss-studio,.sss-studio[data-sss-theme=light]{--sss-bg-primary: #F7F5F2;--sss-bg-secondary: #FFFFFF;--sss-bg-tertiary: #F0EDE8;--sss-bg-canvas: #FFFEFA;--sss-text-primary: #000000;--sss-text-secondary: #333333;--sss-text-muted: #555555;--sss-accent: #2563EB;--sss-accent-hover: #1D4ED8;--sss-accent-soft: #EFF6FF;--sss-accent-secondary: #0D9488;--sss-border: #E5E1DB;--sss-border-light: #EEEAE4;--sss-canvas-border: #D4CFC7;--sss-canvas-guides: #D4CFC7;--sss-danger: #DC2626;--sss-danger-soft: #FEF2F2;--sss-success: #16A34A;--sss-success-soft: #F0FDF4;--sss-shadow-sm: 0 1px 2px rgba(0,0,0,.04);--sss-shadow-md: 0 4px 12px rgba(0,0,0,.06)}.sss-studio[data-sss-theme=dark]{--sss-bg-primary: #121212;--sss-bg-secondary: #1E1E1E;--sss-bg-tertiary: #2A2A2A;--sss-bg-canvas: #0A0A0A;--sss-text-primary: #FFFFFF;--sss-text-secondary: #D4D4D4;--sss-text-muted: #9CA3AF;--sss-accent: #3B82F6;--sss-accent-hover: #60A5FA;--sss-accent-soft: rgba(59, 130, 246, .15);--sss-accent-secondary: #2DD4BF;--sss-border: #404040;--sss-border-light: #333333;--sss-canvas-border: #444444;--sss-canvas-guides: #3A3A3A;--sss-danger: #F87171;--sss-danger-soft: rgba(248, 113, 113, .1);--sss-success: #4ADE80;--sss-success-soft: rgba(74, 222, 128, .1);--sss-shadow-sm: 0 1px 2px rgba(0,0,0,.2);--sss-shadow-md: 0 4px 12px rgba(0,0,0,.3)}.sss-studio[data-sss-theme=sepia]{--sss-bg-primary: #F4ECD8;--sss-bg-secondary: #FDF8EE;--sss-bg-tertiary: #EBE3CF;--sss-bg-canvas: #FFFDF5;--sss-text-primary: #1A1408;--sss-text-secondary: #3D3428;--sss-text-muted: #5C5344;--sss-accent: #B45309;--sss-accent-hover: #92400E;--sss-accent-soft: #FEF3C7;--sss-accent-secondary: #047857;--sss-border: #DDD5C0;--sss-border-light: #E8E0CC;--sss-canvas-border: #D0C7B0;--sss-canvas-guides: #D6CDBA;--sss-danger: #B91C1C;--sss-danger-soft: #FEF2F2;--sss-success: #15803D;--sss-success-soft: #F0FDF4;--sss-shadow-sm: 0 1px 2px rgba(61,52,40,.06);--sss-shadow-md: 0 4px 12px rgba(61,52,40,.08)}.sss-studio[data-sss-theme=high-contrast]{--sss-bg-primary: #000000;--sss-bg-secondary: #0A0A0A;--sss-bg-tertiary: #1A1A1A;--sss-bg-canvas: #000000;--sss-text-primary: #FFFFFF;--sss-text-secondary: #F0F0F0;--sss-text-muted: #CCCCCC;--sss-accent: #00D4FF;--sss-accent-hover: #00BFFF;--sss-accent-soft: rgba(0, 212, 255, .2);--sss-accent-secondary: #00FF88;--sss-border: #555555;--sss-border-light: #333333;--sss-canvas-border: #666666;--sss-canvas-guides: #444444;--sss-danger: #FF4444;--sss-danger-soft: rgba(255, 68, 68, .15);--sss-success: #00FF88;--sss-success-soft: rgba(0, 255, 136, .15);--sss-shadow-sm: 0 1px 2px rgba(255,255,255,.05);--sss-shadow-md: 0 4px 12px rgba(255,255,255,.08)}.sss-studio *,.sss-studio *:before,.sss-studio *:after{box-sizing:border-box}.sss-studio{height:100vh;height:100dvh;background:var(--sss-bg-primary);color:var(--sss-text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;overflow:hidden;transition:background .3s ease,color .3s ease}.sss-header{background:var(--sss-bg-secondary);border-bottom:1px solid var(--sss-border);padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;transition:background .3s ease,border-color .3s ease}.sss-header-left{display:flex;align-items:center;gap:1rem}.sss-back-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:1px solid var(--sss-border);border-radius:6px;background:var(--sss-bg-secondary);color:var(--sss-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease}.sss-back-btn:hover{border-color:var(--sss-accent);color:var(--sss-accent)}.sss-back-btn svg{width:14px;height:14px}.sss-header-title h1{font-family:Fraunces,Georgia,serif;font-size:1.375rem;font-weight:600;color:var(--sss-text-primary);letter-spacing:-.02em;margin:0}.sss-header-title span{font-size:.7rem;color:var(--sss-accent);font-weight:600;text-transform:uppercase;letter-spacing:.08em;display:block}.sss-header-right{display:flex;align-items:center;gap:1rem}.sss-theme-toggle{display:flex;align-items:center;gap:4px;padding:4px;background:var(--sss-bg-tertiary);border-radius:8px;border:2px solid var(--sss-border)}.sss-theme-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;border-radius:6px;border:2px solid var(--sss-border);background:var(--sss-bg-secondary);color:var(--sss-text-primary);cursor:pointer;transition:all .2s ease;position:relative}.sss-theme-btn:hover{border-color:var(--sss-accent);background:var(--sss-accent-soft)}.sss-theme-btn.active{background:var(--sss-accent);color:#fff;border-color:var(--sss-accent);box-shadow:0 2px 8px #0003}.sss-theme-btn svg{width:18px;height:18px;flex-shrink:0}.sss-logo{width:38px;height:38px;background:var(--sss-accent);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.65rem;letter-spacing:.02em}.sss-reference-mode-badge{display:flex;align-items:center;gap:12px;padding:8px 16px;background:linear-gradient(135deg,#10B981 0%,#059669 100%);border-radius:8px;color:#fff}.sss-reference-lesson{font-size:14px;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sss-reference-credits{font-size:13px;font-weight:500;padding:4px 10px;background:rgba(255,255,255,.2);border-radius:4px}.sss-controls{display:flex;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--sss-bg-secondary);border-bottom:1px solid var(--sss-border);flex-shrink:0;transition:background .3s ease,border-color .3s ease}.sss-action-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.sss-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid var(--sss-border);background:var(--sss-bg-secondary);color:var(--sss-text-secondary)}.sss-action-btn:hover{border-color:var(--sss-accent);color:var(--sss-accent);background:var(--sss-accent-soft)}.sss-action-btn.primary{background:var(--sss-accent);color:#fff;border-color:var(--sss-accent)}.sss-action-btn.primary:hover{background:var(--sss-accent-hover);border-color:var(--sss-accent-hover)}.sss-action-btn.danger:hover{color:var(--sss-danger);border-color:var(--sss-danger);background:var(--sss-danger-soft)}.sss-action-btn:disabled{opacity:.5;cursor:not-allowed}.sss-action-btn:disabled:hover{border-color:var(--sss-border);color:var(--sss-text-secondary);background:var(--sss-bg-secondary)}.sss-action-btn svg{width:15px;height:15px}.sss-preset-selector{display:flex;gap:.375rem;align-items:center}.sss-preset-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.375rem .5rem;border:1px solid var(--sss-border);border-radius:6px;background:var(--sss-bg-secondary);cursor:pointer;transition:all .15s ease}.sss-preset-btn:hover{border-color:var(--sss-accent);background:var(--sss-accent-soft)}.sss-preset-btn.active{border-color:var(--sss-accent);background:var(--sss-accent-soft);box-shadow:0 0 0 2px var(--sss-accent-soft)}.sss-preset-shape{width:28px;max-height:20px;background:var(--sss-text-muted);border-radius:2px;opacity:.4;transition:all .15s ease}.sss-preset-btn:hover .sss-preset-shape,.sss-preset-btn.active .sss-preset-shape{background:var(--sss-accent);opacity:1}.sss-preset-label{font-size:.65rem;font-weight:600;color:var(--sss-text-muted);transition:color .15s ease}.sss-preset-btn:hover .sss-preset-label,.sss-preset-btn.active .sss-preset-label{color:var(--sss-accent)}.sss-controls-divider{width:1px;height:32px;background:var(--sss-border);margin:0 .5rem}.sss-status{display:flex;justify-content:center;padding:0 1rem}.sss-status-message{padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500}.sss-status-error{background:var(--sss-danger-soft);color:var(--sss-danger);border:1px solid var(--sss-danger)}.sss-content{display:grid;grid-template-columns:minmax(220px,260px) 1fr minmax(220px,260px);gap:1rem;padding:1rem;flex:1 1 auto;min-height:0;overflow:hidden}.sss-left-panel,.sss-right-panel{background:var(--sss-bg-secondary);border-radius:10px;border:1px solid var(--sss-border);box-shadow:var(--sss-shadow-sm);overflow-y:auto;transition:background .3s ease,border-color .3s ease}.sss-panel-section{display:flex;flex-direction:column}.sss-panel-header{padding:1rem 1.125rem;border-bottom:1px solid var(--sss-border)}.sss-panel-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--sss-text-muted);margin:0}.sss-panel-content{padding:1.125rem}.sss-control-group{margin-bottom:1.5rem}.sss-control-group:last-child{margin-bottom:0}.sss-group-header{margin-bottom:.625rem}.sss-group-title{font-size:.75rem;font-weight:600;color:var(--sss-text-secondary)}.sss-color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.sss-color-btn{width:100%;aspect-ratio:1;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .15s ease;position:relative}.sss-color-btn:hover{transform:scale(1.1);z-index:1}.sss-color-btn.sss-color-active{border-color:var(--sss-accent);box-shadow:0 0 0 2px var(--sss-accent-soft)}.sss-color-btn.sss-color-active:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:2px;border:1px solid var(--sss-bg-secondary)}.sss-stroke-options{display:flex;flex-direction:column;gap:.375rem}.sss-stroke-option{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border:1px solid var(--sss-border);border-radius:6px;cursor:pointer;transition:all .15s ease;background:var(--sss-bg-tertiary)}.sss-stroke-option:hover{border-color:var(--sss-accent)}.sss-stroke-option.active{border-color:var(--sss-accent);background:var(--sss-accent-soft)}.sss-stroke-preview{width:28px;height:2px;background:var(--sss-text-primary);border-radius:1px}.sss-stroke-preview.medium{height:4px}.sss-stroke-preview.thick{height:6px}.sss-stroke-option span{font-size:.775rem;color:var(--sss-text-secondary);font-weight:500}.sss-guidelines-toggles{display:flex;flex-direction:column;gap:.5rem}.sss-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.sss-toggle-label{font-size:.8rem;color:var(--sss-text-secondary)}.sss-toggle-switch{position:relative;width:40px;height:22px;background:var(--sss-bg-tertiary);border:1px solid var(--sss-border);border-radius:11px;cursor:pointer;transition:all .2s ease}.sss-toggle-switch.active{background:var(--sss-accent);border-color:var(--sss-accent)}.sss-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:white;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.sss-toggle-switch.active:after{transform:translate(18px)}.sss-center-panel{background:var(--sss-bg-secondary);border-radius:10px;border:1px solid var(--sss-border);box-shadow:var(--sss-shadow-md);padding:1.125rem;display:flex;flex-direction:column;min-height:0;overflow:hidden;transition:background .3s ease,border-color .3s ease}.sss-canvas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem;flex-shrink:0}.sss-zoom-controls{display:flex;align-items:center;gap:.375rem}.sss-zoom-btn{display:flex;align-items:center;justify-content:center;padding:.375rem .5rem;border:1px solid var(--sss-border);border-radius:4px;background:var(--sss-bg-secondary);color:var(--sss-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.sss-zoom-btn:hover{border-color:var(--sss-accent);color:var(--sss-accent);background:var(--sss-accent-soft)}.sss-zoom-btn svg{width:14px;height:14px}.sss-zoom-level{font-size:.75rem;font-weight:600;color:var(--sss-text-secondary);min-width:36px;text-align:center}.sss-canvas-stats{display:flex;gap:1rem}.sss-stat{font-size:.75rem;color:var(--sss-text-muted)}.sss-stat strong{color:var(--sss-accent);font-weight:600}.sss-canvas-container{display:flex;justify-content:center;align-items:flex-start;width:100%;flex:1 1 auto;min-height:0;overflow:hidden;background:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.sss-canvas-wrapper{position:relative;line-height:0;font-size:0;border:2px solid var(--sss-canvas-border);border-radius:8px;overflow:hidden;flex-shrink:0;flex-grow:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.sss-canvas{display:block;touch-action:none;width:auto;height:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.sss-canvas-wrapper.show-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--grid-color, rgba(0,0,0,.15)) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color, rgba(0,0,0,.15)) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:1}.sss-canvas-instruction{text-align:center;padding-top:.875rem;color:var(--sss-text-muted);font-size:.775rem}.sss-canvas-instruction strong{color:var(--sss-accent);font-weight:600}.sss-speed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.sss-speed-option{background:var(--sss-bg-tertiary);border:1px solid var(--sss-border);border-radius:6px;padding:.5rem;cursor:pointer;transition:all .15s ease;text-align:center}.sss-speed-option:hover{border-color:var(--sss-accent)}.sss-speed-option.active{border-color:var(--sss-accent);background:var(--sss-accent-soft)}.sss-speed-preview{width:100%;aspect-ratio:16/10;background:var(--sss-bg-canvas);border-radius:4px;margin-bottom:.375rem;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--sss-text-muted);border:1px solid var(--sss-border-light);overflow:hidden}.sss-speed-preview img,.sss-speed-preview video{width:100%;height:100%;object-fit:cover}.sss-speed-label{font-size:.7rem;font-weight:600;color:var(--sss-text-secondary)}.sss-speed-time{font-size:.65rem;color:var(--sss-text-muted)}.sss-option-buttons{display:flex;flex-wrap:wrap;gap:.375rem}.sss-option-btn{flex:1;min-width:calc(50% - .1875rem);padding:.5rem .625rem;border:1px solid var(--sss-border);border-radius:5px;background:var(--sss-bg-tertiary);color:var(--sss-text-secondary);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center}.sss-option-btn:hover{border-color:var(--sss-accent)}.sss-option-btn.active{border-color:var(--sss-accent);background:var(--sss-accent-soft);color:var(--sss-accent)}.sss-option-btn.disabled,.sss-option-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.sss-bg-color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.sss-bg-color-btn{width:100%;aspect-ratio:1;border-radius:8px;cursor:pointer;transition:all .15s ease;border:2px solid transparent}.sss-bg-color-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.sss-bg-color-btn.active{border-color:var(--sss-accent)!important;box-shadow:0 0 0 3px var(--sss-accent-soft)}.sss-bg-color-picker-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:8px;border:2px dashed var(--sss-border);display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(135deg,#FF6B6B 0%,#4ECDC4 25%,#FFE66D 50%,#95E1D3 75%,#A8E6CF 100%)}.sss-bg-color-picker-wrap:hover{border-color:var(--sss-accent)}.sss-bg-color-picker{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.sss-color-picker-label{font-size:1.25rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none}.sss-bg-transparent-row{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--sss-border)}.sss-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer;font-weight:600}.sss-checkbox-label span{color:inherit}.sss-studio[data-sss-theme=light] .sss-checkbox-label,.sss-studio[data-sss-theme=light] .sss-checkbox-label span,.sss-studio[data-sss-theme=sepia] .sss-checkbox-label,.sss-studio[data-sss-theme=sepia] .sss-checkbox-label span{color:#000!important}.sss-studio[data-sss-theme=dark] .sss-checkbox-label,.sss-studio[data-sss-theme=dark] .sss-checkbox-label span,.sss-studio[data-sss-theme=high-contrast] .sss-checkbox-label,.sss-studio[data-sss-theme=high-contrast] .sss-checkbox-label span{color:#fff!important}.sss-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--sss-accent);cursor:pointer}.sss-group-hint{font-size:.7rem;color:var(--sss-text-muted);margin:.25rem 0 .75rem;line-height:1.4}.sss-info-box{background:var(--sss-accent-soft);border:1px solid var(--sss-border);border-radius:6px;padding:.75rem;margin-top:1rem}.sss-info-box p{font-size:.725rem;color:var(--sss-text-secondary);line-height:1.5;margin:0}.sss-info-box strong{color:var(--sss-accent)}.sss-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.sss-loading-spinner{width:48px;height:48px;border:3px solid var(--sss-border);border-top-color:var(--sss-accent);border-radius:50%;animation:sss-spin 1s linear infinite}@keyframes sss-spin{to{transform:rotate(360deg)}}@media screen and (min-width: 1400px){.sss-content{grid-template-columns:minmax(260px,300px) 1fr minmax(260px,300px);gap:1.5rem;padding:1.5rem}}@media screen and (max-width: 1200px){.sss-content{grid-template-columns:minmax(200px,240px) 1fr minmax(200px,240px);gap:.875rem;padding:.875rem}.sss-panel-content{padding:1rem}}@media screen and (max-width: 1024px){.sss-content{grid-template-columns:minmax(180px,220px) 1fr minmax(180px,220px);gap:.75rem;padding:.75rem}.sss-panel-content{padding:.875rem}.sss-header{padding:.5rem 1rem}.sss-header-title h1{font-size:1.2rem}}.sss-mobile-block{display:none}@media screen and (max-width: 767px){.sss-studio>*:not(.sss-mobile-block){display:none!important}.sss-mobile-block{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;background:var(--sss-bg-primary)}.sss-mobile-block-icon{font-size:4rem;margin-bottom:1.5rem}.sss-mobile-block h2{font-size:1.5rem;font-weight:700;color:var(--sss-text-primary);margin:0 0 1rem}.sss-mobile-block p{font-size:1rem;color:var(--sss-text-secondary);margin:0 0 2rem;max-width:300px;line-height:1.5}.sss-mobile-block-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--sss-accent);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none}}@media (max-height: 480px){.sss-studio>*:not(.sss-mobile-block){display:none!important}.sss-mobile-block{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;background:var(--sss-bg-primary)}.sss-mobile-block-icon{font-size:4rem;margin-bottom:1.5rem}.sss-mobile-block h2{font-size:1.5rem;font-weight:700;color:var(--sss-text-primary);margin:0 0 1rem}.sss-mobile-block p{font-size:1rem;color:var(--sss-text-secondary);margin:0 0 2rem;max-width:300px;line-height:1.5}.sss-mobile-block-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--sss-accent);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none}}.sss-canvas-demo-mode{cursor:pointer}.sss-canvas-hidden{display:none}.sss-demo-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer;background:#000;border-radius:8px}.sss-demo-controls{position:absolute;top:15px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.85);padding:12px 20px;border-radius:20px;color:var(--sss-accent);font-size:12px;text-align:center;border:1px solid var(--sss-border);max-width:90%;z-index:5}.sss-demo-content{display:flex;flex-direction:column;align-items:center;gap:8px}.sss-demo-dots{display:flex;gap:6px;align-items:center}.sss-demo-dot{width:8px;height:8px;border-radius:50%;background:var(--sss-border);transition:all .3s ease}.sss-demo-dot-active{background:var(--sss-accent);width:10px;height:10px}.sss-demo-labels{display:flex;gap:15px;font-size:11px;color:var(--sss-text-muted)}.sss-demo-label-active{color:var(--sss-accent);font-weight:600}.sss-demo-instruction{color:var(--sss-text-primary);font-weight:400;font-size:11px}.sss-start-drawing-btn{position:absolute;top:15px;right:15px;background:var(--sss-accent);padding:10px 20px;border-radius:20px;color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;z-index:10;transition:all .2s ease}.sss-start-drawing-btn:hover{background:var(--sss-accent-hover)}.sss-mode-buttons{display:flex;gap:6px;flex-wrap:wrap}.sss-mode-btn{flex:1;min-width:70px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:var(--sss-bg-tertiary);border:2px solid var(--sss-border);border-radius:8px;color:var(--sss-text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.sss-mode-btn:hover:not(:disabled){border-color:var(--sss-accent);color:var(--sss-accent)}.sss-mode-btn.active{background:var(--sss-accent-soft);border-color:var(--sss-accent);color:var(--sss-accent)}.sss-mode-btn:disabled{opacity:.4;cursor:not-allowed}.sss-mode-btn svg{flex-shrink:0}.sss-studio[data-mode=erase] .sss-canvas-surface{cursor:none}.sss-studio[data-mode=move] .sss-canvas-surface{cursor:move}.sss-eraser-size{margin-top:12px;padding:10px;background:var(--sss-bg-tertiary);border-radius:8px}.sss-eraser-size-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:var(--sss-text-secondary)}.sss-eraser-size-value{font-weight:600;color:var(--sss-accent)}.sss-eraser-slider{width:100%;height:6px;border-radius:3px;background:var(--sss-border);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sss-eraser-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--sss-accent);cursor:pointer;transition:transform .1s ease}.sss-eraser-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.sss-eraser-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--sss-accent);cursor:pointer;border:none}@media (hover: none) and (pointer: coarse){.sss-action-btn:hover{border-color:var(--sss-border);color:var(--sss-text-secondary);background:var(--sss-bg-secondary)}.sss-action-btn.primary:hover{background:var(--sss-accent);border-color:var(--sss-accent)}.sss-action-btn.danger:hover{color:var(--sss-text-secondary);border-color:var(--sss-border);background:var(--sss-bg-secondary)}}.sss-studio button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sss-guidance-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#10B981 0%,#059669 100%);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:12px}.sss-guidance-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.sss-guidance-toggle svg{width:18px;height:18px}.sss-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sss-login-prompt{position:relative;width:100%;max-width:420px;background:var(--sss-panel-bg, #1a1a2e);border-radius:20px;padding:40px 32px;text-align:center;border:1px solid var(--sss-border-color, #2d2d4a);box-shadow:0 20px 60px #00000080}.sss-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:rgba(255,255,255,.1);border-radius:50%;color:var(--sss-text-secondary, #9CA3AF);font-size:20px;cursor:pointer;transition:all .2s ease}.sss-modal-close:hover{background:rgba(255,255,255,.2);color:#fff}.sss-login-icon{font-size:56px;margin-bottom:20px}.sss-login-prompt h2{font-size:22px;font-weight:600;color:var(--sss-text-color, #ffffff);margin-bottom:12px}.sss-login-prompt>p{font-size:14px;color:var(--sss-text-secondary, #9CA3AF);line-height:1.5;margin-bottom:24px}.sss-login-features{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.sss-login-feature{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(16,185,129,.1);border-radius:10px;text-align:left}.sss-login-feature span:first-child{font-size:20px}.sss-login-feature span:last-child{font-size:13px;color:var(--sss-text-color, #ffffff)}.sss-login-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#10B981 0%,#059669 100%);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.sss-login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.sss-login-note{margin-top:16px;font-size:12px;color:var(--sss-text-muted, #6B7280)}[data-sss-theme=light] .sss-login-prompt{background:#ffffff;border-color:#e5e7eb}[data-sss-theme=light] .sss-login-prompt h2{color:#1f2937}[data-sss-theme=light] .sss-login-feature span:last-child{color:#374151}[data-sss-theme=sepia] .sss-login-prompt{background:#fdf6e3;border-color:#ddd5c0}[data-sss-theme=sepia] .sss-login-prompt h2{color:#3d3428}@media (max-width: 768px){.sss-guidance-toggle span{display:none}.sss-guidance-toggle{padding:8px}.sss-login-prompt{padding:32px 20px}}.spm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:flex-start;padding-top:80px;z-index:1000}.spm-modal{background:#2d2d2d;border:1px solid #4a4a4a;border-radius:12px;box-shadow:0 8px 32px #0006;width:420px;max-width:95vw;padding:12px}.spm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.spm-title{font-size:.9rem;font-weight:600;color:#fff}.spm-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .15s ease}.spm-close:hover{background:#444444}.spm-canvas-wrap{border-radius:8px;border:1px solid #4a4a4a;margin-bottom:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#FFFFFF}.spm-canvas{display:block;width:100%;height:100%}.spm-placeholder{color:#333;font-size:.85rem;padding:40px}.spm-controls{display:flex;align-items:center;gap:8px}.spm-slider{flex:1;min-width:200px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#555555;border-radius:3px;outline:none;cursor:pointer}.spm-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#3b82f6;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d;transition:transform .15s ease}.spm-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.spm-slider::-moz-range-thumb{width:18px;height:18px;background:#3b82f6;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d}.spm-apply{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.spm-apply:hover{background:#2563eb}.spm-time{background:rgba(255,255,255,.2);padding:2px 6px;border-radius:4px;font-size:.75rem}@media screen and (max-width: 480px){.spm-backdrop{padding-top:40px}.spm-modal{padding:10px;border-radius:10px}.spm-slider{min-width:120px}}.sss-speed-selector-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:var(--sss-bg-tertiary);border:2px solid var(--sss-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.sss-speed-selector-btn:hover{border-color:var(--sss-accent);background:var(--sss-accent-soft)}.sss-speed-selector-content{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.sss-speed-selector-label{font-size:.9rem;font-weight:600;color:var(--sss-text-primary)}.sss-speed-selector-hint{font-size:.7rem;color:var(--sss-text-muted)}.sss-speed-selector-icon{color:var(--sss-text-muted);transition:all .15s ease}.sss-speed-selector-btn:hover .sss-speed-selector-icon{color:var(--sss-accent);transform:translate(2px)}:root{--typo-primary: #00bfff;--typo-primary-dark: #0080ff;--typo-secondary: #00ffff;--typo-danger: #ff4444;--typo-success: #00ff88;--typo-warning: #ffaa00;--typo-bg-dark: #0a0a0a;--typo-bg-medium: #1a1a1a;--typo-bg-light: #2a2a2a;--typo-bg-lighter: #3a3a3a;--typo-text-primary: #ffffff;--typo-text-secondary: #cccccc;--typo-text-muted: #888888;--typo-border: #333333;--typo-border-light: #444444;--typo-shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--typo-shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--typo-shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--typo-radius-sm: 4px;--typo-radius-md: 8px;--typo-radius-lg: 12px;--typo-spacing-xs: 4px;--typo-spacing-sm: 8px;--typo-spacing-md: 16px;--typo-spacing-lg: 24px;--typo-spacing-xl: 32px;--typo-transition: all .3s ease;--typo-panel-offset: 180px}.typo-studio-wrapper{min-height:100vh;min-height:100dvh;background:var(--typo-bg-dark);color:var(--typo-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;flex-direction:column;overflow:hidden;position:relative}.typo-header{background:linear-gradient(180deg,var(--typo-bg-medium) 0%,var(--typo-bg-dark) 100%);border-bottom:1px solid var(--typo-border);padding:var(--typo-spacing-sm) var(--typo-spacing-md);position:sticky;top:0;z-index:100}.typo-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1920px;margin:0 auto;gap:var(--typo-spacing-md)}.typo-header-left{display:flex;align-items:center;gap:var(--typo-spacing-md);flex:1;min-width:0}.typo-back-link{background:rgba(0,255,255,.1);border:1px solid #00ffff;color:var(--typo-primary);text-decoration:none;font-size:14px;white-space:nowrap;transition:var(--typo-transition);padding:10px 20px;border-radius:8px;display:flex;align-items:center;gap:5px;font-weight:400}.typo-back-link:hover{background:rgba(0,255,255,.1);color:var(--typo-secondary);transform:translateY(-1px);box-shadow:0 4px 8px #00ffff4d}.typo-header-title{text-align:center;flex:1}.typo-header-title h1{font-size:1.7rem;font-weight:700;margin:0;background:linear-gradient(90deg,var(--typo-primary),var(--typo-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typo-subtitle{font-size:.9rem;color:#ccc;margin:2px 0 0}.typo-header-right{display:flex;align-items:center;justify-content:flex-end;flex:1}.typo-logo{height:42px;width:auto;opacity:.9;filter:drop-shadow(0 0 10px rgba(0,191,255,.3))}.typo-mobile-menu-toggle{display:none;width:100%;padding:var(--typo-spacing-md);background:var(--typo-bg-light);border:none;border-bottom:1px solid var(--typo-border);color:var(--typo-primary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--typo-transition)}.typo-mobile-menu-toggle:hover{background:var(--typo-bg-lighter)}.typo-mobile-menu-toggle:active{transform:scale(.98)}.typo-workspace-bar{background:var(--typo-bg-medium);border-bottom:1px solid var(--typo-border);padding:var(--typo-spacing-md);display:flex;flex-wrap:wrap;gap:var(--typo-spacing-lg);align-items:center}.typo-workspace-section,.typo-actions-section{display:flex;align-items:center;gap:var(--typo-spacing-md);flex-wrap:wrap}.typo-section-label{font-size:12px;font-weight:700;color:var(--typo-text-muted);letter-spacing:.5px;margin:0;white-space:nowrap}.typo-mode-group{display:flex;gap:var(--typo-spacing-sm)}.typo-mode-btn{padding:10px 20px;background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);border:2px solid rgba(0,191,255,.3);border-radius:var(--typo-radius-sm);color:#ccc;font-size:13px;font-weight:600;cursor:pointer;transition:var(--typo-transition);white-space:nowrap;box-shadow:0 0 10px #00bfff33}.typo-mode-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a2a3a 0%,#1a1a1a 100%);border-color:#00bfff;color:#00bfff;box-shadow:0 0 20px #00bfff80}.typo-mode-btn.typo-active{background:linear-gradient(135deg,#1a3a4a 0%,#0a2535 100%);border-color:#00bfff;color:#0ff;box-shadow:0 0 25px #00bfff80}.typo-mode-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.typo-action-grid{display:flex;gap:var(--typo-spacing-sm);flex-wrap:wrap}.typo-action-btn{padding:10px 16px;background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);border:2px solid rgba(0,191,255,.3);border-radius:var(--typo-radius-sm);color:#ccc;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:80px;box-shadow:0 0 10px #00bfff33}.typo-action-btn:hover:not(:disabled){border-color:#00bfff;color:#00bfff;background:linear-gradient(135deg,#1a2a3a 0%,#1a1a1a 100%);transform:translateY(-2px);box-shadow:0 0 20px #00bfff99}.typo-action-btn.typo-animate-btn{border-color:#00bfff66;box-shadow:0 0 12px #00bfff40}.typo-action-btn.typo-animate-btn:hover:not(:disabled){border-color:#00bfff;color:#00bfff;box-shadow:0 0 25px #00bfffb3}.typo-action-btn.typo-export-btn{border-color:#00ff7f66;box-shadow:0 0 12px #00ff7f40}.typo-action-btn.typo-export-btn:hover:not(:disabled){border-color:#00ff7f;color:#00ff7f;box-shadow:0 0 25px #00ff7fb3}.typo-action-btn.typo-clear-btn{border-color:#f446;box-shadow:0 0 12px #ff444440}.typo-action-btn.typo-clear-btn:hover:not(:disabled){border-color:#f44;color:#f44;box-shadow:0 0 25px #ff4444b3}.typo-action-btn.typo-reset-btn{border-color:#9370db66;box-shadow:0 0 12px #9370db40}.typo-action-btn.typo-reset-btn:hover:not(:disabled){border-color:#9370db;color:#9370db;box-shadow:0 0 25px #9370dbb3}.typo-action-btn.typo-undo-btn{border-color:#fa06;box-shadow:0 0 12px #ffaa0040}.typo-action-btn.typo-undo-btn:hover:not(:disabled){border-color:#fa0;color:#fa0;box-shadow:0 0 25px #ffaa00b3}.typo-tooltip-wrapper{position:relative;display:inline-block}.typo-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--typo-bg-dark);color:var(--typo-text-secondary);padding:var(--typo-spacing-xs) var(--typo-spacing-sm);border-radius:var(--typo-radius-sm);font-size:11px;white-space:nowrap;margin-bottom:8px;opacity:0;pointer-events:none;transition:opacity .2s ease;border:1px solid var(--typo-border);z-index:1000}.typo-tooltip-wrapper:hover .typo-tooltip{opacity:1}.typo-error-banner{background:linear-gradient(90deg,rgba(255,68,68,.15),rgba(255,68,68,.05));border:1px solid var(--typo-danger);border-left:4px solid var(--typo-danger);color:#faa;padding:var(--typo-spacing-md);margin:var(--typo-spacing-md);border-radius:var(--typo-radius-sm);font-size:14px;display:flex;align-items:center;gap:var(--typo-spacing-sm)}.typo-main-layout{display:grid;grid-template-columns:300px 1fr 320px;gap:var(--typo-spacing-md);padding:var(--typo-spacing-md);flex:1;max-width:1920px;margin:0 auto;width:100%}.typo-panel{background:var(--typo-bg-medium);border:1px solid var(--typo-border);border-radius:var(--typo-radius-md);overflow:hidden;display:flex;flex-direction:column;min-height:0}.typo-left-panel{max-height:calc(100vh - var(--typo-panel-offset));overflow-y:auto}.typo-left-panel::-webkit-scrollbar{width:8px}.typo-left-panel::-webkit-scrollbar-track{background:var(--typo-bg-dark)}.typo-left-panel::-webkit-scrollbar-thumb{background:var(--typo-border-light);border-radius:4px}.typo-left-panel::-webkit-scrollbar-thumb:hover{background:var(--typo-primary)}.typo-center-panel{display:flex;flex-direction:column;min-height:400px;max-height:calc(100vh - var(--typo-panel-offset));height:auto;background:#2c2c2c}.typo-canvas-controls-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--typo-spacing-sm)}.typo-zoom-controls{display:flex;gap:var(--typo-spacing-sm);align-items:center}.typo-zoom-btn{padding:6px 12px;background:var(--typo-bg-lighter);border:1px solid var(--typo-border-light);border-radius:var(--typo-radius-sm);color:var(--typo-text-secondary);cursor:pointer;font-size:12px;transition:var(--typo-transition);white-space:nowrap}.typo-zoom-btn:hover:not(:disabled){background:var(--typo-bg-light);border-color:var(--typo-primary);color:var(--typo-primary)}.typo-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.typo-zoom-label{color:var(--typo-text-secondary);font-size:12px;min-width:45px;text-align:center}.typo-canvas-viewport{flex:1;position:relative;overflow:auto;background:#2c2c2c;display:flex;align-items:flex-start;justify-content:center;max-height:100%;scroll-behavior:smooth}.typo-canvas-viewport::-webkit-scrollbar{width:12px;height:12px}.typo-canvas-viewport::-webkit-scrollbar-track{background:var(--typo-bg-dark)}.typo-canvas-viewport::-webkit-scrollbar-thumb{background:var(--typo-border-light);border-radius:6px}.typo-canvas-viewport::-webkit-scrollbar-thumb:hover{background:var(--typo-primary)}.typo-canvas-scaler{position:absolute;left:50%;transform-origin:top center;border-radius:var(--typo-radius-md);background:#000000;overflow:hidden}.typo-viz-canvas{cursor:default}.typo-display-image-container{position:absolute;top:0;left:0;overflow:hidden;border-radius:var(--typo-radius-md)}.typo-display-image{width:100%;height:100%;object-fit:cover;display:block}.typo-demo-controls{position:absolute;top:15px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%);padding:12px 24px;border-radius:20px;border:1px solid rgba(0,191,255,.3);z-index:20;min-width:280px}.typo-demo-controls-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.typo-demo-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.typo-demo-type-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:6px 12px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.typo-demo-type-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.typo-demo-type-btn.typo-demo-active{background:linear-gradient(135deg,var(--typo-primary),var(--typo-primary-dark));box-shadow:0 4px 12px #00bfff66}.typo-demo-exit-btn{background:linear-gradient(135deg,var(--typo-danger),#cc3333);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:6px 12px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.typo-demo-exit-btn:hover{box-shadow:0 4px 12px #f446;transform:translateY(-2px)}.typo-demo-progress{display:flex;gap:5px;align-items:center}.typo-demo-dot{width:6px;height:6px;border-radius:50%;background:#444;transition:all .3s ease}.typo-demo-dot.typo-demo-dot-active{background:var(--typo-primary);transform:scale(1.3)}.typo-demo-hint{color:#fff;font-weight:400;font-size:11px}.typo-demo-overlay{width:100%;height:100%;background:var(--typo-bg-medium);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer}.typo-demo-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;background:#000}.typo-demo-video{width:100%;height:100%;object-fit:cover}.typo-demo-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.1) 100%);pointer-events:none}.typo-display-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.typo-right-panel{max-height:calc(100vh - var(--typo-panel-offset));overflow-y:auto}.typo-right-panel::-webkit-scrollbar{width:8px}.typo-right-panel::-webkit-scrollbar-track{background:var(--typo-bg-dark)}.typo-right-panel::-webkit-scrollbar-thumb{background:var(--typo-border-light);border-radius:4px}.typo-right-panel::-webkit-scrollbar-thumb:hover{background:var(--typo-primary)}.typo-controls-section{padding:var(--typo-spacing-md);display:flex;flex-direction:column;gap:var(--typo-spacing-lg)}.typo-panel-header{padding-bottom:var(--typo-spacing-md);border-bottom:1px solid var(--typo-border)}.typo-panel-heading{font-size:14px;font-weight:700;color:var(--typo-text-primary);margin:0;letter-spacing:.5px}.typo-advanced-controls{display:flex;flex-direction:column;gap:var(--typo-spacing-md)}.typo-feature-btn{padding:14px 20px;border-radius:var(--typo-radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:var(--typo-transition);text-align:center;border:none;position:relative;overflow:hidden}.typo-feature-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.typo-feature-btn:hover:before{width:300px;height:300px}.typo-feature-btn div{position:relative;z-index:1}.typo-feature-btn.typo-secondary-btn{background:transparent;border:2px solid rgba(255,255,255,.3);color:var(--typo-text-primary)}.typo-feature-btn.typo-secondary-btn:hover{border-color:var(--typo-primary);color:var(--typo-primary);transform:translateY(-2px);box-shadow:var(--typo-shadow-md)}.typo-feature-btn.typo-primary-btn{background:linear-gradient(135deg,var(--typo-bg-medium) 0%,var(--typo-bg-light) 100%);border:2px dashed var(--typo-primary);color:var(--typo-primary)}.typo-feature-btn.typo-primary-btn:hover{background:linear-gradient(135deg,var(--typo-primary) 0%,var(--typo-primary-dark) 100%);color:#fff;transform:translateY(-2px);box-shadow:0 0 20px #00bfff80}.typo-feature-btn.typo-pattern-btn{background:linear-gradient(135deg,var(--typo-bg-light),var(--typo-bg-lighter));border:1px solid var(--typo-border-light);color:var(--typo-text-primary)}.typo-feature-btn.typo-pattern-btn:hover{border-color:var(--typo-primary);box-shadow:0 0 15px #00bfff4d;transform:translateY(-2px)}.typo-active-pattern{background:var(--typo-bg-light);border:1px solid var(--typo-border-light);border-radius:var(--typo-radius-md);padding:var(--typo-spacing-md);display:flex;flex-direction:column;gap:var(--typo-spacing-md)}.typo-pattern-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--typo-spacing-sm);border-bottom:1px solid var(--typo-border)}.typo-pattern-name{font-size:13px;font-weight:600;color:var(--typo-primary)}.typo-pattern-remove{padding:4px 12px;background:transparent;border:1px solid var(--typo-danger);border-radius:var(--typo-radius-sm);color:var(--typo-danger);font-size:11px;cursor:pointer;transition:var(--typo-transition)}.typo-pattern-remove:hover{background:var(--typo-danger);color:#fff}.typo-control-row{display:flex;flex-direction:column;gap:var(--typo-spacing-sm)}.typo-control-label-box{display:flex;align-items:center;justify-content:space-between}.typo-control-label-box span{font-size:12px;color:var(--typo-text-secondary);font-weight:500}.typo-arrow-controls{display:flex;align-items:center;gap:var(--typo-spacing-sm)}.typo-arrow-btn{width:36px;height:36px;background:var(--typo-bg-dark);border:1px solid var(--typo-border-light);border-radius:var(--typo-radius-sm);color:var(--typo-text-secondary);font-size:14px;cursor:pointer;transition:var(--typo-transition);display:flex;align-items:center;justify-content:center}.typo-arrow-btn:hover:not(:disabled){background:var(--typo-bg-lighter);border-color:var(--typo-primary);color:var(--typo-primary)}.typo-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.typo-value-box{flex:1;text-align:center;padding:8px;background:var(--typo-bg-dark);border:1px solid var(--typo-border);border-radius:var(--typo-radius-sm);color:var(--typo-text-primary);font-size:13px;font-weight:600;min-width:60px}.typo-density-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--typo-spacing-xs)}.typo-density-btn{padding:8px 4px;background:var(--typo-bg-dark);border:1px solid var(--typo-border-light);border-radius:var(--typo-radius-sm);color:var(--typo-text-secondary);font-size:10px;font-weight:600;cursor:pointer;transition:var(--typo-transition);white-space:nowrap}.typo-density-btn:hover{background:var(--typo-bg-lighter);border-color:var(--typo-primary)}.typo-density-btn.typo-density-active{background:var(--typo-primary);border-color:var(--typo-primary);color:#fff}.typo-dbscan-section{background:var(--typo-bg-light);border:1px solid var(--typo-border-light);border-radius:var(--typo-radius-md);overflow:hidden}.typo-section-header{padding:var(--typo-spacing-sm) var(--typo-spacing-md);background:var(--typo-bg-lighter);border-bottom:1px solid var(--typo-border)}.typo-section-title{font-size:12px;font-weight:700;color:var(--typo-text-primary);letter-spacing:.5px}.typo-dbscan-controls{padding:var(--typo-spacing-md);display:flex;flex-direction:column;gap:var(--typo-spacing-md)}.typo-mobile-tabs{display:none;background:var(--typo-bg-light);border-top:1px solid var(--typo-border);padding:var(--typo-spacing-sm);gap:var(--typo-spacing-sm);position:sticky;bottom:0;z-index:50}.typo-mobile-tab{flex:1;padding:12px;background:var(--typo-bg-dark);border:1px solid var(--typo-border);border-radius:var(--typo-radius-sm);color:var(--typo-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:var(--typo-transition)}.typo-mobile-tab:hover{background:var(--typo-bg-lighter)}.typo-mobile-tab.typo-mobile-tab-active{background:var(--typo-primary);border-color:var(--typo-primary);color:#fff}.typo-footer{background:var(--typo-bg-medium);border-top:1px solid var(--typo-border);padding:var(--typo-spacing-md);margin-top:auto}.typo-footer-content{max-width:1920px;margin:0 auto;text-align:center;color:var(--typo-text-muted);font-size:12px}@media (max-width: 1023px){.typo-main-layout{grid-template-columns:280px 1fr 280px;gap:var(--typo-spacing-sm)}.typo-header-title h1{font-size:18px}.typo-logo{height:60px}.typo-workspace-bar{flex-direction:column;align-items:stretch}.typo-workspace-section,.typo-actions-section{width:100%;justify-content:center}.typo-action-grid{justify-content:center}}@media (max-width: 767px){.typo-header{padding:var(--typo-spacing-sm)}.typo-header-content{flex-direction:column;gap:var(--typo-spacing-sm)}.typo-header-left{width:100%;flex-direction:column;align-items:flex-start}.typo-back-link{font-size:12px}.typo-header-title h1{font-size:16px}.typo-subtitle{font-size:11px}.typo-logo{height:50px}.typo-mobile-menu-toggle{display:block}.typo-workspace-bar{flex-direction:column;padding:var(--typo-spacing-sm);gap:var(--typo-spacing-md)}.typo-workspace-section,.typo-actions-section{flex-direction:column;align-items:stretch;gap:var(--typo-spacing-sm)}.typo-mode-group{flex-direction:column}.typo-mode-btn{width:100%;padding:12px}.typo-action-grid{grid-template-columns:1fr 1fr;width:100%}.typo-action-btn{width:100%;min-width:auto}.typo-main-layout{grid-template-columns:1fr;padding:var(--typo-spacing-sm);gap:0}.typo-panel{border-radius:0;border-left:none;border-right:none}.typo-left-panel,.typo-right-panel{display:none;max-height:400px}.typo-mobile.typo-left-panel.typo-panel-visible,.typo-mobile.typo-right-panel.typo-panel-visible{display:flex;position:fixed;bottom:60px;left:0;right:0;z-index:100;border:1px solid var(--typo-border);border-bottom:none;box-shadow:var(--typo-shadow-lg)}.typo-center-panel{min-height:400px}.typo-canvas-controls-wrapper{padding:var(--typo-spacing-xs);flex-wrap:wrap}.typo-zoom-controls{width:100%;justify-content:center}.typo-zoom-btn{flex:1;max-width:100px}.typo-mobile-tabs{display:flex}.typo-demo-controls{min-width:auto;width:90%;padding:10px 16px}.typo-demo-buttons{flex-direction:column;width:100%}.typo-demo-type-btn,.typo-demo-exit-btn{width:100%;padding:10px}.typo-tooltip{display:none}}@media (max-width: 479px){.typo-header-title h1{font-size:14px}.typo-subtitle{font-size:10px}.typo-section-label{font-size:11px}.typo-action-btn{font-size:11px;padding:8px 12px}.typo-mode-btn{font-size:12px;padding:10px}.typo-zoom-btn{padding:6px 10px;font-size:11px}.typo-feature-btn{padding:12px 16px;font-size:12px}}@media (max-height: 500px) and (orientation: landscape){.typo-header{position:relative}.typo-workspace-bar,.typo-main-layout{padding:var(--typo-spacing-xs)}.typo-center-panel{min-height:300px}.typo-left-panel,.typo-right-panel{max-height:250px}}@media (min-width: 1920px){.typo-main-layout{grid-template-columns:350px 1fr 380px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (prefers-contrast: high){.typo-studio-wrapper{border:2px solid var(--typo-text-primary)}.typo-mode-btn.typo-active,.typo-feature-btn.typo-primary-btn:hover{outline:2px solid var(--typo-text-primary);outline-offset:2px}}button:focus-visible,a:focus-visible{outline:2px solid var(--typo-primary);outline-offset:2px}@media (hover: none) and (pointer: coarse){.typo-action-btn,.typo-mode-btn,.typo-zoom-btn,.typo-arrow-btn,.typo-density-btn{min-height:44px;min-width:44px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding-top:12vh}.modal{background:#242424;border-radius:16px;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;animation:slideIn .3s ease;box-shadow:0 20px 60px #00000080;border:1px solid #333}.modal-header{padding:24px 32px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:20px;font-weight:600;color:#fff;margin:0}.close-btn{background:none;border:none;color:#666;font-size:28px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.close-btn:hover{background:#333;color:#fff}.modal-body{padding:32px;overflow-y:auto;flex:1}.pattern-grid-modal{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pattern-card-modal{background:#1a1a1a;border:2px solid #333;border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease;text-align:center}.pattern-card-modal:hover{border-color:#9370db;transform:translateY(-4px);box-shadow:0 12px 32px #9370db4d}.pattern-preview-modal{width:100%;height:140px;background:#0a0a0a;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-size:48px;color:#9370db;position:relative;overflow:hidden}.pattern-card-name{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px}.pattern-card-description{font-size:14px;color:#999;line-height:1.5;margin:0}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.pattern-grid-modal{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 480px){.pattern-grid-modal{grid-template-columns:1fr}}.pattern-preview-modal.random:before{content:"• • • • •";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#9370db;letter-spacing:12px;opacity:.6}.pattern-preview-modal.texture:before{content:"≈≈≈";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;letter-spacing:8px;opacity:.6;color:#9370db}.pattern-preview-modal.grid:before{content:"⊞";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;opacity:.5;color:#9370db}.pattern-preview-modal.hex:before{content:"⬡";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;opacity:.5;color:#9370db}.pattern-preview-modal.lace:before{content:"✿";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:64px;opacity:.5;color:#9370db}.pattern-point-count{display:none}.promo-active-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#00bfff,#00ff88);color:#000;padding:6px 14px;border-radius:20px;font-weight:600;font-size:11px;margin-top:8px;box-shadow:0 2px 8px #00bfff4d}.promo-icon{font-size:14px}.typo-preset-gallery{display:flex;flex-direction:column;gap:var(--typo-spacing-md)}.typo-preset-gallery-header{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--typo-border)}.typo-preset-gallery-title{font-size:13px;font-weight:700;color:#0ff;letter-spacing:.5px;text-transform:uppercase}.typo-preset-gallery-icon{font-size:16px}.typo-preset-card{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:2px solid rgba(0,255,127,.2);border-radius:var(--typo-radius-md);overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.typo-preset-card:hover{border-color:#00ff7f;transform:translateY(-2px);box-shadow:0 8px 20px #00ff7f4d}.typo-preset-card:active{transform:translateY(0)}.typo-preset-thumbnail{width:100%;height:70px;background:#ffffff;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-bottom:1px solid rgba(0,255,127,.3)}.typo-preset-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.typo-preset-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f0f0 0%,#e0e0e0 100%);font-size:11px;color:#999;text-align:center;padding:8px;font-style:italic}.typo-preset-info{padding:10px 12px;background:rgba(0,0,0,.3)}.typo-preset-name{font-size:13px;font-weight:600;color:#0ff;margin:0 0 4px;letter-spacing:.3px}.typo-preset-description{font-size:11px;color:#aaa;margin:0;line-height:1.4}.typo-preset-card:after{content:"Click to Apply";position:absolute;top:0;left:0;width:100%;height:70px;background:rgba(0,255,127,.85);color:#1a1a1a;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.typo-preset-card:hover:after{opacity:1}.typo-preset-card.typo-preset-applying{pointer-events:none;opacity:.6;border-color:#fa0}.typo-preset-card.typo-preset-applying:after{content:"Applying...";opacity:1;background:rgba(255,170,0,.85);color:#fff}.typo-preset-scrollable{max-height:calc(100vh - 380px);min-height:200px;overflow-y:auto;padding-right:4px}.typo-preset-scrollable::-webkit-scrollbar{width:6px}.typo-preset-scrollable::-webkit-scrollbar-track{background:var(--typo-bg-dark);border-radius:3px}.typo-preset-scrollable::-webkit-scrollbar-thumb{background:rgba(0,255,127,.3);border-radius:3px}.typo-preset-scrollable::-webkit-scrollbar-thumb:hover{background:rgba(0,255,127,.5)}.typo-preset-quickstart{background:linear-gradient(135deg,rgba(0,255,127,.1),rgba(0,255,255,.1));border:1px dashed rgba(0,255,127,.3);border-radius:var(--typo-radius-md);padding:12px;margin-bottom:12px}.typo-preset-quickstart-text{font-size:12px;color:#ccc;line-height:1.5;margin:0}.typo-preset-quickstart-emoji{font-size:16px;margin-right:6px}@media (max-width: 768px){.typo-preset-thumbnail{height:60px}.typo-preset-name{font-size:12px}.typo-preset-description{font-size:10px}.typo-preset-card:after{height:60px;font-size:12px}}.typo-verify-link{display:inline-block;padding:10px 20px;background:transparent;color:#00d9ff;text-decoration:none;border:1px solid #00d9ff;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .3s ease;margin-left:15px}.typo-verify-link:hover{background:rgba(0,217,255,.1);border-color:#0ff;color:#0ff;transform:translateY(-1px)}@media (max-width: 768px){.typo-verify-link{display:block;margin-left:0;margin-top:10px;text-align:center}}.message-modal-overlay,.modal-overlay{align-items:flex-start!important;padding-top:10vh!important}.typo-mobile-blocker{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;background:#000000;z-index:99999;flex-direction:column;align-items:center;justify-content:center;padding:32px;box-sizing:border-box;text-align:center}.typo-mobile-blocker-icon{font-size:48px;margin-bottom:24px}.typo-mobile-blocker-title{color:#fff;font-size:22px;font-weight:700;margin:0 0 16px;line-height:1.3}.typo-mobile-blocker-message{color:#fff;font-size:18px;font-weight:400;line-height:1.6;margin:0;max-width:320px}@media (max-width: 480px){.typo-studio-wrapper{display:none!important}.typo-mobile-blocker{display:flex}}@media (max-height: 480px){.typo-studio-wrapper{display:none!important}.typo-mobile-blocker{display:flex}}.export-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:flex;align-items:flex-start;justify-content:center;z-index:9999;padding:20px;padding-top:12vh;overflow:visible!important}.export-modal{background:#1a1a2e;border-radius:16px;max-width:520px;width:100%;box-shadow:0 30px 80px #000000e6,0 0 0 1px #ffffff1a;position:relative;pointer-events:auto;overflow:visible!important}.esm-layout{max-width:380px;border-radius:16px;pointer-events:auto;overflow:visible!important}.esm-header{padding:0 16px;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;min-height:0;overflow:visible!important}.esm-title{font-size:14px;color:#00d9ff!important;font-weight:600;margin:4px 0;line-height:1;padding:0}.esm-close{position:absolute;top:-16px;right:-16px;width:36px;height:36px;border-radius:50%;background:#444;border:2px solid #FF4343;color:#f44;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0009;transition:all .2s ease;z-index:99999;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:1!important;visibility:visible!important}.esm-close:hover{background:#555;transform:scale(1.05)}.esm-body{padding:16px;overflow:hidden;border-radius:0 0 16px 16px}.esm-inline-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 10px;background:rgba(0,0,0,.3);border-radius:6px}.esm-info-label{font-size:11px;color:#ffffffb3}.esm-info-value{font-size:12px;color:#00d9ff;font-weight:700}.esm-price-inline{font-size:32px;color:#00ff7f;font-weight:700;line-height:1}.esm-tier-section{margin-bottom:12px}.esm-tier-label{font-size:11px;color:#ffffffb3;margin-bottom:8px;font-weight:600}.esm-tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.esm-tier-option{padding:12px 10px;background:rgba(255,255,255,.05);border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;text-align:center}.esm-tier-option:hover{background:rgba(255,255,255,.08)}.esm-tier-option.active{border-color:#00d9ff;background:rgba(0,217,255,.1)}.esm-tier-option.elite.active{border-color:gold;background:rgba(255,215,0,.1)}.esm-elite-badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#000;padding:2px 6px;border-radius:3px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.esm-tier-name{font-size:12px;font-weight:600;color:#fff;margin-bottom:4px}.esm-tier-price{font-size:14px;font-weight:700;color:#00ff7f}.esm-tier-option.elite .esm-tier-name,.esm-tier-option.elite .esm-tier-price{color:gold}.esm-input{width:100%;padding:10px;font-size:12px;border:1px solid rgba(255,215,0,.3);border-radius:6px;background-color:#ffd7000d;color:#fff;outline:none;margin-bottom:12px;box-sizing:border-box}.esm-input::placeholder{color:#ffffff80}.esm-providers{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.esm-provider{padding:10px;background:rgba(255,255,255,.05);border:1.5px solid transparent;border-radius:6px;text-align:center;font-size:14px;cursor:pointer;transition:all .2s ease;color:#fff}.esm-provider:hover{background:rgba(255,255,255,.08)}.esm-provider.active{border-color:var(--provider-color);background:rgba(0,217,255,.1)}.esm-coupon{display:flex;gap:6px;margin-bottom:12px;align-items:center}.esm-coupon-input{flex:1;padding:8px 10px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.35);border-radius:6px;color:#fff;font-size:11px;outline:none}.esm-coupon-input::placeholder{color:#ffffffb3}.esm-coupon-error{color:#ff4343;font-size:11px;font-weight:600;white-space:nowrap}.esm-btn{width:100%;padding:12px;background:linear-gradient(135deg,#00D9FF 0%,#0099cc 100%);border:none;border-radius:6px;color:#000;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #00d9ff4d}.esm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #00d9ff66}.esm-btn:active:not(:disabled){transform:translateY(0)}.esm-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.export-modal-overlay{padding:10px;padding-top:8vh}.export-modal,.esm-layout{max-width:100%}.esm-header{padding:10px 14px}.esm-title{font-size:13px}.esm-close{width:32px;height:32px;font-size:20px}.esm-body{padding:14px}.esm-info-value{font-size:11px}.esm-price-inline{font-size:28px}.esm-tier-grid{gap:6px}.esm-tier-option{padding:10px 8px}.esm-provider{padding:9px;font-size:13px}}.studio-selector-page{min-height:100vh;background:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.studio-selector-page .ss-bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:#1a1a1a}.studio-selector-page .ss-bg-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(147,112,219,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 60% 20%,rgba(147,112,219,.06) 0%,transparent 50%);animation:ssFloat 20s ease-in-out infinite}@keyframes ssFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.studio-selector-page .ss-header{background:rgba(36,36,36,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333333;position:sticky;top:0;z-index:10}.studio-selector-page .ss-header-content{max-width:1200px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center}.studio-selector-page .ss-back-button{background:rgba(0,255,255,.1);border:1px solid #00ffff;padding:10px 20px;border-radius:8px;color:#0ff;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:5px}.studio-selector-page .ss-back-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00ffff4d}.studio-selector-page .ss-header-center{text-align:center;flex:1}.studio-selector-page .ss-header-center h1{font-size:2rem;margin:0 0 5px;background:linear-gradient(135deg,#9370db 0%,#00ffff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.studio-selector-page .ss-header-center p{margin:0;color:#ccc;font-size:.95rem}.studio-selector-page .ss-header-spacer{width:100px}.studio-selector-page .ss-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:40px 20px}.studio-selector-page .ss-studios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}.studio-selector-page .ss-studio-card{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:14px;text-decoration:none;color:inherit;transition:all .25s ease;position:relative;overflow:hidden}.studio-selector-page .ss-studio-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.studio-selector-page .ss-card-icon{font-size:2.2rem;flex-shrink:0;width:50px;text-align:center}.studio-selector-page .ss-card-info{flex:1;min-width:0}.studio-selector-page .ss-card-info h3{font-size:1.05rem;font-weight:700;margin:0 0 4px;color:inherit}.studio-selector-page .ss-card-info p{font-size:.8rem;margin:0;opacity:.85;line-height:1.4}.studio-selector-page .ss-card-arrow{font-size:1.3rem;opacity:.6;transition:all .2s ease;flex-shrink:0}.studio-selector-page .ss-studio-card:hover .ss-card-arrow{opacity:1;transform:translate(4px)}.studio-selector-page .ss-card-preview{width:70px;height:50px;border-radius:8px;overflow:hidden;flex-shrink:0;background:rgba(0,0,0,.2)}.studio-selector-page .ss-card-preview video,.studio-selector-page .ss-card-preview img{width:100%;height:100%;object-fit:cover}.studio-selector-page .ss-typography{background:linear-gradient(135deg,#9370db 0%,#7b5cc0 100%);color:#fff}.studio-selector-page .ss-typography:hover{box-shadow:0 12px 30px #9370db66}.studio-selector-page .ss-doodle{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff}.studio-selector-page .ss-doodle:hover{box-shadow:0 12px 30px #f59e0b66}.studio-selector-page .ss-strokesense{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#fff}.studio-selector-page .ss-strokesense:hover{box-shadow:0 12px 30px #6366f166}.studio-selector-page .ss-portrait{background:linear-gradient(135deg,#0891b2 0%,#0e7490 100%);color:#fff}.studio-selector-page .ss-portrait:hover{box-shadow:0 12px 30px #0891b266}.studio-selector-page .ss-signature{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.studio-selector-page .ss-signature:hover{box-shadow:0 12px 30px #10b98166}.studio-selector-page .ss-ecards{background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);color:#fff}.studio-selector-page .ss-ecards:hover{box-shadow:0 12px 30px #f43f5e66}.studio-selector-page .ss-info-section{margin-bottom:40px}.studio-selector-page .ss-info-card{background:#242424;border:1px solid #333333;border-radius:12px;padding:24px 30px;text-align:center;max-width:700px;margin:0 auto}.studio-selector-page .ss-info-card h4{font-size:1.1rem;margin-bottom:10px;color:#fff}.studio-selector-page .ss-info-card p{color:#999;line-height:1.5;font-size:.95rem;margin:0}.studio-selector-page .ss-bottom-cta{display:none}.studio-selector-page .ss-footer{margin-top:60px;padding:30px 20px;border-top:1px solid #333333}.studio-selector-page .ss-footer-content{max-width:1200px;margin:0 auto;text-align:center}.studio-selector-page .ss-footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:15px;flex-wrap:wrap}.studio-selector-page .ss-footer-links button{background:rgba(255,255,255,.05);border:1px solid #444444;padding:8px 16px;border-radius:6px;color:#888;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.studio-selector-page .ss-footer-links button:hover{background:rgba(0,255,255,.1);border-color:#0ff;color:#0ff;transform:translateY(-1px)}.studio-selector-page .ss-footer-copyright{color:#666;font-size:.8rem}@media (max-width: 900px){.studio-selector-page .ss-studios-grid{grid-template-columns:repeat(2,1fr);gap:14px}.studio-selector-page .ss-studio-card{padding:18px 20px}.studio-selector-page .ss-card-icon{font-size:2rem}.studio-selector-page .ss-card-info h3{font-size:1rem}.studio-selector-page .ss-card-info p{font-size:.75rem}}@media (max-width: 600px){.studio-selector-page .ss-header-content{flex-direction:column;gap:15px}.studio-selector-page .ss-header-spacer{display:none}.studio-selector-page .ss-header-center h1{font-size:1.6rem}.studio-selector-page .ss-studios-grid{grid-template-columns:1fr;gap:12px}.studio-selector-page .ss-studio-card{padding:16px 18px}.studio-selector-page .ss-card-icon{font-size:1.8rem;width:40px}.studio-selector-page .ss-card-info h3{font-size:.95rem}.studio-selector-page .ss-card-info p{font-size:.75rem}.studio-selector-page .ss-card-preview{width:60px;height:42px}.studio-selector-page .ss-footer-links{gap:10px}.studio-selector-page .ss-footer-links button{padding:6px 12px;font-size:.8rem}}.studio-selector-page .ss-dev-section{margin-bottom:24px;padding:16px;background:rgba(255,0,255,.05);border:2px dashed rgba(255,0,255,.3);border-radius:16px}.studio-selector-page .ss-dev-label{font-size:.8rem;color:#f0f;margin-bottom:12px;font-weight:600;letter-spacing:.5px}.studio-selector-page .ss-typography-v2{background:linear-gradient(135deg,#ff00ff 0%,#cc00cc 50%,#9900ff 100%);color:#fff;position:relative;overflow:visible}.studio-selector-page .ss-typography-v2:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#ff00ff,#00ffff,#ff00ff);border-radius:16px;z-index:-1;opacity:0;transition:opacity .3s ease}.studio-selector-page .ss-typography-v2:hover:before{opacity:1;animation:borderGlow 2s linear infinite}@keyframes borderGlow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.studio-selector-page .ss-typography-v2:hover{box-shadow:0 12px 40px #ff00ff80;transform:translateY(-4px) scale(1.02)}.studio-selector-page .ss-dev-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:rgba(0,255,255,.9);color:#000;font-size:.65rem;font-weight:700;border-radius:4px;vertical-align:middle;letter-spacing:.5px;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width: 900px){.studio-selector-page .ss-dev-section{padding:12px;margin-bottom:20px}.studio-selector-page .ss-dev-label{font-size:.75rem}}@media (max-width: 600px){.studio-selector-page .ss-dev-section{padding:10px;margin-bottom:16px}.studio-selector-page .ss-dev-badge{font-size:.6rem;padding:2px 6px}}:root{--primary: #9370db;--primary-dark: #7b5cc0;--secondary: #00ffff;--secondary-dark: #00cccc;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #999999;--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2d2d2d;--border: #333333;--success: #4caf50;--error: #ff6b6b;--warning: #ffaa44;--gradient-main: linear-gradient(135deg, #9370db 0%, #00ffff 100%);--gradient-secondary: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%)}.order-status-page{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.order-status-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 20% 30%,rgba(147,112,219,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 60% 20%,rgba(147,112,219,.06) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.order-status-container{max-width:900px;margin:0 auto;padding:60px 20px;position:relative;z-index:1}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.spinner{width:60px;height:60px;border:4px solid rgba(147,112,219,.2);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin-bottom:25px}.loading-state p,.error-state p{font-size:1.1rem;color:var(--text-secondary)}.error-state h2{font-size:2rem;color:var(--error);margin-bottom:20px}.error-actions{display:flex;gap:20px;margin-top:30px}.button{background:var(--gradient-main);color:var(--bg-primary);padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block;border:none;cursor:pointer}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #9370db4d}.button.secondary{background:transparent;color:var(--secondary);border:2px solid var(--secondary)}.button.secondary:hover{background:var(--secondary);color:var(--bg-primary)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.order-header h1{font-size:2.2rem;margin:0;background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.status-badge{padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.status-completed{background-color:#4f43;color:var(--success);border:1px solid var(--success)}.status-processing{background-color:#0ff3;color:var(--secondary);border:1px solid var(--secondary)}.status-queued{background-color:#9370db33;color:var(--primary);border:1px solid var(--primary)}.status-failed{background-color:#ff6b6b33;color:var(--error);border:1px solid var(--error)}.order-details-card{background-color:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);padding:40px;box-shadow:0 4px 6px #0000004d;position:relative;overflow:hidden}.order-details-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-main)}.order-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:30px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item.full-width{grid-column:1 / -1}.label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.value{color:var(--text-primary);font-size:1.05rem}.download-section{margin-top:40px;padding-top:40px;border-top:1px solid var(--border);text-align:center}.download-section h3{font-size:1.6rem;margin-bottom:15px;color:var(--text-primary);font-weight:600}.download-section p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.download-button{display:inline-block;background:linear-gradient(135deg,#10b981,#34d399);color:var(--bg-primary);font-weight:600;padding:16px 36px;border-radius:12px;text-decoration:none;margin:20px 0;transition:all .3s ease;font-size:1.2rem}.download-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #10b9814d}.expiry-notice{margin-top:25px;padding:16px 24px;background-color:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border);display:inline-block}.expiry-notice strong{color:var(--secondary)}.bookmark-reminder{margin-top:20px;padding:20px;background-color:#9370db1a;border-radius:10px;border:1px solid var(--primary);color:var(--text-secondary)}.bookmark-reminder strong{color:var(--primary)}.processing-section{margin-top:40px;padding:40px;background-color:var(--bg-tertiary);border-radius:12px;text-align:center;border:1px solid var(--border)}.processing-section h3{font-size:1.5rem;margin-bottom:15px;color:var(--secondary)}.processing-section p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.processing-indicator{display:flex;flex-direction:column;align-items:center;gap:20px}.status-message{color:var(--text-primary);font-size:1rem;font-style:italic}.auto-refresh-notice{margin-top:25px;padding:15px;background-color:#00ffff1a;border-radius:8px;color:var(--secondary);font-size:.9rem}.error-section{margin-top:40px;padding:40px;background-color:#ff6b6b1a;border-radius:12px;text-align:center;border:1px solid var(--error)}.error-section h3{font-size:1.5rem;margin-bottom:15px;color:var(--error)}.error-section p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:20px}.error-message{padding:20px;background-color:var(--bg-tertiary);border-radius:8px;color:var(--error);margin-bottom:25px;font-family:monospace}.support-info{margin-top:30px}.support-info p{margin-bottom:10px;color:var(--text-secondary)}.support-link{color:var(--secondary);text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .2s ease}.support-link:hover{color:var(--secondary-dark);text-decoration:underline}.order-actions{display:flex;gap:20px;justify-content:center;margin-top:50px}.bookmark-info{margin-top:60px;padding:40px;background-color:var(--bg-secondary);border-radius:16px;text-align:center;border:1px solid var(--border)}.bookmark-info h3{font-size:1.4rem;margin-bottom:15px;color:var(--text-primary)}.bookmark-info p{color:var(--text-secondary);margin-bottom:20px}.order-link{padding:16px 24px;background-color:var(--bg-tertiary);border-radius:8px;font-family:monospace;color:var(--secondary);word-break:break-all;border:1px solid var(--border);font-size:.9rem}@media (max-width: 768px){.order-status-container{padding:40px 20px}.order-header{flex-direction:column;text-align:center}.order-header h1{font-size:1.8rem}.order-details-card{padding:30px 20px}.order-actions{flex-direction:column;width:100%}.button{width:100%;text-align:center}.error-actions{flex-direction:column;width:100%}}.certificate-button{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:14px 28px;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;margin-top:15px;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;border:none;cursor:pointer;text-align:center}.certificate-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)}.certificate-button:active{transform:translateY(0);box-shadow:0 2px 10px #667eea4d}@media (max-width: 768px){.certificate-button{display:block;width:100%;margin-top:12px}}.verify-link-section{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border:1px solid var(--primary);border-radius:12px;padding:25px;margin-top:25px;text-align:left}.verify-link-section h4{margin:0 0 12px;color:var(--secondary);font-size:1.1rem;font-weight:600}.verify-link-instructions{color:var(--text-secondary);font-size:.95rem;margin:0 0 15px;line-height:1.5}.verify-link-box{display:flex;gap:12px;align-items:center;background:var(--bg-tertiary);border-radius:8px;padding:12px 15px;border:1px solid var(--border)}.verify-link-url{flex:1;font-size:.85rem;color:var(--secondary);word-break:break-all;background:transparent;font-family:Courier New,monospace}.copy-link-button{background:var(--gradient-main);color:var(--bg-primary);border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease}.copy-link-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #9370db66}.verify-link-tip{margin:15px 0 0;font-size:.85rem;color:var(--text-muted);line-height:1.6;padding:12px;background:var(--bg-tertiary);border-radius:8px;border-left:3px solid var(--primary)}.verify-link-tip strong{color:var(--primary)}@media (max-width: 768px){.verify-link-box{flex-direction:column;gap:10px}.copy-link-button{width:100%}}.qaf-order-info{background:rgba(147,112,219,.1);border:1px solid rgba(147,112,219,.3);border-radius:8px;padding:20px;margin-top:20px;text-align:left}.qaf-order-info h4{margin:0 0 16px;color:#9370db;font-size:16px}.qaf-detail{margin-bottom:12px}.qaf-detail-label{display:block;font-size:11px;font-weight:600;color:#9370db;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.qaf-detail-value{display:block;font-size:12px;color:#ccc;font-family:Monaco,Menlo,Ubuntu Mono,monospace;word-break:break-all;background:rgba(0,0,0,.3);padding:8px 12px;border-radius:4px;border:1px solid rgba(147,112,219,.2)}.qaf-verify-note{margin-top:16px;padding-top:16px;border-top:1px solid rgba(147,112,219,.2);font-size:13px;color:#888}.qaf-verify-note a{color:#9370db;text-decoration:none;font-weight:500}.qaf-verify-note a:hover{text-decoration:underline}.qaf-expiry-warning{color:#fa0;font-weight:600}@media (max-width: 600px){.qaf-order-info{padding:16px}.qaf-detail-value{font-size:11px;padding:6px 10px}.qaf-order-info h4{font-size:14px}}.portrait-studio-main{min-height:100vh;background:#1a1a1a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.portrait-studio-header{display:flex;justify-content:center;align-items:center;background:#2d2d2d;padding:15px 25px;border-radius:8px;margin-bottom:20px;border:1px solid #444;position:relative}.portrait-header-nav{display:flex;align-items:center;gap:20px}.portrait-back-link{background:rgba(0,255,255,.1);border:1px solid #00ffff;padding:10px 20px;border-radius:8px;color:#0ff;text-decoration:none;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:5px}.portrait-back-link:hover{background:rgba(0,255,255,.2);border-color:#0ff;color:#0ff;transform:translateY(-1px)}.portrait-title-section{text-align:center}.portrait-title-section h1{margin:0;font-size:1.8rem;background:linear-gradient(90deg,#00bfff,#00ffff);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;letter-spacing:2px}.portrait-title-section p{margin:5px 0 0;color:#ccc;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.portrait-main-grid{display:grid;grid-template-columns:250px 1fr 180px;gap:20px;height:calc(100vh - 200px);min-height:600px}.portrait-left-panel,.portrait-right-panel{background:#2d2d2d;border-radius:8px;padding:20px;border:1px solid #444;overflow-y:auto}.portrait-center-panel{background:#2d2d2d;border-radius:8px;padding:15px;border:1px solid #444;display:flex;flex-direction:column}.portrait-upload-area{background:#2a2a2a;border:2px dashed #444;border-radius:8px;padding:20px;text-align:center;margin-bottom:20px;cursor:pointer;transition:all .3s ease}.portrait-upload-area:hover{border-color:#0891b2;background:rgba(8,145,178,.05)}.portrait-upload-area input[type=file]{display:none!important}.portrait-upload-area .upload-zone,.portrait-upload-area .dropzone,.portrait-upload-area [class*=drag],.portrait-upload-area [class*=drop]{background:transparent!important;border:1px solid #444!important;border-radius:6px!important;padding:20px 15px!important;margin:0!important;transition:all .2s ease!important}.portrait-upload-area .upload-zone:hover,.portrait-upload-area .dropzone:hover,.portrait-upload-area [class*=drag]:hover,.portrait-upload-area [class*=drop]:hover{border-color:#0891b2!important;background:rgba(8,145,178,.1)!important}.portrait-upload-area button,.portrait-upload-area .upload-button,.portrait-upload-area [class*=upload][class*=button],.portrait-upload-area [class*=button]{background:#333!important;border:1px solid #555!important;color:#ccc!important;padding:8px 16px!important;border-radius:6px!important;font-size:.85rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;text-transform:none!important;letter-spacing:normal!important;min-height:auto!important;width:auto!important;max-width:140px!important;margin:8px auto 0!important;display:inline-block!important}.portrait-upload-area button:hover,.portrait-upload-area .upload-button:hover,.portrait-upload-area [class*=upload][class*=button]:hover,.portrait-upload-area [class*=button]:hover{background:#444!important;border-color:#0891b2!important;color:#fff!important;transform:translateY(-1px)!important}.portrait-upload-area p,.portrait-upload-area span,.portrait-upload-area div:not([class*=button]):not(button){color:#999!important;font-size:.8rem!important;margin:4px 0!important;line-height:1.3!important;font-weight:400!important}.portrait-upload-area>div>div>div{border:none!important;background:transparent!important;padding:0!important;margin:0!important}.portrait-upload-area .upload-icon,.portrait-upload-area [class*=icon]{opacity:.6!important;transform:scale(.8)!important}.portrait-action-button{width:100%;padding:10px 20px;border:1px solid #555;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;background:#333;color:#ccc;transition:all .2s ease}.portrait-action-button:hover{background:#444;border-color:#0891b2;color:#fff;transform:translateY(-1px)}.portrait-canvas-split{display:flex;gap:10px;height:100%}.portrait-canvas-side{flex:1;display:flex;flex-direction:column;border-radius:8px}.portrait-canvas-side.original{border:2px solid #0891b2}.portrait-canvas-side.processed{border:2px solid #0e7490}.portrait-canvas-header{padding:8px 12px;font-size:.9rem;font-weight:600;text-align:center;color:#fff}.portrait-canvas-side.original .portrait-canvas-header{background:#0891b2}.portrait-canvas-side.processed .portrait-canvas-header{background:#0e7490}.portrait-canvas-content{flex:1;background:#1a1a1a;display:flex;align-items:center;justify-content:center}.portrait-placeholder{color:#666;font-size:.9rem;text-align:center}.portrait-controls-section{background:#1a1a1a;border:1px solid #444;border-radius:8px;padding:20px;margin-bottom:20px}.portrait-control-item{margin-bottom:20px}.portrait-control-label{display:block;font-size:.9rem;font-weight:600;color:#0891b2;margin-bottom:8px}.portrait-control-description{color:#888;font-size:.9rem}.portrait-processing-status{background:#1a1a1a;border:1px solid #444;border-radius:8px;padding:15px;margin-top:20px}.portrait-processing-status h4{color:#0891b2;margin:0 0 10px;font-size:.9rem}.status-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.8rem}.status-item span:first-child{color:#ccc}.status-success{color:#10b981;font-weight:500}.status-pending{color:#f59e0b;font-weight:500}.portrait-custom-slider{flex:1;height:8px;background:#444;border-radius:4px;position:relative;cursor:pointer;width:100%;min-width:200px}.portrait-custom-slider-thumb{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#0891b2;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 4px #0000004d;cursor:grab}.portrait-custom-slider-thumb.disabled{cursor:not-allowed;background:#666}.portrait-range input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#444;border-radius:3px;outline:none;flex:1}.portrait-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#0891b2;border-radius:50%;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0000004d}.portrait-range input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#0891b2;border-radius:50%;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0000004d}.portrait-range input[type=range]::-webkit-slider-thumb:hover{background:#0a7491;transform:scale(1.1)}.portrait-range input[type=range]::-moz-range-thumb:hover{background:#0a7491;transform:scale(1.1)}.portrait-range input[type=range]:disabled{opacity:.5;cursor:not-allowed}.portrait-range input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed;background:#666}.portrait-range input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed;background:#666}.portrait-slider-container{display:flex;flex-direction:column;gap:8px;width:100%}.portrait-slider-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#ccc;font-weight:500}.portrait-slider-value{font-family:SF Mono,Monaco,monospace;font-weight:600;color:#0891b2;background:rgba(8,145,178,.1);padding:2px 8px;border-radius:4px;border:1px solid rgba(8,145,178,.3);min-width:40px;text-align:center}.portrait-custom-slider{position:relative;height:20px;width:100%;min-width:200px;cursor:pointer;border-radius:10px;padding:7px 0;outline:none;transition:all .2s ease}.portrait-custom-slider:focus{box-shadow:0 0 0 2px #0891b24d}.portrait-custom-slider.disabled{cursor:not-allowed;opacity:.5}.portrait-custom-slider:hover:not(.disabled) .portrait-custom-slider-thumb{transform:translateY(-50%) scale(1.05);box-shadow:0 3px 8px #0006}.portrait-custom-slider:hover:not(.disabled) .portrait-slider-fill{box-shadow:0 0 8px #0891b24d}.portrait-arrow-control{display:flex;align-items:center;background:#0a0a0a;border:1px solid #333;border-radius:6px;overflow:hidden;height:40px;width:100%}.portrait-arrow-btn{background:transparent;border:none;color:#999;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px;padding:0}.portrait-arrow-btn:hover:not(:disabled){background:#1a1a1a;color:#0891b2}.portrait-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.portrait-value-display{flex:1;text-align:center;font-size:14px;font-weight:600;color:#fff;background:#1a1a1a;font-family:SF Mono,Monaco,monospace;padding:0 12px}.portrait-control-group{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:16px;overflow:hidden}.portrait-group-header{padding:12px 16px;background:#222;border-bottom:1px solid #333}.portrait-group-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ddd;margin:0}.portrait-group-content{padding:16px}.portrait-control-item{margin-bottom:16px}.portrait-control-item:last-child{margin-bottom:0}.portrait-control-label{margin-bottom:8px;font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.portrait-custom-slider *,.portrait-arrow-control *,.portrait-control-group *{transition:all .2s ease}.portrait-color-grid{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.portrait-color-button{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 2px 4px #0000004d}.portrait-color-button:hover{transform:scale(1.1);box-shadow:0 4px 8px #0006}.portrait-color-button.selected{border-color:#fff;transform:scale(1.15);box-shadow:0 0 0 2px #ffffff4d}.portrait-color-button:active{transform:scale(1.05)}.portrait-processing-status{background:linear-gradient(135deg,#1a1a1a 0%,#222 100%);border:1px solid #444;border-radius:8px;padding:16px;margin-top:20px}.portrait-processing-status h4{color:#0891b2;margin:0 0 12px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;padding:4px 0}.status-item:last-child{margin-bottom:0}.status-item span:first-child{color:#ccc;font-weight:500}.status-success{color:#10b981;font-weight:600;background:rgba(16,185,129,.1);padding:2px 8px;border-radius:4px;border:1px solid rgba(16,185,129,.3)}.status-pending{color:#f59e0b;font-weight:600;background:rgba(245,158,11,.1);padding:2px 8px;border-radius:4px;border:1px solid rgba(245,158,11,.3);animation:pulse 2s infinite}@media (max-width: 768px){.portrait-custom-slider{min-width:150px}.portrait-arrow-control{height:36px}.portrait-arrow-btn{width:36px;height:36px;font-size:14px}.portrait-color-button{width:24px;height:24px}}.portrait-custom-slider:focus-visible{outline:none;box-shadow:0 0 0 3px #0891b266}.portrait-custom-slider:focus-visible .portrait-custom-slider-thumb{box-shadow:0 0 0 2px #0891b299}.portrait-action-strip{display:flex;justify-content:center;align-items:center;background:#252525;padding:12px 25px;border-radius:6px;margin-bottom:20px;border:1px solid #333}.portrait-animate-button{padding:12px 32px;border:2px solid transparent;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.portrait-animate-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.portrait-animate-button:disabled{background:#333;color:#666;cursor:not-allowed;box-shadow:none}.portrait-upload-container{text-align:center;padding:20px;background:#2a2a2a;border-radius:8px;border:1px solid #444;margin-bottom:20px}.portrait-upload-button{width:100%;padding:10px 20px;border:1px solid #555;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;background:#333;color:#ccc;transition:all .2s ease;box-shadow:0 0 20px #0891b299,0 0 40px #0891b24d,0 0 60px #0891b21a}.portrait-upload-button:hover{background:#444;border-color:#0891b2;color:#fff;transform:translateY(-1px);box-shadow:0 0 25px #0891b2cc,0 0 50px #0891b280,0 0 80px #0891b233}.portrait-upload-button:disabled{background:#333;color:#666;border-color:#555;cursor:not-allowed;box-shadow:0 0 10px #0891b24d,0 0 20px #0891b21a;transform:none}.portrait-upload-info{color:#fff!important;font-size:.85rem!important;margin-top:15px!important;opacity:.9}.portrait-left-panel h3,.portrait-right-panel h3{color:#fff!important;margin-bottom:20px;font-size:1.1rem;font-weight:600}.portrait-right-panel .portrait-controls-section>div{white-space:nowrap}.portrait-desktop-only{display:block}.portrait-mobile-only{display:none}@media (max-width: 768px){.portrait-desktop-only{display:none!important}.portrait-mobile-only{display:block!important}}.portrait-mobile-upload-screen{min-height:100dvh;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);display:flex;flex-direction:column;padding:20px}.portrait-mobile-back-btn{color:#0ff;text-decoration:none;font-size:.9rem;padding:8px 0;align-self:flex-start}.portrait-mobile-upload-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;padding:20px}.portrait-mobile-logo{height:80px;width:auto;margin-bottom:10px}.portrait-mobile-upload-content h1{font-size:1.8rem;background:linear-gradient(90deg,#00bfff,#00ffff);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0;text-transform:uppercase;letter-spacing:2px}.portrait-mobile-upload-content p{color:#aaa;font-size:.9rem;margin:0}.portrait-mobile-upload-btn{background:linear-gradient(135deg,#0891b2,#06b6d4);border:none;color:#fff;padding:16px 48px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:20px;transition:transform .2s}.portrait-mobile-upload-btn:active{transform:scale(.98)}.portrait-mobile-upload-btn:disabled{opacity:.6;cursor:not-allowed}.portrait-mobile-examples-link{color:#f97316;text-decoration:none;font-size:.95rem;margin-top:12px}.portrait-mobile-upload-hint{color:#666;font-size:.8rem;max-width:280px;margin-top:20px}.portrait-mobile-canvas-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1a;overflow-y:auto;overflow-x:hidden}.portrait-mobile-canvas-container{width:100%;padding:60px 12px 120px;box-sizing:border-box}@media (max-width: 768px) and (orientation: portrait){.portrait-mobile-canvas-container .portrait-canvas-side.original{display:none!important}.portrait-mobile-canvas-container .portrait-canvas-side.processed{width:100%!important;flex:none!important}}.portrait-mobile-canvas-container .portrait-control-group{margin-top:16px}.portrait-mobile-floating-back{position:absolute;top:16px;left:16px;width:44px;height:44px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:100}.portrait-mobile-floating-upload{position:absolute;top:16px;right:16px;width:44px;height:44px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100}.portrait-mobile-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#4caf50;padding:12px 24px;border-radius:8px;font-size:.9rem;z-index:100}.portrait-mobile-error{position:absolute;top:70px;left:16px;right:16px;background:rgba(255,68,68,.9);color:#fff;padding:12px 16px;border-radius:8px;font-size:.85rem;z-index:100;text-align:center}.portrait-mobile-style-bar{position:absolute;bottom:90px;left:16px;right:16px;display:flex;gap:8px;justify-content:center;z-index:100}.portrait-mobile-style-btn{background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);color:#aaa;padding:10px 16px;border-radius:20px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.portrait-mobile-style-btn.active{background:rgba(8,145,178,.8);border-color:#0891b2;color:#fff}.portrait-mobile-style-btn:disabled{opacity:.5;cursor:not-allowed}.portrait-mobile-animate-btn{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;color:#fff;padding:14px 48px;border-radius:30px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;z-index:100}.portrait-mobile-animate-btn:active:not(:disabled){transform:translate(-50%) scale(.98)}.portrait-mobile-animate-btn:disabled{background:#444;color:#888;cursor:not-allowed}@media (max-width: 768px){[class*=modal],[class*=Modal]{z-index:1000!important}.modal-overlay,[class*=overlay],[class*=Overlay]{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1000!important}.modal-content,[class*=modal-content],[class*=ModalContent],[class*=modal-body],[class*=ModalBody]{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-height:85vh!important;max-width:92vw!important;overflow-y:auto!important;z-index:1001!important}}@media (max-width: 900px) and (orientation: landscape){.portrait-desktop-only{display:none!important}.portrait-mobile-only{display:block!important}.portrait-mobile-upload-screen{flex-direction:row;padding:16px}.portrait-mobile-back-btn{position:absolute;top:12px;left:12px}.portrait-mobile-upload-content{padding:10px;gap:12px}.portrait-mobile-logo{height:50px;margin-bottom:5px}.portrait-mobile-upload-content h1{font-size:1.4rem}.portrait-mobile-upload-btn{padding:12px 36px;font-size:1rem;margin-top:10px}.portrait-mobile-upload-hint{margin-top:10px;font-size:.75rem}.portrait-mobile-canvas-container{padding:50px 12px 100px}.portrait-mobile-floating-back,.portrait-mobile-floating-upload{width:38px;height:38px;font-size:1rem;top:8px}.portrait-mobile-floating-back{left:8px}.portrait-mobile-floating-upload{right:8px}.portrait-mobile-animate-btn{bottom:8px;padding:8px 28px;font-size:.8rem;letter-spacing:1px}.portrait-mobile-loading{padding:8px 16px;font-size:.8rem}.portrait-mobile-error{top:50px;left:50px;right:50px;padding:6px 10px;font-size:.75rem}.portrait-mobile-canvas-container .portrait-canvas-side.original{display:flex!important}}.email-signature-showcase{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;color:#fff;min-height:100vh;margin:0;padding:0;line-height:1.6;overflow-x:hidden}.email-signature-showcase{--primary: #9370db;--secondary: #00ffff;--accent: #ff6b6b;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #888;--bg-dark: #0a0a0a;--bg-card: #1a1a1a;--bg-hover: #252525;--border: #333;--border-light: #444;--gradient: linear-gradient(135deg, #9370db 0%, #00ffff 100%);--shadow: 0 8px 32px rgba(0, 0, 0, .3);--shadow-hover: 0 16px 64px rgba(147, 112, 219, .2)}.email-signature-header{background:linear-gradient(180deg,#1a1a1a 0%,#111 100%);border-bottom:1px solid var(--border);padding:30px 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.email-header-content{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.email-logo-section{display:flex;align-items:center;gap:20px}.email-header-logo{width:50px;height:50px;border-radius:12px;box-shadow:0 4px 16px #9370db4d}.email-brand-info h1{font-size:1.8rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.email-brand-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.email-header-actions{display:flex;gap:20px;align-items:center}.email-nav-link{background:rgba(0,255,255,.1);color:#0ff;text-decoration:none;padding:10px 18px;border:1px solid rgba(0,255,255,.3);border-radius:8px;font-weight:600;transition:all .3s ease;font-size:.95rem}.email-nav-link:hover{background:rgba(0,255,255,.2);border-color:#0ff;transform:translateY(-1px);color:#0ff}.email-signature-hero{padding:80px 40px;text-align:center;background:radial-gradient(ellipse at center,rgba(147,112,219,.1) 0%,transparent 70%)}.email-hero-content{max-width:800px;margin:0 auto}.email-hero-badge{display:inline-block;background:rgba(147,112,219,.2);color:var(--primary);padding:8px 24px;border-radius:30px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;border:1px solid var(--primary)}.email-signature-hero h2{font-size:3.5rem;font-weight:700;margin-bottom:20px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.3}.email-signature-hero p{font-size:1.3rem;color:var(--text-secondary);line-height:1.6;margin:0}.signature-category-nav{padding:40px 0;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.signature-category-tabs{max-width:1400px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.signature-category-tab{background:var(--bg-dark);border:2px solid var(--border);border-radius:16px;padding:24px 16px;cursor:pointer;transition:all .4s ease;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow:hidden}.signature-category-tab:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);transform:translate(-100%);transition:transform .4s ease}.signature-category-tab:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-hover)}.signature-category-tab:hover:before{transform:translate(0)}.signature-category-tab.active{background:linear-gradient(135deg,rgba(147,112,219,.15) 0%,rgba(0,255,255,.05) 100%);border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-hover)}.signature-category-tab.active:before{transform:translate(0)}.signature-tab-icon{font-size:2.5rem;line-height:1}.signature-tab-text{text-align:center;display:flex;flex-direction:column;gap:4px}.signature-tab-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.signature-tab-count{font-size:.8rem;color:var(--text-muted)}.signature-category-tab.active .signature-tab-name{color:var(--secondary)}.signature-category-tab.active .signature-tab-count{color:var(--text-secondary)}.email-signature-gallery{padding:80px 40px;max-width:1400px;margin:0 auto}.signature-gallery-header{text-align:center;margin-bottom:60px}.signature-gallery-header h3{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:15px}.signature-gallery-header p{font-size:1.1rem;color:var(--text-secondary);margin:0}.signature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:30px}.signature-card{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s ease;position:relative;animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(30px)}.signature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);transform:translate(-100%);transition:transform .4s ease;z-index:2}.signature-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:var(--shadow-hover)}.signature-card:hover:before{transform:translate(0)}.signature-image-wrapper{position:relative;padding:20px;background:#000}.signature-image{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 4px 12px #0000004d;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.signature-meta{padding:20px;text-align:center}.signature-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 6px}.signature-description{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.4}.email-signature-cta{background:var(--bg-card);border-top:1px solid var(--border);padding:80px 40px;text-align:center}.email-cta-content{max-width:800px;margin:0 auto}.email-signature-cta h3{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:20px}.email-signature-cta p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.6}.email-cta-button{background:var(--gradient);color:#000;padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;display:inline-block;transition:all .3s ease;margin:0 10px 10px 0}.email-cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #9370db66;text-decoration:none;color:#000}.email-cta-button-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--primary);padding:14px 32px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;display:inline-block;transition:all .3s ease;margin:0 10px 10px 0}.email-cta-button-secondary:hover{background:var(--primary);color:#000;transform:translateY(-2px);text-decoration:none}.signature-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.signature-modal-container{background:var(--bg-card);border:2px solid var(--border-light);border-radius:24px;max-width:800px;max-height:90vh;width:100%;overflow:hidden;box-shadow:0 25px 100px #00000080;position:relative}.signature-modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient)}.signature-modal-header{padding:30px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;background:var(--bg-dark)}.signature-modal-title-section h3{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin:0 0 10px}.signature-modal-meta{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.signature-platform-tag{background:var(--primary);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.signature-size-info{color:var(--text-secondary);font-size:.9rem;font-weight:500}.signature-modal-close{background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;line-height:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.signature-modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.signature-modal-body{padding:30px;overflow-y:auto;max-height:calc(90vh - 200px);display:flex;flex-direction:column;align-items:center}.signature-modal-image-container{background:#000;border-radius:16px;overflow:hidden;margin:0 auto 30px;box-shadow:var(--shadow);padding:20px;width:440px;display:flex;justify-content:center;align-items:center}.signature-modal-image{width:400px;height:100px;display:block;border-radius:8px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.signature-modal-actions{text-align:center}.signature-download-button{background:var(--gradient);color:#000;border:none;padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.signature-download-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #9370db66}.signature-modal-note{font-size:.9rem;color:var(--text-muted);margin:15px 0 0}.email-signature-footer{background:var(--bg-dark);border-top:1px solid var(--border);padding:40px;text-align:center}.email-footer-links{display:flex;justify-content:center;gap:30px}.email-footer-links button{background:none;border:none;color:var(--secondary);text-decoration:underline;cursor:pointer;font-size:.9rem;transition:all .2s ease}.email-footer-links button:hover{color:var(--text-primary)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.signature-category-tabs{grid-template-columns:repeat(3,1fr);gap:15px}.signature-grid{grid-template-columns:repeat(3,1fr);gap:25px}}@media (max-width: 768px){.email-header-content{flex-direction:column;gap:20px;padding:0 20px}.email-signature-hero{padding:60px 20px}.email-signature-hero h2{font-size:2.5rem}.signature-category-tabs{grid-template-columns:repeat(2,1fr);padding:0 20px;gap:15px}.signature-category-tab{padding:20px 12px}.signature-tab-icon{font-size:2.2rem}.signature-tab-name{font-size:1rem}.signature-tab-count{font-size:.75rem}.email-signature-gallery{padding:60px 20px}.signature-grid{grid-template-columns:repeat(2,1fr);gap:20px}.email-signature-cta{padding:60px 20px}.signature-modal-container{margin:10px}.signature-modal-header,.signature-modal-body{padding:20px}}@media (max-width: 480px){.signature-category-tabs{grid-template-columns:1fr;gap:12px}.signature-category-tab{padding:18px}.signature-tab-icon{font-size:2rem}.signature-grid{grid-template-columns:1fr;gap:20px}.email-footer-links{flex-direction:column;gap:15px}}:root{--qaf-primary: #00bfff;--qaf-primary-dark: #0080ff;--qaf-secondary: #00ffff;--qaf-success: #00ff88;--qaf-danger: #ff4444;--qaf-warning: #ffaa00;--qaf-quantum: #9370db;--qaf-bg-dark: #0a0a0a;--qaf-bg-medium: #1a1a1a;--qaf-bg-light: #2a2a2a;--qaf-bg-lighter: #3a3a3a;--qaf-text-primary: #ffffff;--qaf-text-secondary: #cccccc;--qaf-text-muted: #888888;--qaf-border: #333333;--qaf-border-light: #444444;--qaf-shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--qaf-shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--qaf-shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--qaf-shadow-glow: 0 0 30px rgba(147, 112, 219, .3);--qaf-radius-sm: 4px;--qaf-radius-md: 8px;--qaf-radius-lg: 12px;--qaf-radius-xl: 16px;--qaf-transition: all .3s ease}.qaf-wrapper{min-height:100vh;min-height:100dvh;background:var(--qaf-bg-dark);color:var(--qaf-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;flex-direction:column}.qaf-header{background:linear-gradient(180deg,var(--qaf-bg-medium) 0%,var(--qaf-bg-dark) 100%);border-bottom:1px solid var(--qaf-border);padding:12px 24px;position:sticky;top:0;z-index:100}.qaf-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;gap:24px}.qaf-header-left{display:flex;align-items:center;gap:16px;flex:1}.qaf-back-link,.qaf-verify-link{background:rgba(0,255,255,.1);border:1px solid #00ffff;color:#0ff;text-decoration:none;font-size:14px;padding:10px 20px;border-radius:8px;display:flex;align-items:center;gap:5px;font-weight:500;transition:var(--qaf-transition)}.qaf-back-link:hover,.qaf-verify-link:hover{background:rgba(0,255,255,.2);transform:translateY(-1px);box-shadow:0 4px 12px #00ffff4d}.qaf-header-title{text-align:center;flex:2}.qaf-header-title h1{font-size:1.8rem;font-weight:700;margin:0;background:linear-gradient(90deg,var(--qaf-quantum),var(--qaf-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.qaf-subtitle{font-size:.85rem;color:var(--qaf-text-secondary);margin:4px 0 0}.qaf-header-right{display:flex;align-items:center;justify-content:flex-end;flex:1}.qaf-logo{height:42px;width:auto;opacity:.9}.qaf-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:40px 24px}.qaf-container{width:100%;max-width:700px}.qaf-info-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,rgba(147,112,219,.15),rgba(0,255,255,.1));border:1px solid rgba(147,112,219,.3);border-radius:var(--qaf-radius-lg);padding:16px 20px;margin-bottom:32px}.qaf-info-icon{font-size:28px}.qaf-info-text{display:flex;flex-direction:column;gap:4px;flex:1}.qaf-info-text strong{color:var(--qaf-text-primary);font-size:14px}.qaf-info-text span{color:var(--qaf-text-secondary);font-size:12px}.qaf-info-price{font-size:24px;font-weight:800;color:var(--qaf-success);padding:8px 16px;background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);border-radius:var(--qaf-radius-md)}.qaf-status-message{background:rgba(255,170,0,.1);border:1px solid rgba(255,170,0,.3);border-radius:var(--qaf-radius-md);padding:12px 16px;margin-bottom:24px;color:var(--qaf-warning);font-size:14px;text-align:center}.qaf-dropzone{border:2px dashed rgba(147,112,219,.4);border-radius:var(--qaf-radius-xl);background:linear-gradient(135deg,var(--qaf-bg-medium) 0%,var(--qaf-bg-light) 100%);padding:60px 40px;text-align:center;cursor:pointer;transition:var(--qaf-transition);position:relative}.qaf-dropzone:hover,.qaf-dropzone-active{border-color:var(--qaf-quantum);background:linear-gradient(135deg,rgba(147,112,219,.1) 0%,var(--qaf-bg-light) 100%);box-shadow:var(--qaf-shadow-glow)}.qaf-dropzone-content{pointer-events:none}.qaf-dropzone-icon{font-size:64px;margin-bottom:16px;opacity:.8}.qaf-dropzone-title{font-size:24px;font-weight:600;color:var(--qaf-text-primary);margin:0 0 8px}.qaf-dropzone-subtitle{font-size:14px;color:var(--qaf-text-muted);margin:0 0 20px}.qaf-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.qaf-supported-types{font-size:12px;color:var(--qaf-text-muted);padding:8px 16px;background:rgba(0,0,0,.3);border-radius:20px;display:inline-block}.qaf-file-preview{background:var(--qaf-bg-medium);border:1px solid var(--qaf-border);border-radius:var(--qaf-radius-lg);padding:24px}.qaf-file-info{display:flex;align-items:center;gap:16px;margin-bottom:24px}.qaf-file-icon{font-size:48px}.qaf-file-details{flex:1}.qaf-file-name{font-size:16px;font-weight:600;color:var(--qaf-text-primary);word-break:break-all}.qaf-file-size{font-size:13px;color:var(--qaf-text-muted);margin-top:4px}.qaf-file-remove{width:36px;height:36px;border-radius:50%;border:1px solid var(--qaf-danger);background:transparent;color:var(--qaf-danger);font-size:18px;font-weight:300;cursor:pointer;transition:var(--qaf-transition);display:flex;align-items:center;justify-content:center;line-height:1;padding:0 0 2px}.qaf-file-remove:hover:not(:disabled){background:var(--qaf-danger);color:#fff}.qaf-file-remove:disabled{opacity:.5;cursor:not-allowed}.qaf-sign-btn{width:100%;padding:18px 32px;font-size:16px;font-weight:700;border:none;border-radius:var(--qaf-radius-md);background:linear-gradient(135deg,var(--qaf-quantum),#7b5fc7);color:#fff;cursor:pointer;transition:var(--qaf-transition);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 20px #9370db66}.qaf-sign-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #9370db99}.qaf-sign-btn:disabled{opacity:.8;cursor:not-allowed;transform:none}.qaf-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:qaf-spin .8s linear infinite}@keyframes qaf-spin{to{transform:rotate(360deg)}}.qaf-uploading{background:var(--qaf-bg-medium);border:1px solid rgba(147,112,219,.3);border-radius:var(--qaf-radius-lg);padding:60px 40px;text-align:center}.qaf-uploading-spinner{width:60px;height:60px;border:3px solid rgba(147,112,219,.2);border-top-color:var(--qaf-quantum);border-radius:50%;animation:qaf-spin 1s linear infinite;margin:0 auto 24px}.qaf-uploading-title{font-size:22px;font-weight:600;color:var(--qaf-text-primary);margin:0 0 12px}.qaf-uploading-message{font-size:14px;color:var(--qaf-text-secondary);margin:0}.qaf-error{background:rgba(255,68,68,.1);border:1px solid rgba(255,68,68,.3);border-radius:var(--qaf-radius-lg);padding:32px;text-align:center}.qaf-error-icon{font-size:48px;margin-bottom:16px}.qaf-error-message{font-size:14px;color:var(--qaf-danger);margin-bottom:20px}.qaf-retry-btn{padding:12px 32px;font-size:14px;font-weight:600;border:1px solid var(--qaf-danger);border-radius:var(--qaf-radius-md);background:transparent;color:var(--qaf-danger);cursor:pointer;transition:var(--qaf-transition)}.qaf-retry-btn:hover{background:var(--qaf-danger);color:#fff}.qaf-how-it-works{margin-top:40px;padding:24px;background:var(--qaf-bg-medium);border:1px solid var(--qaf-border);border-radius:var(--qaf-radius-lg)}.qaf-how-it-works h3{font-size:18px;font-weight:600;color:var(--qaf-text-primary);margin:0 0 20px;text-align:center}.qaf-steps{display:flex;flex-direction:column;gap:16px}.qaf-step{display:flex;align-items:flex-start;gap:16px}.qaf-step-number{width:32px;height:32px;background:linear-gradient(135deg,var(--qaf-quantum),#7b5fc7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.qaf-step-text{font-size:14px;color:var(--qaf-text-secondary);line-height:1.5;padding-top:5px}.qaf-footer{background:var(--qaf-bg-medium);border-top:1px solid var(--qaf-border);padding:16px 24px}.qaf-footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:center}.qaf-security-badges{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.qaf-badge{font-size:11px;font-weight:600;color:var(--qaf-text-secondary);background:var(--qaf-bg-light);padding:6px 12px;border-radius:20px;border:1px solid var(--qaf-border)}.qaf-mobile-blocker{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;background:#000000;z-index:99999;flex-direction:column;align-items:center;justify-content:center;padding:32px;box-sizing:border-box;text-align:center}.qaf-mobile-blocker-icon{font-size:48px;margin-bottom:24px}.qaf-mobile-blocker-title{color:#fff;font-size:22px;font-weight:700;margin:0 0 16px}.qaf-mobile-blocker-message{color:#ccc;font-size:16px;line-height:1.6;margin:0;max-width:320px}@media (max-width: 480px){.qaf-wrapper{display:none!important}.qaf-mobile-blocker{display:flex}}@media (max-height: 480px){.qaf-wrapper{display:none!important}.qaf-mobile-blocker{display:flex}}@media (max-width: 768px){.qaf-header-content{flex-wrap:wrap;gap:12px}.qaf-header-left{order:1;flex:1}.qaf-header-title{order:3;flex:100%;margin-top:8px}.qaf-header-right{order:2}.qaf-header-title h1{font-size:1.4rem}.qaf-back-link,.qaf-verify-link{padding:8px 14px;font-size:12px}.qaf-dropzone{padding:40px 24px}.qaf-dropzone-icon{font-size:48px}.qaf-dropzone-title{font-size:20px}.qaf-info-banner{flex-wrap:wrap}.qaf-info-price{width:100%;text-align:center;margin-top:12px}}.qaf-value-prop{text-align:center;margin-bottom:30px;padding:30px;background:linear-gradient(135deg,rgba(0,255,136,.05),rgba(0,200,255,.05));border:1px solid rgba(0,255,136,.2);border-radius:16px}.qaf-value-prop h2{font-size:28px;font-weight:700;margin:0 0 16px;background:linear-gradient(90deg,#00ff88,#00c8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qaf-value-prop p{font-size:16px;line-height:1.7;color:#b0b0b0;max-width:700px;margin:0 auto}.qaf-why-section{margin-top:50px;padding:40px 30px;background:#0a0a0a;border-radius:16px;border:1px solid #222}.qaf-why-section h3{text-align:center;font-size:24px;font-weight:700;margin:0 0 30px;color:#fff}.qaf-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.qaf-why-item{padding:24px;background:#111;border-radius:12px;border:1px solid #222}.qaf-why-icon{font-size:32px;margin-bottom:12px}.qaf-why-item h4{font-size:16px;font-weight:700;margin:0 0 10px;color:#0f8}.qaf-why-item p{font-size:14px;line-height:1.6;color:#888;margin:0}.qaf-use-cases{margin-top:40px;text-align:center}.qaf-use-cases h3{font-size:20px;font-weight:700;margin:0 0 20px;color:#fff}.qaf-use-case-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.qaf-use-case-list span{padding:10px 20px;background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);border-radius:20px;font-size:14px;color:#0f8}.qaf-footer-tagline{margin-top:16px;font-size:14px;color:#666;text-align:center}@media (max-width: 768px){.qaf-value-prop h2{font-size:22px}.qaf-value-prop p{font-size:14px}.qaf-why-grid{grid-template-columns:1fr}.qaf-use-case-list span{font-size:12px;padding:8px 16px}}.qaf-verify-failed{background:#111111;border:2px solid #ff3333;border-radius:16px;padding:40px;text-align:center}.qaf-verify-failed-icon{font-size:48px;margin-bottom:16px}.qaf-verify-failed-title{color:#f33;font-size:28px;font-weight:700;margin:0 0 12px}.qaf-verify-failed-subtitle{color:#999;font-size:14px;margin:0 0 30px;line-height:1.5}.qaf-verify-failed-details{background:#1a1a1a;border:1px solid #333333;border-radius:12px;padding:24px;margin-bottom:24px;text-align:left}.qaf-verify-failed-row{margin-bottom:16px}.qaf-verify-failed-row:last-child{margin-bottom:0}.qaf-verify-failed-label{color:#f66;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:6px}.qaf-verify-failed-value{background:#0d0d0d;color:#ccc;border:1px solid #222222;padding:12px 16px;border-radius:8px;font-family:monospace;font-size:13px;word-break:break-all}.qaf-verify-failed-mismatch{color:#f33!important;font-weight:600}.qaf-verify-failed-btn{background:transparent;border:2px solid #ff3333;color:#f33;padding:14px 32px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.qaf-verify-failed-btn:hover{background:#ff3333;color:#fff}.qaf-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qaf-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;width:100%;max-width:420px;position:relative;box-shadow:0 20px 60px #0009,0 0 40px #9370db33}.qaf-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:1px solid #555;background:#333;color:#aaa;font-size:18px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 0 2px;transition:all .2s ease;z-index:10}.qaf-modal-close:hover{background:#ff4444;border-color:#f44;color:#fff}.qaf-modal-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid #2a2a2a}.qaf-modal-icon{font-size:48px;margin-bottom:12px}.qaf-modal-title{font-size:20px;font-weight:700;color:#fff;margin:0;background:linear-gradient(90deg,#9370db,#00ffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qaf-modal-body{padding:20px 24px 24px}.qaf-modal-file-info{display:flex;align-items:center;gap:12px;background:#252525;border:1px solid #333;border-radius:10px;padding:12px 16px;margin-bottom:20px}.qaf-modal-file-icon{font-size:32px}.qaf-modal-file-details{flex:1;min-width:0}.qaf-modal-file-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qaf-modal-file-size{font-size:12px;color:#888;margin-top:2px}.qaf-modal-price-section{text-align:center;margin-bottom:20px}.qaf-modal-price{font-size:36px;font-weight:800;color:#0f8;letter-spacing:-1px}.qaf-modal-price-label{font-size:12px;color:#888;margin-top:4px}.qaf-modal-features{background:#151515;border:1px solid #333;border-radius:10px;padding:16px;margin-bottom:20px}.qaf-modal-feature{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:#fff}.qaf-modal-feature:not(:last-child){border-bottom:1px solid #252525}.qaf-feature-icon{color:#0f8;font-weight:700;font-size:14px}.qaf-modal-providers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.qaf-modal-provider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;background:#252525;border:2px solid #333;border-radius:10px;cursor:pointer;transition:all .2s ease}.qaf-modal-provider:hover:not(:disabled){border-color:#555;background:#2a2a2a}.qaf-modal-provider.active{border-color:var(--provider-color, #9370db);background:rgba(147,112,219,.1);box-shadow:0 0 20px #9370db33}.qaf-modal-provider:disabled{opacity:.5;cursor:not-allowed}.qaf-provider-icon{font-size:24px}.qaf-provider-name{font-size:13px;font-weight:600;color:#fff}.qaf-modal-error{background:rgba(255,68,68,.1);border:1px solid rgba(255,68,68,.3);border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:13px;color:#f66;display:flex;align-items:center;gap:8px}.qaf-modal-pay-btn{width:100%;padding:16px 24px;font-size:16px;font-weight:700;border:none;border-radius:10px;background:linear-gradient(135deg,#9370db,#7b5fc7);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 20px #9370db66}.qaf-modal-pay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #9370db99}.qaf-modal-pay-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.qaf-modal-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:qaf-modal-spin .8s linear infinite}@keyframes qaf-modal-spin{to{transform:rotate(360deg)}}.qaf-modal-security-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:12px;color:#666}.qaf-modal-privacy-note{margin-top:12px;padding:12px;background:rgba(147,112,219,.1);border-radius:8px;font-size:11px;color:#999;text-align:center;line-height:1.5}@media (max-width: 480px){.qaf-modal{max-width:100%;margin:10px;border-radius:12px}.qaf-modal-header{padding:20px 20px 14px}.qaf-modal-body{padding:16px 20px 20px}.qaf-modal-price{font-size:32px}.qaf-modal-providers{grid-template-columns:1fr 1fr;gap:10px}}:root,[data-theme=dark]{--bg-base: #0d0d0d;--bg-surface: #141414;--bg-elevated: #1a1a1a;--bg-hover: #222222;--bg-active: #2a2a2a;--border-default: #333333;--border-hover: #444444;--border-active: #555555;--text-primary: #ffffff;--text-secondary: #f0f0f0;--text-muted: #cccccc;--text-faint: #ffffff;--accent-primary: #9370db;--accent-primary-hover: #a080e8;--accent-primary-soft: rgba(147, 112, 219, .18);--accent-secondary: #00d4aa;--accent-secondary-hover: #00e8bb;--accent-secondary-soft: rgba(0, 212, 170, .18);--status-success: #00d4aa;--status-warning: #f5a623;--status-error: #e74c3c;--status-info: #5dade2;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 24px rgba(0,0,0,.6);--gradient-primary: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--gradient-card-1: linear-gradient(135deg, #1a1a2e, #2d2d4a);--gradient-card-2: linear-gradient(135deg, #1a2e1a, #2d4a2d);--gradient-card-3: linear-gradient(135deg, #2e1a1a, #4a2d2d)}[data-theme=light]{--bg-base: #f5f5f5;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-hover: #f0f0f0;--bg-active: #e8e8e8;--border-default: #e0e0e0;--border-hover: #d0d0d0;--border-active: #c0c0c0;--text-primary: #141414;--text-secondary: #252525;--text-muted: #3d3d3d;--text-faint: #4d4d4d;--accent-primary: #7b5fc7;--accent-primary-hover: #6a4fb8;--accent-primary-soft: rgba(123, 95, 199, .12);--accent-secondary: #00a88a;--accent-secondary-hover: #009078;--accent-secondary-soft: rgba(0, 168, 138, .12);--status-success: #00a88a;--status-warning: #e09000;--status-error: #d63031;--status-info: #2980b9;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--gradient-primary: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--gradient-card-1: linear-gradient(135deg, #e8e8f0, #d0d0e0);--gradient-card-2: linear-gradient(135deg, #e8f0e8, #d0e0d0);--gradient-card-3: linear-gradient(135deg, #f0e8e8, #e0d0d0)}[data-theme=sepia]{--bg-base: #f4ecd8;--bg-surface: #fdf8ee;--bg-elevated: #fffcf5;--bg-hover: #ebe3cf;--bg-active: #e0d8c4;--border-default: #d5cdb8;--border-hover: #c5bda8;--border-active: #b5ad98;--text-primary: #2c2416;--text-secondary: #3d3428;--text-muted: #524a3a;--text-faint: #6a6050;--accent-primary: #8b6914;--accent-primary-hover: #7a5c12;--accent-primary-soft: rgba(139, 105, 20, .15);--accent-secondary: #2e7d5a;--accent-secondary-hover: #266b4d;--accent-secondary-soft: rgba(46, 125, 90, .15);--status-success: #2e7d5a;--status-warning: #b8860b;--status-error: #a0522d;--status-info: #4682b4;--shadow-sm: 0 1px 3px rgba(61,52,40,.1);--shadow-md: 0 4px 12px rgba(61,52,40,.12);--shadow-lg: 0 8px 24px rgba(61,52,40,.15);--gradient-primary: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--gradient-card-1: linear-gradient(135deg, #e8e0c8, #d8d0b8);--gradient-card-2: linear-gradient(135deg, #d8e8d0, #c8d8c0);--gradient-card-3: linear-gradient(135deg, #e8d8c8, #d8c8b8)}[data-theme=high-contrast]{--bg-base: #000000;--bg-surface: #0a0a0a;--bg-elevated: #111111;--bg-hover: #1a1a1a;--bg-active: #222222;--border-default: #555555;--border-hover: #777777;--border-active: #999999;--text-primary: #ffffff;--text-secondary: #ffffff;--text-muted: #e0e0e0;--text-faint: #cccccc;--accent-primary: #bb99ff;--accent-primary-hover: #ccaaff;--accent-primary-soft: rgba(187, 153, 255, .25);--accent-secondary: #00ffcc;--accent-secondary-hover: #33ffdd;--accent-secondary-soft: rgba(0, 255, 204, .25);--status-success: #00ff88;--status-warning: #ffcc00;--status-error: #ff4444;--status-info: #44aaff;--shadow-sm: 0 1px 3px rgba(0,0,0,.6);--shadow-md: 0 4px 12px rgba(0,0,0,.7);--shadow-lg: 0 8px 24px rgba(0,0,0,.8);--gradient-primary: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--gradient-card-1: linear-gradient(135deg, #1a1a2e, #2d2d4a);--gradient-card-2: linear-gradient(135deg, #1a2e1a, #2d4a2d);--gradient-card-3: linear-gradient(135deg, #2e1a1a, #4a2d2d)}.lms-app *,.lms-app *:before,.lms-app *:after{margin:0;padding:0;box-sizing:border-box}.lms-app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg-base);color:var(--text-secondary);min-height:100vh;transition:background .3s ease,color .3s ease;line-height:1.5;font-size:16px}.lms-app ::-webkit-scrollbar{width:8px;height:8px}.lms-app ::-webkit-scrollbar-track{background:var(--bg-surface)}.lms-app ::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}.lms-app ::-webkit-scrollbar-thumb:hover{background:var(--border-active)}.lms-app .text-primary{color:var(--text-primary)}.lms-app .text-secondary{color:var(--text-secondary)}.lms-app .text-muted{color:var(--text-muted)}.lms-app .text-faint{color:var(--text-faint)}.lms-app .text-accent{color:var(--accent-secondary)}.lms-app .text-purple{color:var(--accent-primary)}.lms-app .text-success{color:var(--status-success)}.lms-app .text-warning{color:var(--status-warning)}.lms-app .text-error{color:var(--status-error)}.lms-app .bg-base{background:var(--bg-base)}.lms-app .bg-surface{background:var(--bg-surface)}.lms-app .bg-elevated{background:var(--bg-elevated)}.lms-app .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--accent-secondary);border:none;border-radius:8px;color:var(--bg-base);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.lms-app .btn-primary:hover{background:var(--accent-secondary-hover);transform:translateY(-1px)}.lms-app .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.lms-app .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid var(--border-hover);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.lms-app .btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-active)}.lms-app .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.lms-app .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border-default);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.lms-app .btn-icon:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-secondary)}.lms-app .form-input,.lms-app .form-select,.lms-app .form-textarea{width:100%;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:14px;transition:all .2s ease}.lms-app .form-input:focus,.lms-app .form-select:focus,.lms-app .form-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft)}.lms-app .form-input::placeholder,.lms-app .form-textarea::placeholder{color:var(--text-faint)}.lms-app .form-label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--text-secondary)}.lms-app .form-sublabel{font-size:12px;color:var(--text-faint);margin-bottom:12px}.lms-app .card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:20px;transition:all .2s ease}.lms-app .card:hover{border-color:var(--border-hover)}.lms-app .card-elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.lms-app .badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.lms-app .badge-success{background:var(--accent-secondary-soft);color:var(--accent-secondary)}.lms-app .badge-warning{background:color-mix(in srgb,var(--status-warning) 15%,transparent);color:var(--status-warning)}.lms-app .badge-error{background:color-mix(in srgb,var(--status-error) 15%,transparent);color:var(--status-error)}.lms-app .badge-primary{background:var(--accent-primary-soft);color:var(--accent-primary)}.lms-app .badge-muted{background:var(--bg-hover);color:var(--text-muted)}.lms-app .progress-bar-bg{height:8px;background:var(--bg-hover);border-radius:4px;overflow:hidden}.lms-app .progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .3s ease}@keyframes lms-spin{to{transform:rotate(360deg)}}@keyframes lms-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes lms-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes lms-pulse{0%,to{opacity:1}50%{opacity:.5}}.lms-app .spinner{width:32px;height:32px;border:3px solid var(--border-default);border-top-color:var(--accent-secondary);border-radius:50%;animation:lms-spin .8s linear infinite}.lms-app .fade-in{animation:lms-fadeIn .3s ease}.lms-app .slide-up{animation:lms-slideUp .3s ease}.lms-top-nav{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:12px}.nav-brand-icon{width:32px;height:32px;background:var(--gradient-primary);border-radius:8px}.nav-brand-text{font-size:18px;font-weight:600;color:var(--text-primary)}.nav-brand-text span{color:var(--accent-secondary)}.nav-links{display:flex;gap:8px}.nav-link{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover);text-decoration:none}.nav-link.active{color:var(--accent-secondary);background:var(--accent-secondary-soft)}.nav-user{display:flex;align-items:center;gap:12px}.user-badge{padding:4px 10px;background:var(--accent-primary-soft);border-radius:4px;font-size:11px;font-weight:600;color:var(--accent-primary);text-transform:uppercase}.user-avatar{width:36px;height:36px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-primary)}.user-name{font-size:14px;color:var(--text-secondary)}.nav-theme-switcher{position:relative}.theme-trigger{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.theme-trigger:hover{background:var(--bg-hover);border-color:var(--border-hover)}.theme-label{font-weight:600}.theme-dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.theme-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:180px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:8px;box-shadow:var(--shadow-lg);z-index:1000}.theme-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s;text-align:left}.theme-option:hover{background:var(--bg-hover)}.theme-option.active{background:var(--accent-primary-soft);color:var(--text-primary)}.theme-preview{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.theme-name{flex:1}.theme-check{color:var(--accent-primary);font-size:14px}.lms-layout{min-height:100vh;background:var(--bg-base)}.lms-main-wrapper{display:flex;min-height:calc(100vh - 60px)}.lms-sidebar{width:240px;background:var(--bg-surface);border-right:1px solid var(--border-default);padding:20px 0;flex-shrink:0;overflow-y:auto;position:sticky;top:60px;height:calc(100vh - 60px)}.lms-sidebar.collapsed{width:70px}.sidebar-section{margin-bottom:24px}.sidebar-label{padding:0 20px;margin-bottom:8px;font-size:11px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 20px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.sidebar-item:hover{color:var(--text-primary);background:var(--bg-hover);text-decoration:none}.sidebar-item.active{color:var(--accent-secondary);background:var(--accent-secondary-soft);border-right:3px solid var(--accent-secondary)}.sidebar-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.sidebar-text{flex:1}.lms-sidebar.collapsed .sidebar-label,.lms-sidebar.collapsed .sidebar-text{display:none}.lms-sidebar.collapsed .sidebar-item{justify-content:center;padding:12px}.lms-content{flex:1;padding:24px;overflow-x:hidden}.lms-content.full-width{max-width:100%}.lms-content-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:20px}.content-header-left{display:flex;align-items:flex-start;gap:16px}.back-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .2s}.back-button:hover{background:var(--bg-hover);color:var(--text-secondary)}.content-header-titles{display:flex;flex-direction:column;gap:4px}.content-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.content-subtitle{font-size:14px;color:var(--text-muted);margin:0}.content-header-actions{display:flex;gap:12px;align-items:center}.lms-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.lms-stat-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:20px}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-label{font-size:13px;color:var(--text-muted)}.stat-trend{font-size:12px;font-weight:600}.stat-trend.up{color:var(--status-success)}.stat-trend.down{color:var(--status-error)}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary)}.stat-value.accent{color:var(--accent-secondary)}.stat-value.purple{color:var(--accent-primary)}.stat-value.warning{color:var(--status-warning)}.stat-value.success{color:var(--status-success)}.stat-sub{font-size:12px;color:var(--text-faint);margin-top:4px}.lms-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.section-link,.section-link-btn{font-size:13px;color:var(--accent-primary);text-decoration:none;background:none;border:none;cursor:pointer;transition:color .2s}.section-link:hover,.section-link-btn:hover{color:var(--accent-primary-hover);text-decoration:underline}@media (max-width: 768px){.lms-top-nav{padding:0 16px}.nav-brand-text{display:none}.nav-links{gap:4px}.nav-link{padding:8px 12px;font-size:13px}.user-badge,.user-name,.lms-sidebar{display:none}.lms-content{padding:16px}.lms-content-header{flex-direction:column;gap:16px}.content-header-actions{width:100%}.lms-stats-row{grid-template-columns:1fr 1fr}.theme-dropdown{right:-50px}}@media (max-width: 480px){.lms-stats-row{grid-template-columns:1fr}}.td-error-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:color-mix(in srgb,var(--status-error) 15%,transparent);border:1px solid var(--status-error);border-radius:8px;color:var(--status-error);margin-bottom:24px;font-size:14px}.td-error-banner button{background:none;border:none;color:var(--status-error);font-size:18px;cursor:pointer;padding:0 4px}.td-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.td-loading-state p{color:var(--text-muted);font-size:14px}.td-two-col{display:grid;grid-template-columns:1fr 360px;gap:24px;margin-bottom:32px}@media (max-width: 1200px){.td-two-col{grid-template-columns:1fr}}.td-courses-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:20px}.td-courses-table{margin-top:8px}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 80px;gap:16px;padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-default)}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 80px;gap:16px;padding:16px;align-items:center;border-bottom:1px solid var(--border-default);transition:background .2s ease}.course-cell{display:flex;align-items:center;gap:12px}.course-icon{width:40px;height:40px;background:var(--gradient-card-2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-faint)}.course-name{font-size:14px;font-weight:500;color:var(--text-primary)}.course-code{font-size:12px;color:var(--text-faint);font-family:monospace}.cell-value{font-size:14px;color:var(--text-secondary);font-weight:500}.status-badge{display:inline-flex;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:capitalize}.status-badge.active{background:var(--accent-secondary-soft);color:var(--accent-secondary)}.status-badge.draft{background:var(--bg-hover);color:var(--text-muted)}.status-badge.archived{background:color-mix(in srgb,var(--status-error) 15%,transparent);color:var(--status-error)}.action-btn{padding:6px 14px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.td-activity-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:20px}.panel-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.student-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-default)}.student-item:last-of-type{border-bottom:none}.student-avatar{width:36px;height:36px;background:var(--bg-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-muted);flex-shrink:0}.student-info{flex:1;min-width:0}.student-course{font-size:12px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-score{font-size:14px;font-weight:600;padding:4px 10px;border-radius:4px}.student-score.high{background:var(--accent-secondary-soft);color:var(--accent-secondary)}.student-score.medium{background:color-mix(in srgb,var(--status-warning) 15%,transparent);color:var(--status-warning)}.student-score.low{background:color-mix(in srgb,var(--status-error) 15%,transparent);color:var(--status-error)}.panel-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-default)}.panel-stat{text-align:center}.panel-stat-value{font-size:24px;font-weight:700;color:var(--accent-secondary)}.panel-stat-label{font-size:12px;color:var(--text-faint);margin-top:4px}.td-alerts-section{margin-top:8px}.alert-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;margin-bottom:12px;transition:all .2s ease}.alert-card:hover{border-color:var(--border-hover)}.alert-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.alert-icon.warning{background:color-mix(in srgb,var(--status-warning) 15%,transparent);color:var(--status-warning)}.alert-icon.info{background:var(--accent-primary-soft);color:var(--accent-primary)}.alert-icon.error{background:color-mix(in srgb,var(--status-error) 15%,transparent);color:var(--status-error)}.alert-content{flex:1}.alert-title{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.alert-desc{font-size:13px;color:var(--text-muted)}.alert-action{padding:8px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.alert-action:hover{background:var(--bg-hover);border-color:var(--border-hover)}.td-empty-state{text-align:center;padding:48px 24px}.td-empty-icon{font-size:48px;margin-bottom:16px}.td-empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.td-empty-state p{font-size:14px;color:var(--text-muted);margin-bottom:20px}.td-subscription-prompt{max-width:480px;margin:60px auto;text-align:center;padding:40px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px}.td-prompt-icon{font-size:64px;margin-bottom:24px}.td-subscription-prompt h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.td-subscription-prompt>p{font-size:15px;color:var(--text-muted);line-height:1.6;margin-bottom:32px}.td-subscription-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;text-align:left}.td-feature{display:flex;align-items:center;gap:10px}.td-feature-icon{font-size:20px}.td-feature-text{font-size:14px;color:var(--text-secondary)}.td-subscription-price{margin-bottom:24px}.td-price{font-size:36px;font-weight:700;color:var(--text-primary)}.td-period{font-size:16px;color:var(--text-muted)}.td-subscribe-btn{width:100%;padding:14px 24px;font-size:16px}.td-terms{margin-top:16px;font-size:12px;color:var(--text-faint)}.td-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--bg-base) 90%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.td-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;padding:32px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.td-modal h2{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:24px}.td-form-group{margin-bottom:20px}.td-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.td-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-default)}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:1fr auto auto}.table-header span:nth-child(2),.table-header span:nth-child(3),.table-row>div:nth-child(2),.table-row>div:nth-child(3){display:none}.td-form-row,.td-subscription-features{grid-template-columns:1fr}.td-modal{padding:24px}}.cb-page{min-height:100vh;background:var(--bg-base);color:var(--text-primary);display:flex;flex-direction:column}.cb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--text-muted)}.cb-loading .spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.cb-top-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:100}.nav-left{display:flex;align-items:center;gap:20px}.back-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-muted);font-size:13px;text-decoration:none;transition:all .2s}.back-btn:hover{background:var(--bg-hover);color:var(--text-secondary);text-decoration:none}.course-title-edit{display:flex;flex-direction:column;gap:4px}.course-title-input{font-size:18px;font-weight:600;color:var(--text-primary);background:transparent;border:none;padding:4px 0;width:300px}.course-title-input:focus{outline:none;border-bottom:2px solid var(--accent-primary)}.status-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.status-dot.saving{background:var(--status-warning);animation:pulse 1s ease-in-out infinite}.status-dot.saved{background:var(--status-success)}.status-dot.unpublished{background:var(--status-warning)}.status-dot.published{background:var(--status-success)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nav-right{display:flex;align-items:center;gap:12px}.btn-secondary,.btn-primary{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);text-decoration:none}.btn-primary{background:var(--accent-secondary);border:1px solid var(--accent-secondary);color:var(--bg-base)}.btn-primary:hover:not(:disabled){background:var(--accent-secondary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.success{background:var(--status-success);border-color:var(--status-success)}.cb-error-banner,.cb-success-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;font-size:14px}.cb-error-banner{background:color-mix(in srgb,var(--status-error) 10%,transparent);border-bottom:1px solid var(--status-error);color:var(--status-error)}.cb-success-banner{background:color-mix(in srgb,var(--status-success) 10%,transparent);border-bottom:1px solid var(--status-success);color:var(--status-success)}.cb-error-banner button,.cb-success-banner button{background:none;border:none;font-size:18px;cursor:pointer;opacity:.7;color:inherit}.cb-error-banner button:hover,.cb-success-banner button:hover{opacity:1}.cb-layout{display:flex;flex:1;overflow:hidden}.cb-modules-panel{width:280px;background:var(--bg-surface);border-right:1px solid var(--border-default);display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-default)}.panel-header h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.add-btn{padding:6px 12px;background:var(--accent-primary-soft);border:none;border-radius:6px;color:var(--accent-primary);font-size:12px;font-weight:500;cursor:pointer}.add-btn:hover{background:var(--accent-primary);color:var(--text-primary)}.modules-list{flex:1;overflow-y:auto;padding:12px 0}.module{margin-bottom:4px}.module-header{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;transition:background .2s}.module-header:hover{background:var(--bg-hover)}.module-drag{color:var(--text-faint);cursor:grab}.module-expand{font-size:10px;color:var(--text-faint);transition:transform .2s}.module-header.expanded .module-expand{transform:rotate(90deg)}.module-info{flex:1;min-width:0}.module-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-meta{font-size:12px;color:var(--text-faint)}.module-actions{opacity:0;transition:opacity .2s}.module-header:hover .module-actions{opacity:1}.icon-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);font-size:14px}.icon-btn:hover{color:var(--text-primary)}.lessons-list{padding-left:24px}.lesson-item{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;border-radius:6px;margin:2px 8px 2px 0;transition:all .2s}.lesson-item:hover{background:var(--bg-hover)}.lesson-item.active{background:var(--accent-primary-soft)}.lesson-drag{color:var(--text-faint);font-size:12px;cursor:grab}.lesson-icon{width:24px;height:24px;background:var(--bg-elevated);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-muted)}.lesson-item.active .lesson-icon{background:var(--accent-primary);color:var(--text-primary)}.lesson-name{flex:1;font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-item.active .lesson-name{color:var(--text-primary);font-weight:500}.lesson-status{font-size:14px;color:var(--text-faint)}.add-lesson-btn,.add-module-btn{width:calc(100% - 16px);margin:8px;padding:10px;background:transparent;border:1px dashed var(--border-default);border-radius:8px;color:var(--text-muted);font-size:13px;cursor:pointer}.add-lesson-btn:hover,.add-module-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.cb-editor-panel{flex:1;overflow-y:auto;padding:24px;background:var(--bg-base)}.editor-header{margin-bottom:24px}.editor-breadcrumb{font-size:13px;color:var(--text-muted);margin-bottom:8px}.editor-breadcrumb span{margin:0 8px;color:var(--text-faint)}.editor-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.editor-content{max-width:800px}.form-section{margin-bottom:32px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-sublabel{font-size:13px;color:var(--text-muted);margin-bottom:12px}.form-input{width:100%;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;font-size:14px;color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft)}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.reference-upload{background:var(--bg-surface);border:2px dashed var(--border-default);border-radius:12px;padding:32px;text-align:center}.upload-icon{font-size:32px;margin-bottom:12px}.upload-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.upload-desc{font-size:13px;color:var(--text-muted);margin-bottom:16px}.upload-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--accent-primary);border:none;border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer}.upload-btn:hover{background:var(--accent-primary-hover)}.reference-list{margin-top:16px}.reference-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;margin-bottom:8px}.reference-preview{width:48px;height:48px;background:var(--bg-elevated);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-faint)}.reference-info{flex:1}.reference-name{font-size:14px;font-weight:500;color:var(--text-primary)}.reference-meta{font-size:12px;color:var(--text-muted)}.reference-actions{display:flex;gap:4px}.no-lesson-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted)}.no-lesson-selected p{font-size:16px;margin:0 0 8px}.no-lesson-selected .hint{font-size:14px;color:var(--text-faint)}.cb-settings-panel{width:320px;background:var(--bg-surface);border-left:1px solid var(--border-default);overflow-y:auto;padding:20px}.settings-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-default)}.settings-section:last-child{border-bottom:none;padding-bottom:0}.settings-title{font-size:12px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.toggle-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.toggle{width:44px;height:24px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;cursor:pointer;position:relative;transition:all .2s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-faint);border-radius:50%;transition:all .2s}.toggle.active{background:var(--accent-secondary);border-color:var(--accent-secondary)}.toggle.active:after{left:calc(100% - 20px);background:var(--bg-base)}.form-group{margin-bottom:12px}.number-input-row{display:flex;align-items:center;gap:8px}.number-input{width:80px;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;font-size:14px;color:var(--text-primary);text-align:center}.number-input:focus{outline:none;border-color:var(--accent-primary)}.number-unit{font-size:14px;color:var(--text-muted)}.form-select{width:100%;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;font-size:14px;color:var(--text-primary);cursor:pointer}.form-select:focus{outline:none;border-color:var(--accent-primary)}.preview-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;padding:16px}.preview-label{font-size:12px;color:var(--text-muted);margin-bottom:8px}.preview-code{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.code-value{font-size:18px;font-weight:700;font-family:monospace;color:var(--accent-primary);letter-spacing:2px}.copy-btn{padding:6px 12px;background:var(--accent-primary-soft);border:none;border-radius:6px;color:var(--accent-primary);font-size:12px;font-weight:500;cursor:pointer}.copy-btn:hover{background:var(--accent-primary);color:var(--text-primary)}.preview-url{font-size:12px;color:var(--text-faint)}.publish-status-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-elevated);border-radius:12px}.publish-status-card.unpublished{border:1px solid var(--status-warning);background:color-mix(in srgb,var(--status-warning) 10%,transparent)}.publish-status-card.published{border:1px solid var(--status-success);background:color-mix(in srgb,var(--status-success) 10%,transparent)}.publish-icon{font-size:24px}.publish-info{flex:1}.publish-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.publish-desc{font-size:12px;color:var(--text-muted)}.cb-preview-mode{min-height:100vh;background:var(--bg-base);display:flex;flex-direction:column}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--status-info);color:var(--text-primary)}.preview-badge{font-size:14px;font-weight:600}.preview-close{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent-primary-soft);border:none;border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer}.preview-close:hover{background:var(--accent-primary)}.preview-content{flex:1;padding:40px 24px;display:flex;justify-content:center}.preview-course-card{max-width:800px;width:100%;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;padding:32px}.preview-course-card h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.preview-course-card>p{font-size:16px;color:var(--text-muted);margin:0 0 24px}.preview-stats{display:flex;gap:24px;padding:20px 0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);margin-bottom:24px}.preview-stat{text-align:center}.preview-stat .stat-value{font-size:32px;font-weight:700;color:var(--accent-primary)}.preview-stat .stat-label{font-size:14px;color:var(--text-muted)}.preview-modules{display:flex;flex-direction:column;gap:20px}.preview-module{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;padding:20px}.preview-module h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.preview-lessons{display:flex;flex-direction:column;gap:8px}.preview-lesson{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-surface);border-radius:8px}.preview-lesson .lesson-number{width:28px;height:28px;background:var(--accent-primary-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--accent-primary)}.preview-lesson .lesson-title{flex:1;font-size:14px;color:var(--text-primary)}.preview-lesson .lesson-status{font-size:13px;color:var(--text-muted)}.preview-empty{padding:16px;text-align:center;color:var(--text-faint);font-size:14px}.preview-footer{padding:16px 24px;background:var(--bg-surface);border-top:1px solid var(--border-default);text-align:center}.preview-footer p{font-size:14px;color:var(--text-muted);margin:0}.cb-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--bg-base) 85%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000}.cb-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;padding:24px;width:100%;max-width:400px}.cb-modal h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media (max-width: 1200px){.cb-settings-panel{width:280px}}@media (max-width: 1024px){.cb-layout{flex-direction:column}.cb-modules-panel{width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--border-default)}.cb-settings-panel{width:100%;border-left:none;border-top:1px solid var(--border-default)}}@media (max-width: 768px){.cb-top-nav{flex-direction:column;gap:12px;padding:12px 16px}.nav-left,.nav-right{width:100%;justify-content:space-between}.nav-right{flex-wrap:wrap}.course-title-input{width:100%;max-width:200px}}.ad-error-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:color-mix(in srgb,var(--status-error) 15%,transparent);border:1px solid var(--status-error);border-radius:8px;color:var(--status-error);margin-bottom:24px;font-size:14px}.ad-error-banner button{background:none;border:none;color:var(--status-error);font-size:18px;cursor:pointer}.ad-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--text-muted)}.ad-course-selector{display:flex;align-items:center;gap:16px;margin-bottom:24px}.selector-label{font-size:13px;color:var(--text-faint)}.course-dropdown select{padding:10px 36px 10px 16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.course-dropdown select:focus{outline:none;border-color:var(--accent-primary)}.ad-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1200px){.ad-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.ad-stats-grid{grid-template-columns:repeat(2,1fr)}}.ad-charts-row{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:32px}@media (max-width: 1024px){.ad-charts-row{grid-template-columns:1fr}}.ad-chart-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:24px}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.chart-title{font-size:16px;font-weight:600;color:var(--text-primary)}.chart-legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.primary{background:var(--accent-primary)}.legend-dot.secondary{background:var(--accent-secondary)}.line-chart{position:relative;height:150px}.chart-grid{position:absolute;top:0;left:40px;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between}.grid-line{border-bottom:1px solid var(--border-default);height:1px;position:relative}.grid-label{position:absolute;left:-40px;top:-8px;font-size:10px;color:var(--text-faint)}.line-svg{position:absolute;top:0;left:40px;right:0;bottom:0;width:calc(100% - 40px);height:100%}.chart-x-labels{display:flex;justify-content:space-between;padding-left:40px;margin-top:12px;font-size:11px;color:var(--text-faint)}.pie-chart{display:flex;align-items:center;gap:32px}.pie-visual{position:relative;width:160px;height:160px;flex-shrink:0}.pie-svg{width:100%;height:100%}.pie-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.pie-value{display:block;font-size:28px;font-weight:700;color:var(--text-primary)}.pie-label{font-size:12px;color:var(--text-faint)}.pie-legend{flex:1}.pie-legend-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-default)}.pie-legend-item:last-child{border-bottom:none}.pie-legend-dot{width:12px;height:12px;border-radius:3px}.pie-legend-text{flex:1;font-size:13px;color:var(--text-secondary)}.pie-legend-value{font-size:14px;font-weight:600;color:var(--text-primary)}.ad-students-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.ad-students-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-default)}.ad-students-section .section-title{font-size:16px;font-weight:600;color:var(--text-primary)}.section-actions{display:flex;align-items:center;gap:12px}.search-input{position:relative}.search-input .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px}.search-input input{padding:10px 12px 10px 36px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:13px;width:220px}.search-input input:focus{outline:none;border-color:var(--accent-primary)}.search-input input::placeholder{color:var(--text-faint)}.filter-select{padding:10px 32px 10px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.ad-data-table{overflow-x:auto}.table-header-row{display:grid;grid-template-columns:2fr 1.2fr 1fr .8fr 1fr 80px;gap:16px;padding:14px 24px;font-size:11px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-elevated);border-bottom:1px solid var(--border-default)}.table-row{display:grid;grid-template-columns:2fr 1.2fr 1fr .8fr 1fr 80px;gap:16px;padding:16px 24px;align-items:center;border-bottom:1px solid var(--border-default);transition:background .2s}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-hover)}.student-cell{display:flex;align-items:center;gap:12px}.student-avatar{width:36px;height:36px;background:var(--bg-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--accent-primary);flex-shrink:0}.student-name{font-size:14px;font-weight:500;color:var(--text-primary)}.student-email{font-size:12px;color:var(--text-faint)}.progress-cell{display:flex;align-items:center;gap:10px}.mini-progress{flex:1;height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.mini-progress-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .3s}.progress-text{font-size:13px;color:var(--text-muted);width:36px;text-align:right}.score-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:13px;font-weight:600}.score-badge.high{background:var(--accent-secondary-soft);color:var(--accent-secondary)}.score-badge.medium{background:color-mix(in srgb,var(--status-warning) 15%,transparent);color:var(--status-warning)}.score-badge.low{background:color-mix(in srgb,var(--status-error) 15%,transparent);color:var(--status-error)}.cell-value{font-size:14px;color:var(--text-secondary)}.status-cell{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background:var(--accent-secondary)}.status-dot.at-risk{background:var(--status-warning)}.status-dot.inactive{background:var(--text-faint)}.action-btn{padding:6px 14px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.no-results{padding:40px;text-align:center;color:var(--text-faint);font-size:14px}@media (max-width: 1024px){.table-header-row,.table-row{grid-template-columns:2fr 1fr 1fr 80px}.table-header-row span:nth-child(4),.table-header-row span:nth-child(5),.table-row>div:nth-child(4),.table-row>div:nth-child(5){display:none}}@media (max-width: 768px){.ad-students-section .section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-actions{width:100%;flex-wrap:wrap}.search-input{flex:1}.search-input input{width:100%}.table-header-row,.table-row{grid-template-columns:1fr 1fr 80px}.table-header-row span:nth-child(2),.table-header-row span:nth-child(4),.table-header-row span:nth-child(5),.table-row>div:nth-child(2),.table-row>div:nth-child(4),.table-row>div:nth-child(5){display:none}.pie-chart{flex-direction:column}}.ts-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}@media (max-width: 768px){.ts-stats{grid-template-columns:1fr}}.ts-filters{display:flex;gap:16px;margin-bottom:24px}.ts-search{flex:1;position:relative}.ts-search .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%)}.ts-search input{width:100%;padding:12px 12px 12px 42px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:14px}.ts-search input:focus{outline:none;border-color:var(--accent-primary)}.ts-course-filter{padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:14px;min-width:200px}.ts-loading{display:flex;flex-direction:column;align-items:center;padding:80px 20px;gap:16px;color:var(--text-muted)}.ts-empty{text-align:center;padding:80px 20px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px}.ts-empty .empty-icon{font-size:64px;margin-bottom:16px}.ts-empty h3{color:var(--text-primary);margin:0 0 8px}.ts-empty p{color:var(--text-muted);margin:0}.ts-table{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.ts-table-header{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 120px;gap:16px;padding:14px 20px;background:var(--bg-elevated);font-size:12px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px}.ts-table-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 120px;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-default);align-items:center}.ts-table-row:last-child{border-bottom:none}.ts-table-row:hover{background:var(--bg-hover)}.ts-student-info{display:flex;align-items:center;gap:12px}.ts-avatar{width:40px;height:40px;background:var(--accent-primary-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--accent-primary);flex-shrink:0}.ts-student-info h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.ts-student-info span{font-size:13px;color:var(--text-muted)}.ts-courses{display:flex;flex-wrap:wrap;gap:6px}.ts-course-tag{padding:4px 10px;background:var(--bg-elevated);border-radius:4px;font-size:12px;color:var(--text-secondary);text-decoration:none;transition:all .2s}.ts-course-tag:hover{background:var(--accent-primary-soft);color:var(--accent-primary)}.ts-cell{font-size:14px;color:var(--text-muted)}.ts-actions{display:flex;gap:8px}.action-btn{padding:6px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}@media (max-width: 1024px){.ts-table-header,.ts-table-row{grid-template-columns:2fr 2fr 1fr 100px}.ts-table-header span:nth-child(4),.ts-table-row .ts-cell:nth-child(4){display:none}}@media (max-width: 768px){.ts-filters{flex-direction:column}.ts-course-filter{min-width:auto}.ts-table-header{display:none}.ts-table-row{display:flex;flex-direction:column;gap:12px;padding:16px}}.tt-filters{display:flex;gap:16px;margin-bottom:24px;align-items:center}.tt-search{flex:1;position:relative;max-width:400px}.tt-search .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%)}.tt-search input{width:100%;padding:12px 12px 12px 42px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:14px}.tt-search input:focus{outline:none;border-color:var(--accent-primary)}.tt-category-filters{display:flex;gap:8px}.filter-btn{padding:10px 16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.filter-btn:hover{background:var(--bg-hover)}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary)}.tt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:32px}.tt-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;transition:all .2s}.tt-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.tt-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--bg-elevated)}.tt-icon{font-size:36px}.tt-category{padding:4px 10px;background:var(--accent-primary-soft);border-radius:4px;font-size:11px;font-weight:600;color:var(--accent-primary);text-transform:uppercase}.tt-card-content{padding:20px}.tt-card-content h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.tt-card-content p{font-size:14px;color:var(--text-muted);margin:0 0 16px;line-height:1.5}.tt-card-stats{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-faint)}.tt-card-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--border-default)}.tt-card-actions .btn-secondary,.tt-card-actions .btn-primary{flex:1;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.tt-card-actions .btn-secondary{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary)}.tt-card-actions .btn-secondary:hover{background:var(--bg-hover)}.tt-card-actions .btn-primary{background:var(--accent-primary);border:none;color:var(--text-primary)}.tt-card-actions .btn-primary:hover{background:var(--accent-primary-hover)}.tt-empty{text-align:center;padding:40px;color:var(--text-muted)}.tt-custom-cta{display:flex;align-items:center;justify-content:space-between;padding:24px;background:var(--gradient-primary);border-radius:12px}.cta-content h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.cta-content p{font-size:14px;color:var(--text-secondary);margin:0}.tt-custom-cta .btn-primary{background:var(--accent-primary-soft);border:1px solid var(--border-hover);color:var(--text-primary);padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s}.tt-custom-cta .btn-primary:hover{background:var(--accent-primary)}@media (max-width: 768px){.tt-filters{flex-direction:column;align-items:stretch}.tt-search{max-width:none}.tt-category-filters{flex-wrap:wrap}.tt-grid{grid-template-columns:1fr}.tt-custom-cta{flex-direction:column;gap:16px;text-align:center}}.ss-success-page{min-height:100vh;background:var(--bg-base);display:flex;align-items:center;justify-content:center;padding:20px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}.ss-success-card{max-width:480px;width:100%;background:var(--bg-surface);border-radius:20px;padding:48px 40px;text-align:center;border:1px solid var(--border-default)}.ss-success-icon{font-size:72px;margin-bottom:24px}.ss-success-card h1{font-size:32px;font-weight:700;color:var(--status-success);margin-bottom:16px}.ss-success-message{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.ss-success-message strong{color:var(--status-success)}.ss-success-features{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;text-align:left}.ss-success-feature-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-elevated);border-radius:8px;color:var(--text-primary);font-size:14px}.ss-success-feature-item span{color:var(--text-primary)}.ss-success-feature-check{color:var(--status-success)!important;font-weight:600;font-size:16px;flex-shrink:0}.ss-success-feature-text{color:var(--text-primary)!important}.ss-success-btn{display:inline-block;width:100%;padding:16px 32px;background:var(--status-success);color:var(--bg-base);text-decoration:none;border-radius:12px;font-size:18px;font-weight:600;transition:all .2s}.ss-success-btn:hover{background:var(--accent-secondary-hover);transform:translateY(-2px)}.ss-success-redirect{margin-top:16px;font-size:13px;color:var(--text-muted)}@media (max-width: 480px){.ss-success-card{padding:32px 24px}.ss-success-card h1{font-size:26px}}.ss-cancel-page{min-height:100vh;background:var(--bg-base);display:flex;align-items:center;justify-content:center;padding:20px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}.ss-cancel-card{max-width:480px;width:100%;background:var(--bg-surface);border-radius:20px;padding:48px 40px;text-align:center;border:1px solid var(--border-default)}.ss-cancel-icon{font-size:72px;margin-bottom:24px}.ss-cancel-card h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.ss-cancel-message{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.ss-cancel-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.ss-cancel-btn-primary,.ss-cancel-btn-secondary{display:block;padding:14px 24px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s}.ss-cancel-btn-primary{background:var(--status-info);color:var(--text-primary)}.ss-cancel-btn-primary:hover{background:var(--accent-primary)}.ss-cancel-btn-secondary{background:var(--bg-elevated);color:var(--text-primary)}.ss-cancel-btn-secondary:hover{background:var(--bg-hover)}.ss-cancel-help-text{font-size:13px;color:var(--text-muted)}.ss-cancel-help-text a{color:var(--status-info);text-decoration:none}.ss-cancel-help-text a:hover{text-decoration:underline}@media (max-width: 480px){.ss-cancel-card{padding:32px 24px}}.tte-container{min-height:100vh;background:#faf8f5;padding:20px;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tte-container[data-theme=dark]{background:#1a1a2e;color:#e0e0e0}.tte-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.tte-header-left h1{font-size:20px;font-weight:600;margin:4px 0 0;color:#333}.tte-container[data-theme=dark] .tte-header-left h1{color:#f0f0f0}.tte-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.tte-breadcrumb a{color:#8b7355;text-decoration:none}.tte-breadcrumb a:hover{text-decoration:underline}.tte-sep{color:#999}.tte-header-right{display:flex;align-items:center;gap:16px}.tte-status-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500}.tte-status-badge.default{background:rgba(16,185,129,.1);color:#059669}.tte-status-badge.custom{background:rgba(59,130,246,.1);color:#2563eb}.tte-reset-link{font-size:12px;color:#10b981;cursor:pointer;text-decoration:underline}.tte-reset-link:hover{color:#059669}.tte-header-actions{display:flex;gap:10px}.tte-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.tte-btn.secondary{background:#f0f0f0;color:#333;border:1px solid #ddd}.tte-btn.secondary:hover{background:#e5e5e5}.tte-btn.primary{background:#8B7355;color:#fff}.tte-btn.primary:hover:not(:disabled){background:#7a6548}.tte-btn:disabled{opacity:.6;cursor:not-allowed}.tte-container[data-theme=dark] .tte-btn.secondary{background:#333;color:#e0e0e0;border-color:#555}.tte-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.tte-error{background:#FEE2E2;color:#b91c1c;border:1px solid #FECACA}.tte-success{background:#D1FAE5;color:#065f46;border:1px solid #A7F3D0}.tte-main-layout{display:grid;grid-template-columns:200px 1fr 200px;gap:16px;align-items:start}@media (max-width: 1000px){.tte-main-layout{grid-template-columns:1fr}}.tte-panel{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px #00000014}.tte-container[data-theme=dark] .tte-panel{background:#242438}.tte-panel h3{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.tte-mode-toggle{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.tte-mode-btn{padding:10px 12px;border:2px solid #ddd;border-radius:6px;background:#f9f9f9;cursor:pointer;text-align:center;transition:all .2s}.tte-mode-btn:hover{border-color:#bbb}.tte-mode-btn.active{border-color:#8b7355;background:rgba(139,115,85,.1)}.tte-container[data-theme=dark] .tte-mode-btn{background:#2a2a3e;border-color:#444}.tte-container[data-theme=dark] .tte-mode-btn.active{border-color:#9370db;background:rgba(147,112,219,.15)}.tte-mode-label{font-size:13px;font-weight:600;color:#333}.tte-container[data-theme=dark] .tte-mode-label{color:#f0f0f0}.tte-mode-desc{font-size:10px;color:#888}.tte-presets{display:flex;flex-direction:column;gap:6px}.tte-preset-btn{padding:8px 12px;border:2px solid transparent;border-radius:6px;background:#f5f5f5;cursor:pointer;font-size:12px;font-weight:500;color:#333;text-align:center;transition:all .2s}.tte-preset-btn:hover{background:#eee}.tte-preset-btn.active{border-color:#8b7355;background:rgba(139,115,85,.1)}.tte-container[data-theme=dark] .tte-preset-btn{background:#2a2a3e;color:#e0e0e0}.tte-container[data-theme=dark] .tte-preset-btn.active{border-color:#9370db;background:rgba(147,112,219,.15)}.tte-canvas-section{background:#fff;border-radius:10px;padding:12px;box-shadow:0 1px 3px #00000014}.tte-container[data-theme=dark] .tte-canvas-section{background:#242438}.tte-canvas-wrapper{background:#1a1a2e;border-radius:8px;min-height:400px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.tte-canvas{width:100%;height:auto;max-height:450px;display:block;transition:transform .2s ease}.tte-no-strokes{color:#666;font-size:14px;text-align:center;padding:40px}.tte-zoom-controls{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.7);padding:6px 10px;border-radius:6px}.tte-zoom-btn{width:24px;height:24px;background:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.tte-zoom-btn:hover{background:#444}.tte-zoom-level{color:#fff;font-size:11px;min-width:40px;text-align:center}.tte-legend{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}.tte-legend span{font-size:11px;color:#666;display:flex;align-items:center;gap:4px}.tte-legend i{width:10px;height:10px;border-radius:2px}.leg-corridor{background:rgba(59,130,246,.4)}.leg-cone{background:rgba(16,185,129,.4)}.leg-completion{background:#F59E0B;border-radius:50%}.leg-start{background:#10B981;border-radius:50%}.leg-end{background:#EF4444;border-radius:50%}.tte-number-control{margin-bottom:16px}.tte-number-control:last-child{margin-bottom:0}.tte-number-control label{display:block;font-size:12px;font-weight:500;color:#333;margin-bottom:8px}.tte-container[data-theme=dark] .tte-number-control label{color:#e0e0e0}.tte-number-input-group{display:flex;align-items:center}.tte-arrow-btn{width:32px;height:32px;background:#f0f0f0;border:1px solid #ddd;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;color:#555;transition:background .2s}.tte-arrow-btn:hover{background:#e5e5e5}.tte-arrow-btn.left{border-radius:6px 0 0 6px}.tte-arrow-btn.right{border-radius:0 6px 6px 0}.tte-container[data-theme=dark] .tte-arrow-btn{background:#333;border-color:#555;color:#ccc}.tte-container[data-theme=dark] .tte-arrow-btn:hover{background:#444}.tte-number-value{flex:1;height:32px;border:1px solid #ddd;border-left:none;border-right:none;text-align:center;font-size:13px;font-weight:600;color:#8b7355;background:#fff;min-width:50px}.tte-number-value:focus{outline:none;background:#fffef5}.tte-container[data-theme=dark] .tte-number-value{background:#1a1a2e;border-color:#555;color:#9370db}.tte-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#666}.tte-spinner{width:40px;height:40px;border:3px solid #e5e5e5;border-top-color:#8b7355;border-radius:50%;animation:tte-spin .8s linear infinite}@keyframes tte-spin{to{transform:rotate(360deg)}}@media (max-width: 1000px){.tte-header{flex-direction:column;align-items:flex-start}.tte-header-right{flex-direction:column;align-items:flex-start;width:100%}.tte-header-actions{width:100%}.tte-btn{flex:1}.tte-main-layout{grid-template-columns:1fr}.tte-panel{order:2}.tte-canvas-section{order:1}}.guidance-canvas-container{--guidance-bg: #1a1a2e;--guidance-text: #ffffff;--guidance-border: #333355;--guidance-on-track: #10B981;--guidance-off-track: #F59E0B;--guidance-wrong: #EF4444;--guidance-leading: #3B82F6;--guidance-start: #10B981;--guidance-neutral: #6B7280;--guidance-btn-bg: #2d2d4a;--guidance-btn-hover: #3d3d5a}.guidance-canvas-container.theme-light{--guidance-bg: #f5f5f5;--guidance-text: #1a1a1a;--guidance-border: #cccccc;--guidance-btn-bg: #e0e0e0;--guidance-btn-hover: #d0d0d0}.guidance-canvas-container.theme-sepia{--guidance-bg: #f4ecd8;--guidance-text: #5c4a32;--guidance-border: #d4c4a8;--guidance-btn-bg: #e4d4b8;--guidance-btn-hover: #d4c4a8}.guidance-canvas-container.theme-high-contrast{--guidance-bg: #000000;--guidance-text: #ffffff;--guidance-border: #ffffff;--guidance-on-track: #00ff00;--guidance-off-track: #ffff00;--guidance-wrong: #ff0000;--guidance-leading: #00ffff;--guidance-btn-bg: #333333;--guidance-btn-hover: #444444}.guidance-canvas-container{position:relative;width:100%;height:100%;min-height:500px;background:var(--guidance-bg);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.guidance-controls{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(0,0,0,.3);border-bottom:1px solid var(--guidance-border);flex-wrap:wrap}.guidance-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--guidance-btn-bg);color:var(--guidance-text)}.guidance-btn:hover{background:var(--guidance-btn-hover);transform:translateY(-1px)}.guidance-btn.primary{background:var(--guidance-on-track);color:#fff}.guidance-btn.primary:hover{background:#0d9668}.guidance-btn.danger{background:var(--guidance-wrong);color:#fff}.guidance-btn.danger:hover{background:#dc2626}.guidance-progress{display:flex;align-items:center;gap:12px;margin-left:auto}.guidance-progress-text{color:#fff;font-size:14px;font-weight:500}.progress-bar{width:120px;height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--guidance-on-track);transition:width .3s ease;border-radius:4px}.guidance-status{position:absolute;top:80px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;z-index:100;display:flex;align-items:center;gap:10px;animation:slideDown .3s ease;box-shadow:0 4px 12px #0000004d}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.guidance-status .status-icon{font-size:20px}.guidance-status .status-text{color:#fff}.guidance-status.status-success{background:var(--guidance-on-track)}.guidance-status.status-warning{background:var(--guidance-off-track)}.guidance-status.status-error{background:var(--guidance-wrong)}.guidance-svg{flex:1;width:100%;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.ghost-stroke{pointer-events:none;transition:opacity .3s ease}.student-stroke,.current-stroke,.current-stroke-segment{pointer-events:none}.leading-indicator .leading-indicator.snake-arrow .snake-body{filter:drop-shadow(0 0 4px var(--guidance-leading))}.leading-indicator.snake-arrow .snake-head{filter:drop-shadow(0 0 6px var(--guidance-leading));animation:snakePulse 1s ease-in-out infinite}@keyframes snakePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.1)}}.leading-indicator.snake-arrow .snake-glow{animation:snakeGlow 1.5s ease-in-out infinite}@keyframes snakeGlow{0%,to{opacity:.15}50%{opacity:.3}}.leading-pulse{animation:leadingPulse 1.5s ease-in-out infinite}@keyframes leadingPulse{0%,to{opacity:.3;r:20}50%{opacity:.7;r:25}}.leading-indicator .leading-dot{filter:drop-shadow(0 0 4px var(--guidance-leading))}.start-indicator .start-pulse{animation:startPulse 1.5s ease-in-out infinite}@keyframes startPulse{0%,to{opacity:.3;r:18}50%{opacity:.6;r:24}}.start-indicator .start-dot{filter:drop-shadow(0 0 6px var(--guidance-start))}.end-indicator .end-dot{filter:drop-shadow(0 0 4px var(--guidance-wrong))}.guidance-zoom{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.6);padding:8px 12px;border-radius:8px;z-index:50}.guidance-zoom button{width:32px;height:32px;border:none;border-radius:6px;background:var(--guidance-btn-bg);color:var(--guidance-text);font-size:18px;font-weight:700;cursor:pointer;transition:background .2s ease}.guidance-zoom button:hover{background:var(--guidance-btn-hover)}.guidance-zoom-text{color:#fff;font-size:14px;font-weight:500;min-width:45px;text-align:center}.guidance-legend{position:absolute;bottom:16px;left:16px;display:flex;flex-direction:column;gap:6px;background:rgba(0,0,0,.7);padding:12px 16px;border-radius:8px;z-index:50}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#fff}.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}@media (max-width: 768px){.guidance-controls{padding:12px;gap:8px}.guidance-btn{padding:8px 14px;font-size:13px}.guidance-progress{width:100%;margin-top:8px;margin-left:0}.progress-bar{flex:1}.guidance-status{top:120px;padding:10px 18px;font-size:14px}.guidance-zoom{bottom:70px}.guidance-legend{bottom:70px;padding:10px 12px}.legend-item{font-size:11px}}@media (max-width: 480px){.guidance-canvas-container{min-height:400px}.guidance-legend{display:none}}.guidance-canvas-container.loading{display:flex;align-items:center;justify-content:center}.guidance-canvas-container.loading:after{content:"";width:40px;height:40px;border:3px solid var(--guidance-border);border-top-color:var(--guidance-on-track);border-radius:50%;animation:spin 1s linear infinite}.guidance-canvas-container .score-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.guidance-btn:focus{outline:2px solid var(--guidance-on-track);outline-offset:2px}.guidance-zoom button:focus{outline:2px solid var(--guidance-on-track);outline-offset:2px}@media (prefers-reduced-motion: reduce){.leading-indicator .leading-pulse,.start-indicator .start-pulse,.guidance-status{animation:none}.progress-fill{transition:none}}.sc-card{background:linear-gradient(145deg,#1e1e2e,#2a2a3e);border-radius:20px;padding:32px;max-width:500px;margin:0 auto;color:#fff;box-shadow:0 20px 60px #0000004d}.sc-card.passed{border:2px solid #10B981}.sc-card.failed{border:2px solid #EF4444}.sc-header{text-align:center;margin-bottom:24px}.sc-lesson{font-size:14px;color:#d1d5db;margin-bottom:4px}.sc-reference{font-size:20px;font-weight:600;color:#fff}.sc-main{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:32px}.sc-circle{width:120px;height:120px;border-radius:50%;border:4px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.3)}.sc-number{font-size:42px;font-weight:700;line-height:1;color:#fff}.sc-grade{font-size:24px;font-weight:600;margin-top:4px}.sc-result{text-align:center}.sc-result-icon{font-size:48px;margin-bottom:8px}.sc-result-text{font-size:24px;font-weight:600;margin-bottom:4px;color:#fff}.sc-result-subtext{font-size:14px;color:#d1d5db}.sc-metrics{margin-bottom:24px}.sc-metrics h3{font-size:14px;font-weight:500;color:#d1d5db;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.sc-metric-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sc-metric-label{display:flex;align-items:center;gap:8px;width:160px;font-size:14px;color:#fff}.sc-metric-icon{font-size:16px}.sc-metric-weight{font-size:11px;color:#d0d0d8}.sc-metric-bar-container{flex:1;height:8px;background:#333344;border-radius:4px;overflow:hidden}.sc-metric-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.sc-metric-value{width:40px;text-align:right;font-weight:600;font-size:14px;color:#fff}.sc-stats{display:flex;justify-content:space-around;padding:20px 0;border-top:1px solid #333344;border-bottom:1px solid #333344;margin-bottom:24px}.sc-stat{text-align:center}.sc-stat-value{font-size:24px;font-weight:600;margin-bottom:4px;color:#fff}.sc-stat-label{font-size:12px;color:#d1d5db}.sc-actions{display:flex;gap:12px;justify-content:center}.sc-btn{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#333344;color:#fff}.sc-btn:hover{background:#444455;transform:translateY(-1px)}.sc-btn.primary{background:#3B82F6}.sc-btn.primary:hover{background:#2563EB}.sc-btn.secondary{background:#10B981}.sc-btn.secondary:hover{background:#059669}@media (max-width: 480px){.sc-card{padding:24px 16px;border-radius:16px}.sc-main{flex-direction:column;gap:20px}.sc-circle{width:100px;height:100px}.sc-number{font-size:36px}.sc-metric-label{width:120px;font-size:12px}.sc-stats{gap:8px}.sc-stat-value{font-size:20px}.sc-actions{flex-direction:column}.sc-btn{width:100%}}.settings-saved{padding:12px 16px;background:var(--accent-secondary-soft);border:1px solid var(--accent-secondary);border-radius:8px;color:var(--accent-secondary);margin-bottom:24px;font-weight:500}.settings-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:24px;margin-bottom:24px}.settings-section h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.settings-desc{font-size:14px;color:var(--text-muted);margin:0 0 20px}.theme-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--bg-elevated);border:2px solid var(--border-default);border-radius:10px;cursor:pointer;transition:all .2s;position:relative}.theme-option:hover{border-color:var(--border-hover);background:var(--bg-hover)}.theme-option.active{border-color:var(--accent-primary);background:var(--accent-primary-soft)}.theme-icon{font-size:24px}.theme-name{font-size:13px;font-weight:500;color:var(--text-secondary)}.theme-check{position:absolute;top:8px;right:8px;width:20px;height:20px;background:var(--accent-primary);border-radius:50%;color:var(--text-primary);font-size:12px;display:flex;align-items:center;justify-content:center}.settings-toggles{display:flex;flex-direction:column;gap:16px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-elevated);border-radius:8px;cursor:pointer}.toggle-info{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:14px;font-weight:500;color:var(--text-primary)}.toggle-desc{font-size:12px;color:var(--text-muted)}.toggle{width:48px;height:26px;background:var(--bg-hover);border-radius:13px;position:relative;transition:background .2s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--text-faint);border-radius:50%;transition:all .2s}.toggle.active{background:var(--accent-secondary)}.toggle.active:after{left:25px;background:var(--bg-surface)}.settings-actions{display:flex;justify-content:flex-end;gap:12px}@media (max-width: 768px){.theme-options{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.theme-options{grid-template-columns:1fr}.toggle-row{flex-direction:column;align-items:flex-start;gap:12px}.toggle{align-self:flex-end}}.help-search{position:relative;margin-bottom:24px}.help-search .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px}.help-search input{width:100%;padding:14px 16px 14px 48px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:15px}.help-search input:focus{outline:none;border-color:var(--accent-primary)}.help-search input::placeholder{color:var(--text-faint)}.help-quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.quick-link{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;text-decoration:none;transition:all .2s}.quick-link:hover{border-color:var(--accent-primary);background:var(--accent-primary-soft)}.quick-icon{font-size:28px}.quick-link span:last-child{font-size:14px;font-weight:500;color:var(--text-secondary)}.help-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:24px;margin-bottom:24px}.help-section h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-empty{text-align:center;padding:40px;color:var(--text-muted)}.faq-item{background:var(--bg-elevated);border-radius:8px;overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px;background:none;border:none;color:var(--text-primary);font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:background .2s}.faq-question:hover{background:var(--bg-hover)}.faq-toggle{font-size:20px;color:var(--text-muted);width:24px;text-align:center}.faq-answer{padding:0 16px 16px;color:var(--text-secondary);font-size:14px;line-height:1.6}.contact-card{text-align:center;padding:20px}.contact-card>p:first-child{color:var(--text-secondary);margin:0 0 20px}.contact-options{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.contact-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent-primary);border-radius:8px;color:var(--text-primary);text-decoration:none;font-weight:500;transition:background .2s}.contact-btn:hover{background:var(--accent-primary-hover)}.contact-note{font-size:13px;color:var(--text-faint);margin:0}.shortcuts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shortcut-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-elevated);border-radius:8px}.shortcut-item kbd{padding:6px 12px;background:var(--bg-hover);border:1px solid var(--border-default);border-radius:6px;font-family:monospace;font-size:13px;color:var(--text-primary);min-width:40px;text-align:center}.shortcut-item span{font-size:14px;color:var(--text-secondary)}@media (max-width: 1024px){.help-quick-links,.shortcuts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.help-quick-links,.shortcuts-grid{grid-template-columns:1fr}}.catalog-page{min-height:100vh;background:#f4ecd8;color:#2c2416}.catalog-header{background:#fdf8ee;border-bottom:1px solid #d5cdb8;position:sticky;top:0;z-index:100}.catalog-header-content{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.catalog-logo{text-decoration:none}.catalog-logo .logo-text{font-size:24px;font-weight:800;color:#8b6914}.catalog-nav{display:flex;gap:32px}.catalog-nav .nav-link{color:#3d3428;text-decoration:none;font-size:15px;font-weight:500;padding:8px 0;transition:color .2s}.catalog-nav .nav-link:hover{color:#8b6914}.catalog-nav .nav-link.active{color:#8b6914;border-bottom:2px solid #8b6914}.catalog-auth,.catalog-auth .user-menu{display:flex;align-items:center;gap:16px}.catalog-auth .user-name{font-size:14px;color:#524a3a}.catalog-auth .auth-buttons{display:flex;gap:12px}.catalog-auth .btn-login{color:#3d3428;text-decoration:none;font-size:14px;font-weight:500;padding:8px 16px}.catalog-auth .btn-login:hover{color:#8b6914}.catalog-auth .btn-signup{background:#8b6914;color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:8px 20px;border-radius:6px;transition:all .2s}.catalog-auth .btn-signup:hover{opacity:.9;transform:translateY(-1px)}.catalog-hero{background:linear-gradient(135deg,#8b6914 0%,#2e7d5a 100%);padding:60px 20px;text-align:center;color:#fff}.catalog-hero h1{font-size:2.5rem;margin:0 0 12px;font-weight:700}.catalog-hero p{font-size:1.1rem;opacity:.9;margin:0 0 30px}.catalog-search{display:flex;max-width:500px;margin:0 auto;gap:8px}.catalog-search input{flex:1;padding:14px 20px;font-size:16px;border:none;border-radius:8px;outline:none}.catalog-search button{padding:14px 28px;font-size:16px;font-weight:600;background:rgba(255,255,255,.2);color:#fff;border:2px solid white;border-radius:8px;cursor:pointer;transition:all .2s}.catalog-search button:hover{background:white;color:#8b6914}.catalog-container{max-width:1200px;margin:0 auto;padding:30px 20px}.catalog-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.filter-btn{padding:10px 20px;font-size:14px;font-weight:500;background:#fdf8ee;color:#3d3428;border:1px solid #d5cdb8;border-radius:20px;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#ebe3cf}.filter-btn.active{background:#8b6914;color:#fff;border-color:#8b6914}.catalog-results-info{font-size:14px;color:#524a3a;margin-bottom:20px}.catalog-error{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px}.catalog-loading{text-align:center;padding:60px 20px}.catalog-loading .spinner{width:40px;height:40px;border:3px solid #d5cdb8;border-top-color:#8b6914;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}.catalog-empty{text-align:center;padding:60px 20px;color:#524a3a}.catalog-empty h3{margin:0 0 8px;color:#2c2416}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.course-card{background:#fdf8ee;border:1px solid #d5cdb8;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:all .2s}.course-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#8b6914}.course-thumbnail{position:relative;height:160px;background:#ebe3cf;overflow:hidden}.course-thumbnail img{width:100%;height:100%;object-fit:cover}.course-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,#ebe3cf 0%,#fffcf5 100%)}.course-badge{position:absolute;top:12px;right:12px;padding:4px 12px;font-size:12px;font-weight:600;border-radius:20px}.course-badge.free{background:#10b981;color:#fff}.course-content{padding:16px}.course-title{font-size:18px;font-weight:600;margin:0 0 4px;color:#2c2416;line-height:1.3}.course-teacher{font-size:13px;color:#524a3a;margin:0 0 12px}.course-description{font-size:14px;color:#3d3428;margin:0 0 12px;line-height:1.5}.course-meta{display:flex;gap:16px;margin-bottom:12px}.meta-item{font-size:13px;color:#524a3a}.course-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #d5cdb8}.course-price{font-size:20px;font-weight:700;color:#8b6914}.course-duration{font-size:12px;color:#524a3a}@media (max-width: 768px){.catalog-hero{padding:40px 16px}.catalog-hero h1{font-size:1.8rem}.catalog-search{flex-direction:column}.catalog-search button{width:100%}.catalog-grid{grid-template-columns:1fr}.catalog-header-content{flex-wrap:wrap;gap:12px}.catalog-nav{order:3;width:100%;justify-content:center;gap:20px}}.course-detail-page{min-height:100vh;background:#f4ecd8;color:#2c2416}.payment-success-banner{background:#10b981;color:#fff;padding:16px 20px;display:flex;justify-content:center;align-items:center;gap:16px;font-weight:500}.payment-success-banner button{background:white;color:#10b981;border:none;padding:8px 20px;border-radius:6px;font-weight:600;cursor:pointer}.payment-cancelled-banner{background:#f59e0b;color:#fff;padding:16px 20px;text-align:center;font-weight:500}.course-loading{text-align:center;padding:100px 20px}.course-loading .spinner{width:40px;height:40px;border:3px solid #d5cdb8;border-top-color:#8b6914;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.course-error-page{text-align:center;padding:100px 20px}.course-error-page h2{margin:0 0 12px}.course-error-page button{margin-top:20px;padding:12px 24px;background:#8b6914;color:#fff;border:none;border-radius:8px;cursor:pointer}.course-header{padding:16px 20px;border-bottom:1px solid #d5cdb8;background:#fdf8ee}.back-btn{background:none;border:none;color:#524a3a;font-size:14px;cursor:pointer;padding:8px 0}.back-btn:hover{color:#8b6914}.course-detail-container{max-width:1200px;margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:1fr 380px;gap:40px}.course-main{display:flex;flex-direction:column;gap:40px}.course-category{display:inline-block;background:#ebe3cf;color:#524a3a;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.course-detail-title{font-size:2.2rem;font-weight:700;margin:0 0 8px;line-height:1.2;color:#2c2416}.course-instructor{font-size:16px;color:#524a3a;margin:0 0 20px}.course-stats{display:flex;flex-wrap:wrap;gap:20px;font-size:14px;color:#3d3428}.course-description-full{padding-top:20px;border-top:1px solid #d5cdb8}.course-description-full h2{font-size:20px;margin:0 0 16px;color:#2c2416}.course-description-full p{font-size:16px;line-height:1.7;color:#3d3428}.course-curriculum-section h2{font-size:20px;margin:0 0 20px;color:#2c2416}.curriculum-list{display:flex;flex-direction:column;gap:8px}.curriculum-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fdf8ee;border:1px solid #d5cdb8;border-radius:8px}.lesson-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ebe3cf;color:#524a3a;border-radius:50%;font-size:14px;font-weight:600;flex-shrink:0}.lesson-title{flex:1;font-size:15px;font-weight:500;color:#2c2416}.no-curriculum{color:#524a3a;font-style:italic}.course-teacher-section h2{font-size:20px;margin:0 0 20px;color:#2c2416}.teacher-card{display:flex;gap:16px;padding:20px;background:#fdf8ee;border:1px solid #d5cdb8;border-radius:12px}.teacher-avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#8b6914;color:#fff;font-size:24px;font-weight:700;border-radius:50%;flex-shrink:0}.teacher-info h3{margin:0 0 8px;font-size:18px;color:#2c2416}.teacher-info p{margin:0;font-size:14px;color:#3d3428;line-height:1.5}.course-sidebar{position:sticky;top:20px;height:fit-content}.purchase-card{background:#fdf8ee;border:1px solid #d5cdb8;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.purchase-thumbnail{height:180px;background:#ebe3cf}.purchase-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px}.purchase-price{text-align:center;font-size:36px;font-weight:700;color:#2c2416;padding:24px 20px 8px}.purchase-duration{text-align:center;font-size:14px;color:#524a3a;padding-bottom:20px}.purchase-btn{display:block;width:calc(100% - 40px);margin:0 20px 20px;padding:16px;font-size:16px;font-weight:600;background:#8b6914;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s}.purchase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b691466}.purchase-btn:disabled{opacity:.7;cursor:not-allowed}.purchase-btn.enrolled{background:#10b981}.purchase-features{padding:20px;border-top:1px solid #d5cdb8}.feature-item{font-size:14px;color:#3d3428;padding:8px 0}.purchase-error{margin:0 20px 20px;padding:12px;background:#fee2e2;color:#dc2626;border-radius:8px;font-size:13px}.promo-code-section{padding:0 20px 16px}.promo-toggle-btn{background:none;border:none;color:#8b6914;font-size:14px;cursor:pointer;text-decoration:underline;padding:0}.promo-toggle-btn:hover{color:#6a5010}.promo-input-wrapper{display:flex;gap:8px;align-items:center}.promo-input{flex:1;padding:10px 12px;border:1px solid #d5cdb8;border-radius:6px;font-size:14px;background:#fffcf5;color:#2c2416;text-transform:uppercase}.promo-input:focus{outline:none;border-color:#8b6914}.promo-input::placeholder{text-transform:none;color:#6a6050}.promo-clear-btn{background:#ebe3cf;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;color:#524a3a;font-size:14px;display:flex;align-items:center;justify-content:center}.promo-clear-btn:hover{background:#d5cdb8}.promo-applied{margin-top:8px;font-size:12px;color:#2e7d5a;font-weight:500}@media (max-width: 900px){.course-detail-container{grid-template-columns:1fr}.course-sidebar{position:relative;order:-1}.course-detail-title{font-size:1.8rem}}@media (max-width: 480px){.course-detail-container{padding:20px 16px}.course-detail-title{font-size:1.5rem}.course-stats{flex-direction:column;gap:8px}}.academy-resources-page{--gold: #d4a84b;--gold-dark: #a67c32;--gold-light: rgba(212, 168, 75, .15);--cyan: #2dd4bf;--cyan-dark: #14b8a6;--cyan-light: rgba(45, 212, 191, .15);--bg: #0c0c0c;--surface: #161616;--surface-2: #1f1f1f;--text: #f5f5f5;--text-dim: #a0a0a0;--text-muted: #6b6b6b;--border: rgba(255,255,255,.08);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}.ar-header{position:fixed;top:0;left:0;right:0;padding:16px 40px;background:rgba(12,12,12,.95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;border-bottom:1px solid var(--border)}.ar-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.ar-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.ar-logo-icon{width:36px;height:36px;background:var(--gold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#000}.ar-logo-text{display:flex;flex-direction:column}.ar-logo-title{font-weight:600;font-size:15px;color:var(--text)}.ar-logo-subtitle{font-size:12px;color:var(--text-muted)}.ar-nav{display:flex;align-items:center;gap:8px}.ar-nav a{color:var(--text-dim);font-size:13px;font-weight:500;padding:8px 16px;border-radius:6px;text-decoration:none;transition:all .2s}.ar-nav a:hover{color:var(--text);background:var(--surface)}.ar-nav .ar-nav-cta{background:var(--gold);color:#000!important;font-weight:600}.ar-nav .ar-nav-cta:hover{background:var(--gold-dark)}.ar-hero{padding:140px 40px 80px;text-align:center}.ar-hero-content{max-width:700px;margin:0 auto}.ar-hero h1{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(36px,5vw,48px);font-weight:400;line-height:1.2;margin:0 0 20px;color:var(--text)}.ar-hero-label{display:block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.ar-hero-subtitle{font-size:17px;color:var(--text-dim);line-height:1.7;margin:0}.ar-section{padding:60px 40px}.ar-section-alt{background:var(--surface)}.ar-section-content{max-width:1000px;margin:0 auto}.ar-section-title{font-family:"DM Serif Display",Georgia,serif;font-size:28px;font-weight:400;color:var(--gold);margin:0 0 32px;text-align:center}.ar-main-grid{display:flex;flex-direction:column;gap:16px}.ar-main-card{display:flex;align-items:center;gap:24px;padding:28px 32px;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:all .25s}.ar-main-card:hover{background:var(--surface-2);border-color:var(--accent, var(--gold));transform:translate(4px)}.ar-main-card-icon{font-size:36px;flex-shrink:0}.ar-main-card-content{flex:1}.ar-main-card-audience{display:inline-block;font-size:11px;font-weight:600;color:var(--accent, var(--gold));text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.ar-main-card h3{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;color:var(--text);margin:0 0 8px}.ar-main-card p{font-size:14px;color:var(--text-dim);margin:0;line-height:1.5}.ar-main-card-arrow{font-size:24px;color:var(--text-muted);transition:all .2s}.ar-main-card:hover .ar-main-card-arrow{color:var(--accent, var(--gold));transform:translate(4px)}.ar-additional-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.ar-additional-card{padding:24px;background:var(--bg);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:all .25s}.ar-additional-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.ar-additional-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ar-additional-card-icon{font-size:28px}.ar-additional-card-time{font-size:12px;color:var(--text-muted)}.ar-additional-card h3{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:var(--text);margin:0 0 8px}.ar-additional-card p{font-size:13px;color:var(--text-dim);margin:0;line-height:1.5}.ar-quick-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.ar-quick-link{display:flex;align-items:center;gap:10px;padding:14px 28px;background:var(--gold);color:#000;font-weight:600;font-size:14px;border-radius:8px;text-decoration:none;transition:all .2s}.ar-quick-link:hover{background:var(--gold-dark);transform:translateY(-2px)}.ar-quick-link-icon{font-size:18px}.ar-info-box{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:40px}.ar-info-box h2{font-family:"DM Serif Display",Georgia,serif;font-size:24px;font-weight:400;color:var(--text);margin:0 0 16px}.ar-info-box>p{font-size:15px;color:var(--text-dim);margin:0 0 32px;max-width:600px}.ar-info-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.ar-info-feature{display:flex;gap:14px;align-items:flex-start}.ar-info-feature-icon{font-size:24px;flex-shrink:0}.ar-info-feature strong{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.ar-info-feature span{font-size:13px;color:var(--text-muted)}.ar-footer{background:var(--bg);border-top:1px solid var(--border);padding:40px;margin-top:20px}.ar-footer-content{max-width:1000px;margin:0 auto;text-align:center}.ar-footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:20px;flex-wrap:wrap}.ar-footer-links button{background:none;border:none;color:var(--text-dim);font-size:13px;font-family:inherit;cursor:pointer;padding:4px;transition:color .2s}.ar-footer-links button:hover{color:var(--gold)}.ar-footer-copyright{font-size:13px;color:var(--text-muted);margin:0}@media (max-width: 768px){.ar-header{padding:12px 20px}.ar-nav a:not(.ar-nav-cta){display:none}.ar-hero{padding:100px 20px 60px}.ar-section{padding:40px 20px}.ar-main-card{flex-direction:column;text-align:center;padding:24px}.ar-main-card-arrow{display:none}.ar-quick-links{flex-direction:column;align-items:center}.ar-quick-link{width:100%;max-width:280px;justify-content:center}.ar-info-box{padding:24px}.ar-footer-links{flex-direction:column;gap:12px}}