body{margin:0}button,a{-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#080b14;margin:0;font-family:Arial,Helvetica,sans-serif}#root{width:100%}.app{min-height:100vh}.navbar{z-index:1000;background:#080b14f5;border-bottom:1px solid #202638;justify-content:space-between;align-items:center;width:100%;height:75px;padding:0 7%;display:flex;position:sticky;top:0}.logo{font-size:25px;font-weight:700}.logo span{color:#7c5cff}.nav-links{gap:35px;display:flex}.nav-links a{color:#c8ccda;font-size:15px;text-decoration:none}.nav-links a:hover{color:#fff}.nav-button{color:#fff;cursor:pointer;background:#7c5cff;border:none;border-radius:8px;padding:11px 20px;font-weight:600}.hero{text-align:center;background:radial-gradient(circle at top,#1a1640,#080b14 55%);justify-content:center;align-items:center;min-height:600px;padding:80px 20px;display:flex}.hero-content{max-width:800px}.badge{color:#bdb3ff;background:#141226;border:1px solid #393452;border-radius:30px;margin-bottom:25px;padding:8px 15px;font-size:14px;display:inline-block}.hero h1{color:#fff;margin-bottom:25px;font-size:clamp(45px,7vw,80px);line-height:1.05}.hero h1 span{color:#8b72ff}.hero p{color:#aeb4c5;max-width:650px;margin:auto;font-size:18px;line-height:1.7}.hero-buttons{justify-content:center;gap:15px;margin-top:35px;display:flex}.primary-button,.secondary-button{border-radius:8px;padding:14px 25px;font-weight:600;text-decoration:none}.primary-button{color:#fff;background:#7c5cff}.secondary-button{color:#fff;border:1px solid #343a4d}.tools-section{background:#0b0f1a;padding:100px 7%}.section-heading{text-align:center;max-width:700px;margin:auto}.section-heading p{color:#8b72ff;letter-spacing:2px;margin-bottom:12px;font-size:13px;font-weight:700}.section-heading h2{color:#fff;margin-bottom:15px;font-size:42px}.section-heading span{color:#9ea5b7;line-height:1.7}.tools-grid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1150px;margin:60px auto 0;display:grid}.tool-card{background:#101522;border:1px solid #252b3b;border-radius:15px;padding:30px;transition:all .3s}.tool-card:hover{border-color:#6753d8;transform:translateY(-6px)}.tool-icon{margin-bottom:20px;font-size:38px}.tool-card h3{color:#fff;margin-bottom:12px;font-size:21px}.tool-card p{color:#9da5b8;min-height:75px;line-height:1.6}.tool-card button{color:#9b88ff;cursor:pointer;background:0 0;border:none;margin-top:20px;font-size:15px;font-weight:600}.about-section{background:#080b14;padding:100px 20px}.footer{color:#858c9f;border-top:1px solid #202638;justify-content:space-between;align-items:center;padding:30px 7%;display:flex}.footer .logo{color:#fff}@media (width<=800px){.navbar{padding:0 5%}.nav-links{display:none}.nav-button{padding:9px 14px}.hero{min-height:550px}.hero h1{font-size:48px}.hero p{font-size:16px}.hero-buttons{flex-direction:column;align-items:center}.tools-grid{grid-template-columns:1fr}.section-heading h2{font-size:34px}.footer{text-align:center;flex-direction:column;gap:15px}.qr-settings{padding:16px}}.image-compressor{background:radial-gradient(circle at 50% 0,#1a1640 0%,#080b14 45%);min-height:calc(100vh - 75px);padding:80px 20px 100px}.compressor-header{text-align:center;max-width:800px;margin:0 auto 50px}.tool-badge{color:#bdb3ff;background:#141226;border:1px solid #393452;border-radius:30px;margin-bottom:20px;padding:8px 16px;font-size:14px;display:inline-block}.compressor-header h1{color:#fff;margin-bottom:18px;font-size:clamp(40px,6vw,65px)}.compressor-header p{color:#aeb4c5;font-size:18px;line-height:1.7}.upload-box{text-align:center;cursor:pointer;background:#101522;border:2px dashed #3c365f;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;max-width:850px;min-height:330px;margin:0 auto;transition:all .3s;display:flex}.upload-box:hover{background:#13182a;border-color:#7c5cff;transform:translateY(-3px)}.upload-box h2{color:#fff;margin-bottom:10px;font-size:25px}.upload-box p{color:#aeb4c5;margin-bottom:10px}.upload-box span{color:#7c5cff;font-size:14px}.error-message{color:#ffb4bd;text-align:center;background:#32151a;border:1px solid #73303a;border-radius:10px;max-width:850px;margin:25px auto;padding:15px 20px}.compressor-result{max-width:1100px;margin:0 auto}.image-preview{grid-template-columns:1fr 1fr;gap:25px;margin-bottom:30px;display:grid}.preview-card p{color:#9da5b8;font-size:15px}.compression-controls{background:#101522;border:1px solid #252b3b;border-radius:16px;margin-bottom:25px;padding:30px}.quality-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.quality-header label{color:#fff;font-size:17px;font-weight:600}.quality-header strong{color:#9b88ff;font-size:18px}.compression-controls input[type=range]{accent-color:#7c5cff;cursor:pointer;width:100%}.quality-labels{color:#858c9f;justify-content:space-between;margin-top:10px;font-size:13px;display:flex}.size-info{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.size-info>div{text-align:center;background:#101522;border:1px solid #252b3b;border-radius:14px;padding:25px}.size-info span{color:#858c9f;margin-bottom:10px;font-size:14px;display:block}.size-info strong{color:#fff;font-size:21px}.download-button,.reset-button{cursor:pointer;border:none;border-radius:9px;padding:14px 25px;font-size:15px;font-weight:600;transition:all .3s}.download-button{color:#fff;background:#7c5cff}@media (width<=700px){.image-compressor{padding:55px 15px 70px}.compressor-header h1{font-size:42px}.compressor-header p{font-size:16px}.upload-box{min-height:280px}.image-preview{grid-template-columns:1fr}.preview-card img{height:250px}.size-info{grid-template-columns:1fr}.action-buttons{flex-direction:column}.download-button,.reset-button{width:100%}}.resolution-select{color:#fff;cursor:pointer;background:#080b14;border:1px solid #343a4d;border-radius:10px;outline:none;width:100%;margin-top:10px;padding:14px 16px;font-size:16px}.resolution-select:focus{border-color:#7c5cff}.resolution-select option{color:#fff;background:#101522}.resolution-note{color:#858c9f;margin-top:12px;font-size:13px;line-height:1.5}.image-resizer{background:radial-gradient(circle at 50% 0,#1a1640 0%,#080b14 45%);min-height:calc(100vh - 75px);padding:80px 20px 100px}.resizer-header{text-align:center;max-width:850px;margin:0 auto 50px}.resizer-header h1{color:#fff;margin:15px 0;font-size:clamp(40px,6vw,65px)}.resizer-header p{color:#aeb4c5;font-size:18px;line-height:1.7}.resizer-container{max-width:1100px;margin:auto}.resizer-preview{grid-template-columns:1fr 1fr;gap:25px;margin-bottom:30px;display:grid}.preview-card{text-align:center;background:#101522;border:1px solid #252b3b;border-radius:16px;padding:25px}.preview-card h3{color:#fff;margin-bottom:20px;font-size:20px}.preview-card img{object-fit:contain;background:#080b14;border-radius:10px;width:100%;height:330px;margin-bottom:15px}.preview-card p{color:#9da5b8;margin:5px 0}.resize-controls{background:#101522;border:1px solid #252b3b;border-radius:16px;margin-bottom:30px;padding:30px}.resize-controls h2{color:#fff;margin-bottom:25px}.dimension-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dimension-field label{color:#aeb4c5;margin-bottom:10px;font-size:14px;display:block}.dimension-field input{box-sizing:border-box;color:#fff;background:#080b14;border:1px solid #343a4d;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-size:16px}.dimension-field input:focus{border-color:#7c5cff}.ratio-option{color:#c3c9d8;cursor:pointer;align-items:center;gap:10px;margin-top:22px;display:flex}.ratio-option input{accent-color:#7c5cff;width:17px;height:17px}.preset-buttons{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.preset-buttons button{color:#c5baff;cursor:pointer;background:#080b14;border:1px solid #343a4d;border-radius:9px;padding:12px 22px;font-weight:600;transition:all .3s}.preset-buttons button:hover{background:#18132e;border-color:#7c5cff;transform:translateY(-2px)}.action-buttons{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.download-button,.reset-button{cursor:pointer;border-radius:10px;padding:15px 28px;font-size:15px;font-weight:600;transition:all .3s}.download-button{color:#fff;background:#7c5cff;border:none}.download-button:hover{background:#6948ee;transform:translateY(-2px)}.reset-button{color:#fff;background:0 0;border:1px solid #343a4d}.reset-button:hover{color:#c5baff;border-color:#7c5cff}@media (width<=700px){.image-resizer{padding:55px 15px 70px}.resizer-preview,.dimension-grid{grid-template-columns:1fr}.preview-card img{height:270px}.action-buttons{flex-direction:column}.download-button,.reset-button{width:100%}}.qr-generator{color:#fff;background:radial-gradient(circle at top,#7c4dff2e,#0000 35%),#080b14;min-height:100vh;padding:70px 7% 100px}.qr-header{text-align:center;max-width:900px;margin:0 auto 50px}.qr-header .tool-badge{color:#b79cff;background:#8b5cf614;border:1px solid #8b5cf659;border-radius:30px;align-items:center;margin-bottom:22px;padding:10px 18px;font-size:15px;display:inline-flex}.qr-header h1{letter-spacing:-2px;margin:0;font-size:clamp(42px,6vw,72px);font-weight:800;line-height:1.1}.qr-header p{color:#9ca9c7;max-width:650px;margin:20px auto 0;font-size:18px;line-height:1.7}.qr-container{grid-template-columns:1fr 1fr;gap:28px;max-width:1100px;margin:0 auto;display:grid}.qr-input-card,.qr-result-card{background:#111624;border:1px solid #252c40;border-radius:22px;padding:32px;box-shadow:0 20px 50px #00000040}.qr-input-card h2,.qr-result-card h2{margin:0 0 25px;font-size:24px}.qr-input-card label{color:#b8c2dc;margin-bottom:10px;font-size:15px;font-weight:600;display:block}.qr-input-card textarea{box-sizing:border-box;color:#fff;resize:vertical;background:#080b14;border:1px solid #30384e;border-radius:14px;outline:none;width:100%;min-height:150px;padding:16px;font-size:16px;line-height:1.6;transition:all .2s}.qr-input-card textarea::placeholder{color:#68738e}.qr-input-card textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.qr-actions{gap:14px;margin-top:22px;display:flex}.qr-actions button,.qr-download{cursor:pointer;border:none;border-radius:12px;padding:14px 20px;font-size:15px;font-weight:700;transition:all .2s}.qr-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#8b5cf6);flex:1}.qr-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #7c3aed4d}.qr-secondary{color:#c5cee3;background:#1a2030;border:1px solid #30384e!important}.qr-secondary:hover{background:#252c40}.qr-result-card{text-align:center}.qr-image-box{box-sizing:border-box;background:#fff;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:320px;padding:20px;display:flex}.qr-image-box img{width:min(100%,320px);height:auto;display:block}.qr-info{color:#8f9bb5;margin:20px 0;font-size:14px;line-height:1.6}.qr-download{color:#fff;background:linear-gradient(135deg,#7c3aed,#8b5cf6);width:100%}.qr-download:hover{transform:translateY(-2px);box-shadow:0 10px 25px #7c3aed4d}@media (width<=800px){.qr-generator{padding:45px 20px 70px}.qr-header{margin-bottom:35px}.qr-header h1{letter-spacing:-1px;font-size:42px}.qr-header p{font-size:16px}.qr-container{grid-template-columns:1fr}.qr-input-card,.qr-result-card{padding:22px}.qr-actions{flex-direction:column}.qr-primary,.qr-secondary{width:100%}.qr-image-box{min-height:280px}}.qr-settings{background:#0c101b;border:1px solid #252c40;border-radius:16px;grid-template-columns:1fr;gap:18px;margin-top:25px;padding:20px;display:grid}.qr-setting label{margin-bottom:9px}.qr-setting select{box-sizing:border-box;color:#fff;cursor:pointer;background:#080b14;border:1px solid #30384e;border-radius:10px;outline:none;width:100%;padding:13px 15px;font-size:15px}.qr-setting select:focus{border-color:#8b5cf6}.color-control{align-items:center;gap:12px;display:flex}.color-control input[type=color]{cursor:pointer;background:#080b14;border:1px solid #30384e;border-radius:9px;width:52px;height:42px;padding:3px}.color-control span{color:#9ca9c7;font-family:monospace;font-size:14px}.qr-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px auto;display:flex}.qr-file-preview img{object-fit:contain;border-radius:10px;max-width:300px;max-height:300px}.qr-file-preview video{border-radius:10px;width:100%;max-width:500px;max-height:300px}.qr-file-preview p{color:#aaa;word-break:break-word;margin-top:8px}.qr-card input[type=text]{color:#fff;box-sizing:border-box;background:#101010;border:1px solid #444;border-radius:8px;width:100%;margin-top:15px;padding:13px}.qr-generator{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:50px 20px 80px}.qr-header{text-align:center;margin-bottom:35px}.qr-header h1{margin-bottom:12px;font-size:58px}.qr-header p{color:#aaa;font-size:18px}.qr-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:30px;display:flex}.qr-tab{color:#fff;cursor:pointer;background:#151515;border:1px solid #333;border-radius:10px;padding:12px 22px;font-size:16px;transition:all .2s}.qr-tab:hover{transform:translateY(-2px)}.qr-tab.active{color:#000;background:#fff}.qr-container{width:100%;max-width:900px;margin:auto}.qr-card{box-sizing:border-box;background:#0d101a;border:1px solid #252b3d;border-radius:16px;margin-bottom:20px;padding:25px}.qr-card h3{margin-top:0;margin-bottom:15px;font-size:21px}.qr-card textarea{box-sizing:border-box;color:#fff;resize:vertical;background:#080a10;border:1px solid #34394b;border-radius:10px;outline:none;width:100%;min-height:150px;padding:15px;font-size:16px}.qr-card textarea:focus{border-color:#7c4dff}.qr-card input[type=file]{box-sizing:border-box;color:#ddd;cursor:pointer;background:#080a10;border:1px dashed #444;border-radius:10px;width:100%;padding:14px}.qr-card input[type=text]{box-sizing:border-box;color:#fff;background:#080a10;border:1px solid #34394b;border-radius:10px;outline:none;width:100%;margin-top:15px;padding:14px;font-size:15px}.qr-card input[type=text]:focus{border-color:#7c4dff}.qr-file-preview{text-align:center;margin-top:20px}.qr-file-preview img{object-fit:contain;border:1px solid #333;border-radius:12px;width:100%;max-width:350px;max-height:350px}.qr-file-preview video{border:1px solid #333;border-radius:12px;width:100%;max-width:600px;max-height:350px}.qr-file-preview p{color:#aaa;word-break:break-word;font-size:14px}.qr-url-note{color:#888;margin-top:12px;font-size:13px;line-height:1.6}.qr-settings{box-sizing:border-box;background:#0d101a;border:1px solid #252b3d;border-radius:16px;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:25px;padding:25px;display:grid}.qr-settings>div{flex-direction:column;gap:10px;display:flex}.qr-settings label{color:#fff;font-size:15px}.qr-settings select{color:#fff;background:#080a10;border:1px solid #444;border-radius:8px;padding:12px;font-size:15px}.qr-settings input[type=color]{cursor:pointer;background:0 0;border:1px solid #555;border-radius:8px;width:60px;height:42px;padding:2px}.qr-buttons{justify-content:center;gap:15px;margin:25px 0;display:flex}.qr-buttons button{cursor:pointer;border:none;border-radius:9px;padding:13px 25px;font-size:16px;font-weight:600;transition:all .2s}.qr-buttons button:hover{transform:translateY(-2px)}.primary-btn{color:#fff;background:#7c4dff}.secondary-btn{color:#fff;background:#252525;border:1px solid #444!important}.qr-result{text-align:center;background:#0d101a;border:1px solid #252b3d;border-radius:16px;margin-top:35px;padding:30px}.qr-result h3{margin-bottom:20px}.qr-image{box-sizing:border-box;background:#fff;border-radius:10px;width:100%;max-width:500px;margin:0 auto 25px;padding:10px;display:block}.download-qr{color:#fff;background:#7c4dff;border-radius:8px;padding:12px 22px;font-weight:600;text-decoration:none;display:inline-block}@media (width<=800px){.qr-generator{padding:35px 15px 60px}.qr-header h1{font-size:38px}.qr-header p{font-size:15px}.qr-settings{grid-template-columns:1fr}.qr-buttons{flex-direction:column}.qr-buttons button{width:100%}.qr-card{padding:18px}.qr-image{max-width:100%}}@media (width<=768px){.image-to-pdf{margin:25px auto;padding:15px}.image-to-pdf-header h1{font-size:34px}.image-to-pdf-container,.image-to-pdf-options,.image-to-pdf-preview{grid-template-columns:1fr}.image-to-pdf-buttons{flex-direction:column}.image-to-pdf-buttons button{width:100%}}.qr-buttons{justify-content:center;align-items:center;gap:15px;margin-top:30px;display:flex}.qr-buttons button{cursor:pointer;box-sizing:border-box;border-radius:10px;width:auto;min-width:150px;height:52px;padding:0 24px;font-size:16px;font-weight:700}.qr-buttons .primary-btn{min-width:220px}.qr-buttons .secondary-btn{min-width:110px}.qr-file-actions{text-align:center;margin-top:20px}.qr-link-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:15px;display:flex}.open-file-btn,.copy-link-btn{cursor:pointer;box-sizing:border-box;border-radius:9px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.open-file-btn{color:#fff;background:#6d3df5}.copy-link-btn{color:#fff;background:#222;border:1px solid #444}.open-file-btn:hover,.copy-link-btn:hover{opacity:.85}@media (width<=600px){.qr-link-buttons{flex-direction:column}.open-file-btn,.copy-link-btn{width:100%;max-width:280px}}.file-info{text-align:center;margin-top:10px}.file-info p{word-break:break-word;margin:8px 0;line-height:1.5}.file-info p:first-child{overflow-wrap:anywhere;max-width:100%}.image-to-pdf{max-width:1100px;margin:50px auto;padding:20px}.image-to-pdf-header{text-align:center;margin-bottom:35px}.image-to-pdf-header h1{margin-bottom:10px;font-size:48px}.image-to-pdf-header p{color:#aeb4c4;font-size:18px}.image-to-pdf-container{grid-template-columns:1fr 1fr;gap:25px;display:grid}.image-to-pdf-card{background:#111522;border:1px solid #292f40;border-radius:18px;padding:30px}.image-to-pdf-card h3{margin-bottom:20px;font-size:22px}.image-upload-box{text-align:center;cursor:pointer;border:2px dashed #444b60;border-radius:14px;margin-bottom:25px;padding:35px 20px}.image-upload-box:hover{border-color:#7c4dff}.image-to-pdf-options{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.image-to-pdf-options label{margin-bottom:8px;font-weight:600;display:block}.image-to-pdf-options select{color:#fff;background:#0b0e16;border:1px solid #3a4050;border-radius:9px;width:100%;padding:12px}.image-to-pdf-buttons{justify-content:center;gap:15px;margin-top:30px;display:flex}.image-to-pdf-buttons button{cursor:pointer;border:none;border-radius:10px;height:50px;padding:0 25px;font-size:16px;font-weight:700}.image-to-pdf-preview{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;display:grid}.image-to-pdf-preview img{object-fit:contain;background:#080a10;border-radius:10px;width:100%;max-height:250px}@media (width<=768px){.image-to-pdf{margin:25px auto;padding:15px}.image-to-pdf-header h1{font-size:34px}.image-to-pdf-container,.image-to-pdf-options,.image-to-pdf-preview{grid-template-columns:1fr}.image-to-pdf-buttons{flex-direction:column}.image-to-pdf-buttons button{width:100%}}.pdf-merger{max-width:1100px;margin:70px auto;padding:0 20px}.pdf-header h1{color:#fff;margin-bottom:12px;font-size:52px}.pdf-container{grid-template-columns:1fr 1fr;gap:30px;display:grid}.pdf-card{background:#111522;border:1px solid #292f42;border-radius:18px;min-height:300px;padding:30px}.pdf-card h3{color:#fff;margin-bottom:25px;font-size:24px}.pdf-upload{text-align:center;cursor:pointer;border:2px dashed #454d67;border-radius:14px;padding:45px 20px}.pdf-upload:hover{border-color:#7c4dff}.pdf-upload input{width:100%}.pdf-files{margin-top:25px}.pdf-file{background:#191e2d;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;padding:12px 15px;display:flex}.pdf-file-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pdf-file-size{color:#929bb1;font-size:14px}.pdf-buttons{justify-content:center;align-items:center;gap:15px;margin-top:35px;display:flex}.pdf-buttons button{cursor:pointer;box-sizing:border-box;border-radius:10px;width:auto;min-width:150px;height:52px;padding:0 24px;font-size:16px;font-weight:700}.pdf-buttons .primary-btn{min-width:190px}.pdf-buttons .secondary-btn{min-width:110px}@media (width<=768px){.pdf-merger{margin:40px auto}.pdf-header h1{font-size:36px}.pdf-container{grid-template-columns:1fr}.pdf-card{padding:22px}.pdf-buttons{flex-direction:column}.pdf-buttons button{width:100%}}.pdf-merger{width:100%;max-width:1200px;margin:0 auto;padding:70px 20px}.pdf-header{text-align:center;margin-bottom:45px}.pdf-header h1{margin-bottom:12px;font-size:48px}.pdf-header p{color:#aeb7d0;font-size:18px}.pdf-layout{grid-template-columns:1fr 1fr;gap:30px;display:grid}.pdf-card{background:#111522;border:1px solid #252d40;border-radius:18px;padding:30px}.pdf-card h2{margin-top:0;margin-bottom:25px}.pdf-drop-zone{text-align:center;border:2px dashed #5963ff;border-radius:16px;padding:45px 20px;transition:all .2s}.pdf-drop-zone:hover{background:#8b5cff0d;border-color:#8b5cff}.drop-icon{margin-bottom:10px;font-size:50px}.pdf-drop-zone h3{margin:10px 0}.pdf-drop-zone p{color:#8993ad;margin:8px 0}.pdf-drop-zone small{color:#7e879d;margin-top:15px;display:block}.browse-btn{color:#fff;cursor:pointer;background:#7c4dff;border-radius:9px;padding:12px 25px;font-weight:700;display:inline-block}.browse-btn:hover{background:#6b3ff0}.browse-btn input{display:none}.selected-pdfs{margin-top:25px}.pdf-selected-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.clear-small-btn{color:#b58cff;cursor:pointer;background:0 0;border:none;font-weight:600}.pdf-file-item{background:#181e2d;border:1px solid #292f42;border-radius:12px;align-items:center;gap:15px;margin-bottom:12px;padding:12px;display:flex}.pdf-thumbnail{background:#0c101a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:85px;display:flex;overflow:hidden}.pdf-thumbnail img{object-fit:cover;width:100%;height:100%}.preview-loading{font-size:25px}.pdf-file-info{flex:1;min-width:0}.pdf-file-info strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pdf-file-info span{color:#8993ad;margin-top:6px;font-size:13px;display:block}.pdf-file-actions{gap:6px;display:flex}.pdf-file-actions button{color:#fff;cursor:pointer;background:#202738;border:1px solid #363e53;border-radius:7px;width:34px;height:34px;font-size:16px}.pdf-file-actions button:hover:not(:disabled){background:#7c4dff}.pdf-file-actions button:disabled{opacity:.3;cursor:not-allowed}.pdf-file-actions .remove-pdf-btn:hover{background:#e74c3c}.pdf-buttons{justify-content:center;gap:15px;margin-top:30px;display:flex}.pdf-buttons button{cursor:pointer;border:none;border-radius:10px;min-height:50px;padding:0 25px;font-size:16px;font-weight:700}.pdf-buttons .primary-btn{color:#fff;background:#7c4dff}.pdf-buttons .primary-btn:hover:not(:disabled){background:#6b3ff0}.pdf-buttons .primary-btn:disabled{opacity:.5;cursor:not-allowed}.pdf-buttons .secondary-btn{color:#fff;background:#292929}.pdf-buttons .secondary-btn:hover{background:#383838}.pdf-progress{margin-top:25px}.progress-text{color:#c8cee0;justify-content:space-between;margin-bottom:10px;display:flex}.progress-bar{background:#242a3a;border-radius:20px;width:100%;height:10px;overflow:hidden}.progress-fill{background:#7c4dff;border-radius:20px;height:100%;transition:width .2s}.pdf-info-card{min-height:400px}.merge-status{background:#181e2d;border-radius:12px;gap:15px;padding:20px;display:flex}.merge-status span{font-size:25px}.merge-status p{color:#8993ad;margin-bottom:0;line-height:1.6}.empty-pdf-state{text-align:center;color:#8993ad;padding:70px 20px}.empty-pdf-state>div{margin-bottom:15px;font-size:60px}.empty-pdf-state h3{color:#fff}.merge-tips{background:#181e2d;border-radius:12px;margin-top:25px;padding:20px}.merge-tips h3{margin-top:0}.merge-tips p{color:#9da6bd;line-height:1.6}@media (width<=800px){.pdf-layout{grid-template-columns:1fr}.pdf-header h1{font-size:36px}.pdf-file-item{flex-wrap:wrap}.pdf-file-info{min-width:150px}.pdf-buttons{flex-direction:column}.pdf-buttons button{width:100%}}.tts-tool{color:#f5f5f7;max-width:1200px;margin:0 auto;padding:60px 24px 80px}.tts-header{justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px;display:flex}.tts-header h1{margin:0 0 10px;font-size:42px;font-weight:800}.tts-header p{color:#aeb4c7;margin:0;font-size:17px}.tts-badge{color:#b59cff;white-space:nowrap;background:#734cff1a;border:1px solid #734cff;border-radius:30px;padding:12px 18px}.tts-layout{grid-template-columns:1.5fr 1fr;gap:25px;display:grid}.tts-main-card,.tts-settings-card{background:#111522;border:1px solid #272e42;border-radius:20px;padding:28px;box-shadow:0 15px 40px #00000040}.tts-section-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.tts-section-title span{font-size:25px}.tts-section-title h2{margin:0;font-size:22px}.tts-textarea{box-sizing:border-box;resize:vertical;color:#fff;background:#090d17;border:1px solid #30384f;border-radius:14px;outline:none;width:100%;min-height:330px;padding:18px;font-family:inherit;font-size:16px;line-height:1.7}.tts-textarea:focus{border-color:#815cff;box-shadow:0 0 0 3px #815cff1f}.tts-textarea::placeholder{color:#707991}.tts-stats{color:#8f98ae;justify-content:space-between;margin:12px 2px 20px;font-size:14px;display:flex}.tts-stats b{color:#c0aaff}.tts-buttons{flex-wrap:wrap;gap:10px;display:flex}.tts-buttons button,.tts-download-btn,.voice-option{cursor:pointer;font-family:inherit;transition:all .2s}.tts-primary-btn{color:#fff;background:#7650ff;border:none;border-radius:10px;padding:12px 20px;font-weight:700}.tts-primary-btn:hover{background:#8664ff;transform:translateY(-2px)}.tts-secondary-btn{color:#e7e9f0;background:#191f30;border:1px solid #343d55;border-radius:10px;padding:12px 18px}.tts-secondary-btn:hover{border-color:#7650ff}.tts-danger-btn{color:#ff9dad;background:#24151c;border:1px solid #5b3340;border-radius:10px;padding:12px 18px}.tts-danger-btn:hover{background:#351a24}.tts-download-box{background:#181e2d;border:1px solid #2c354b;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;padding:20px;display:flex}.tts-download-box h3{margin:0 0 7px}.tts-download-box p{color:#8f98ae;margin:0;font-size:14px}.tts-download-btn{color:#8d93a2;background:#3b4050;border:none;border-radius:10px;padding:12px 18px;font-weight:700}.tts-download-btn:disabled{cursor:not-allowed;opacity:.65}.tts-settings-card label{color:#dce0ea;margin:20px 0 10px;font-weight:600;display:block}.voice-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.voice-option{color:#e8eaf0;background:#171d2b;border:1px solid #30384f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:80px;font-size:14px;display:flex}.voice-option:first-line{font-size:24px}.voice-option:hover{border-color:#7650ff;transform:translateY(-2px)}.voice-option.active{background:#7650ff29;border-color:#8b6cff;box-shadow:0 0 0 2px #7650ff1a}.tts-settings-card select{color:#fff;background:#090d17;border:1px solid #30384f;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:14px}.tts-settings-card select:focus{border-color:#7650ff}.tts-slider{margin-top:22px}.tts-slider>div{color:#cfd3df;justify-content:space-between;margin-bottom:8px;display:flex}.tts-slider b{color:#b9a5ff}.tts-slider input[type=range]{accent-color:#7650ff;width:100%}.tts-info{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px;display:grid}.tts-info>div{background:#111522;border:1px solid #272e42;border-radius:15px;padding:20px}.tts-info span{font-size:24px}.tts-info strong{margin-top:10px;font-size:15px;display:block}.tts-info p{color:#8f98ae;margin:7px 0 0;font-size:13px;line-height:1.5}@media (width<=850px){.tts-layout{grid-template-columns:1fr}.tts-info{grid-template-columns:1fr 1fr}.tts-header{flex-direction:column;align-items:flex-start}.tts-header h1{font-size:32px}}@media (width<=550px){.tts-tool{padding:35px 15px 60px}.tts-main-card,.tts-settings-card{padding:20px}.tts-info{grid-template-columns:1fr}.tts-download-box{flex-direction:column;align-items:flex-start}.voice-grid{grid-template-columns:1fr 1fr}}.tts-download-btn:not(:disabled){transition:all .25s;animation:1.5s ease-in-out infinite downloadGlow;transform:translateY(0);box-shadow:0 0 8px #8b5cf6b3,0 0 20px #8b5cf680,0 0 35px #8b5cf64d}.tts-download-btn:not(:disabled):hover{transform:translateY(-2px)scale(1.03);box-shadow:0 0 12px #8b5cf6e6,0 0 28px #8b5cf6b3,0 0 45px #8b5cf680}@keyframes downloadGlow{0%{box-shadow:0 0 6px #8b5cf680,0 0 15px #8b5cf64d}50%{box-shadow:0 0 12px #8b5cf6e6,0 0 28px #8b5cf6b3,0 0 45px #8b5cf666}to{box-shadow:0 0 6px #8b5cf680,0 0 15px #8b5cf64d}}.text-video-page{box-sizing:border-box;width:100%;max-width:1250px;margin:0 auto;padding:30px 20px 50px}.text-video-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.text-video-header h1{letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:800}.text-video-header p{color:#9ca3af;margin:0;font-size:15px}.ai-video-badge{color:#c4b5fd;white-space:nowrap;background:#8b5cf61a;border:1px solid #8b5cf659;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:700}.text-video-layout{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start;gap:24px;display:grid}.video-settings-panel,.video-preview-panel{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827b8;border:1px solid #ffffff14;border-radius:20px;padding:22px}.video-section{margin-bottom:24px}.video-label{color:#f3f4f6;margin-bottom:10px;font-size:15px;font-weight:700;display:block}.video-label span{color:#6b7280;font-weight:400}.video-prompt{resize:vertical;box-sizing:border-box;color:#f9fafb;background:#0b1120;border:1px solid #273244;border-radius:14px;outline:none;width:100%;min-height:160px;padding:16px;font-family:inherit;font-size:15px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.video-prompt::placeholder{color:#64748b}.video-prompt:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.prompt-hint{color:#6b7280;margin-top:8px;font-size:12px;line-height:1.5}.image-upload-box{cursor:pointer;background:#0b1120bf;border:1px dashed #3b4658;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:145px;transition:border-color .2s,background .2s;display:flex}.image-upload-box:hover{background:#8b5cf60d;border-color:#8b5cf6}.image-upload-box strong{color:#e5e7eb;font-size:14px}.image-upload-box span{color:#6b7280;text-align:center;font-size:12px}.upload-icon{margin-bottom:3px;font-size:30px}.uploaded-image-box{background:#080d18;border:1px solid #293548;border-radius:15px;position:relative;overflow:hidden}.uploaded-image-box img{object-fit:contain;width:100%;max-height:250px;display:block}.remove-image-btn{color:#fca5a5;cursor:pointer;background:#ef44441a;border:none;border-top:1px solid #293548;width:100%;padding:10px;font-weight:600;transition:background .2s}.remove-image-btn:hover{background:#ef44442e}.video-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.video-control label{color:#d1d5db;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.video-control select{color:#f9fafb;cursor:pointer;background:#0b1120;border:1px solid #293548;border-radius:11px;outline:none;width:100%;min-height:46px;padding:0 13px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.video-control select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.video-control select option{color:#f9fafb;background:#111827}.generate-video-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;border-radius:13px;width:100%;min-height:52px;font-size:15px;font-weight:800;transition:transform .2s,opacity .2s,box-shadow .2s}.generate-video-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #7c3aed38}.generate-video-btn:active:not(:disabled){transform:translateY(0)}.generate-video-btn:disabled{opacity:.65;cursor:not-allowed}.generation-note{text-align:center;color:#64748b;margin:10px 0 0;font-size:11px}.preview-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-header h2{color:#f3f4f6;margin:0;font-size:17px;font-weight:750}.preview-header span{color:#c4b5fd;background:#8b5cf61a;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.video-preview-box{box-sizing:border-box;background:radial-gradient(circle,#8b5cf612,#0000 55%),#070b13;border:1px solid #293548;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.ratio-9-16{aspect-ratio:9/16;max-height:600px}.ratio-16-9{aspect-ratio:16/9}.ratio-1-1{aspect-ratio:1}.empty-preview{text-align:center;padding:30px}.preview-icon{opacity:.8;margin-bottom:12px;font-size:46px}.empty-preview h3{color:#d1d5db;margin:0 0 7px;font-size:14px}.empty-preview p{color:#64748b;margin:0;font-size:12px;line-height:1.5}.generating-state{text-align:center;box-sizing:border-box;width:100%;padding:35px 20px}.loading-circle{border:2px solid #334155;border-top-color:#8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 15px;font-size:24px;animation:1s linear infinite videoSpin;display:flex}.generating-state h3{color:#e5e7eb;margin:0 0 6px;font-size:15px}.generating-state p{color:#64748b;margin:0 0 18px;font-size:12px}.generation-progress{background:#1e293b;border-radius:99px;width:80%;height:5px;margin:0 auto;overflow:hidden}.progress-bar{background:#8b5cf6;border-radius:99px;width:45%;height:100%;animation:1.5s ease-in-out infinite progressMove}@keyframes videoSpin{to{transform:rotate(360deg)}}@keyframes progressMove{0%{transform:translate(-110%)}to{transform:translate(230%)}}.generated-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.video-info-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.video-info-row div{background:#0b1120a6;border:1px solid #293548;border-radius:10px;padding:11px}.video-info-row span{color:#64748b;margin-bottom:4px;font-size:10px;display:block}.video-info-row strong{color:#d1d5db;font-size:12px}.download-video-btn{text-align:center;color:#c4b5fd;background:#8b5cf614;border:1px solid #334155;border-radius:11px;margin-top:14px;padding:13px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s;display:block}.download-video-btn:hover{background:#8b5cf624;border-color:#8b5cf6}@media (width<=900px){.text-video-layout{grid-template-columns:1fr}.video-preview-panel{order:-1}.ratio-9-16{max-width:380px;margin:0 auto}}@media (width<=600px){.text-video-page{padding:20px 12px 35px}.text-video-header{flex-direction:column;align-items:flex-start}.text-video-header h1{font-size:26px}.video-settings-panel,.video-preview-panel{border-radius:16px;padding:16px}.video-settings-grid,.video-info-row{grid-template-columns:1fr}.ratio-9-16{max-height:500px}}.upload-content{box-sizing:border-box;text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:160px;padding:20px;display:flex}.upload-content strong,.upload-content span,.upload-content small{text-align:center;width:100%;display:block}.upload-content strong{color:#e5e7eb;font-size:14px}.upload-content span{color:#94a3b8;font-size:12px}.upload-content small{color:#64748b;font-size:10px}.video-studio-page{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:30px 20px 60px}.video-studio-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.studio-title-row{align-items:center;gap:12px;display:flex}.studio-icon{font-size:34px}.video-studio-header h1{color:#f8fafc;margin:0;font-size:32px;font-weight:800}.video-studio-header p{color:#94a3b8;margin:8px 0 0 46px;font-size:14px}.studio-badge{color:#c4b5fd;background:#8b5cf614;border:1px solid #8b5cf659;border-radius:999px;padding:9px 15px;font-size:12px;font-weight:700}.character-panel{background:#0f172ab8;border:1px solid #273244;border-radius:18px;margin-bottom:25px;padding:20px}.character-panel-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.character-panel-header h2{color:#f1f5f9;margin:0 0 6px;font-size:17px}.character-panel-header p{color:#64748b;margin:0;font-size:12px}.consistency-toggle{color:#94a3b8;cursor:pointer;background:#111827;border:1px solid #334155;border-radius:999px;min-width:65px;padding:9px 15px;font-weight:800}.consistency-toggle.active{color:#c4b5fd;background:#8b5cf629;border-color:#8b5cf6}.character-settings{grid-template-columns:minmax(220px,280px) 1fr;gap:20px;margin-top:20px;display:grid}.character-upload{background:#0b1120;border:1.5px dashed #3b4658;border-radius:15px;min-height:190px;transition:all .2s}.character-upload:hover,.character-upload.character-drag-active{background:#8b5cf60f;border-color:#8b5cf6}.character-upload-content{box-sizing:border-box;text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;padding:20px;display:flex}.character-upload-icon{margin-bottom:5px;font-size:38px}.character-upload-content strong{color:#e5e7eb;font-size:14px}.character-upload-content span{color:#94a3b8;font-size:12px}.character-upload-content small{color:#64748b;font-size:10px}.character-preview-box{background:#080d18;border:1px solid #334155;border-radius:15px;overflow:hidden}.character-preview-box img{object-fit:cover;width:100%;height:190px;display:block}.character-preview-info{justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.character-preview-info strong{color:#d1d5db;font-size:12px}.character-preview-info button{color:#fca5a5;cursor:pointer;background:#ef44441a;border:none;border-radius:8px;padding:7px 10px;font-size:11px}.character-options{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:12px;display:grid}.character-options label{color:#cbd5e1;cursor:pointer;background:#0b1120a6;border:1px solid #293548;border-radius:11px;align-items:center;gap:10px;min-height:48px;padding:0 13px;font-size:12px;display:flex}.character-options input{accent-color:#8b5cf6}.generated-videos-section{margin-bottom:28px}.generated-videos-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.generated-videos-header h2{color:#f1f5f9;margin:0 0 4px;font-size:20px}.generated-videos-header p{color:#64748b;margin:0;font-size:11px}.active-jobs{color:#c4b5fd;background:#8b5cf61a;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700}.video-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.generated-video-card{background:#0f1726;border:1px solid #273244;border-radius:15px;transition:border-color .2s,transform .2s;overflow:hidden}.generated-video-card:hover{border-color:#4c3a7a;transform:translateY(-2px)}.video-card-preview{background:#070b13;width:100%;position:relative;overflow:hidden}.video-card-preview.ratio-9-16{aspect-ratio:9/16}.video-card-preview.ratio-16-9{aspect-ratio:16/9}.video-card-preview.ratio-1-1{aspect-ratio:1}.video-card-preview video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.video-generating{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.video-loading-icon{border:2px solid #334155;border-top-color:#8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;font-size:22px;animation:1s linear infinite studioSpin;display:flex}.video-generating strong{color:#e2e8f0;font-size:13px}.video-generating>span{color:#8b5cf6;margin-top:5px;font-size:11px;font-weight:700}.video-progress{background:#1e293b;border-radius:99px;width:85%;height:4px;margin-top:14px;overflow:hidden}.video-progress div{background:#8b5cf6;border-radius:99px;height:100%;transition:width .4s}@keyframes studioSpin{to{transform:rotate(360deg)}}.video-ready-placeholder{background:radial-gradient(circle,#8b5cf617,#0000 55%);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.video-ready-placeholder span{color:#c4b5fd;background:#8b5cf626;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;display:flex}.video-ready-placeholder strong{color:#d1d5db;font-size:12px}.video-menu-wrapper{position:absolute;top:10px;right:10px}.video-three-dots{color:#fff;cursor:pointer;opacity:0;background:#000000b3;border:1px solid #ffffff1f;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:21px;transition:opacity .2s;display:flex}.generated-video-card:hover .video-three-dots{opacity:1}.video-action-menu{z-index:20;background:#111827;border:1px solid #334155;border-radius:12px;width:175px;padding:6px;display:none;position:absolute;top:40px;right:0;box-shadow:0 12px 30px #00000073}.video-action-menu.show{display:block}.video-action-menu button{color:#d1d5db;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;width:100%;padding:9px 10px;font-size:12px}.video-action-menu .danger-action{color:#fca5a5}.video-card-info{padding:11px}.video-card-info p{color:#cbd5e1;height:35px;margin:0 0 9px;font-size:11px;line-height:1.5;overflow:hidden}.video-card-meta{flex-wrap:wrap;gap:5px;display:flex}.video-card-meta span{color:#64748b;background:#172033;border-radius:6px;padding:4px 7px;font-size:9px}.video-composer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;background:#0a0f1af0;border:1px solid #34415a;border-radius:18px;margin-top:20px;padding:14px;position:sticky;bottom:15px;box-shadow:0 12px 40px #00000059}.studio-prompt{box-sizing:border-box;resize:vertical;color:#f8fafc;background:0 0;border:none;outline:none;width:100%;min-height:90px;padding:13px;font-family:inherit;font-size:14px;line-height:1.6}.studio-prompt::placeholder{color:#64748b}.composer-toolbar{border-top:1px solid #1e293b;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.composer-left,.composer-right{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.composer-add{color:#cbd5e1;cursor:pointer;background:#111827;border:1px solid #334155;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;display:flex}.composer-tool,.composer-right select{color:#cbd5e1;cursor:pointer;background:#111827;border:1px solid #334155;border-radius:8px;min-height:34px;padding:0 9px;font-family:inherit;font-size:10px}.composer-tool:hover,.composer-tool.active{color:#c4b5fd;background:#8b5cf61a;border-color:#8b5cf6}.composer-right select{outline:none}.composer-right select option{background:#111827}.studio-generate-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;font-weight:800;transition:transform .2s,background .2s;display:flex}.studio-generate-btn:hover{background:#7c3aed;transform:translateY(-1px)}.more-settings-panel{border-top:1px solid #1e293b;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:13px;padding-top:13px;display:grid}.more-setting label{color:#94a3b8;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.more-setting select{color:#d1d5db;background:#0b1120;border:1px solid #293548;border-radius:9px;outline:none;width:100%;min-height:38px;padding:0 10px}@media (width<=1000px){.video-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.generated-video-card{align-self:start;min-width:0;height:fit-content}}@media (width<=750px){.video-studio-header{flex-direction:column;align-items:flex-start}.character-settings{grid-template-columns:1fr}.video-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-toolbar{flex-direction:column;align-items:flex-start}.composer-left,.composer-right{width:100%}}@media (width<=500px){.video-studio-page{padding:20px 12px 40px}.video-studio-header h1{font-size:26px}.video-studio-header p{margin-left:0}.studio-badge{align-self:flex-start}.character-options,.video-gallery,.more-settings-panel{grid-template-columns:1fr}.composer-right{flex-wrap:wrap}}.video-gallery{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;grid-auto-rows:max-content!important;align-items:start!important;gap:18px!important;display:grid!important}.generated-video-card{align-self:start!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.generated-video-card .video-card-preview{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}.generated-video-card .video-card-preview.ratio-9-16{aspect-ratio:9/16!important}.generated-video-card .video-card-preview.ratio-16-9{aspect-ratio:16/9!important}.generated-video-card .video-card-preview.ratio-1-1{aspect-ratio:1!important}.generated-video-card .video-card-preview video{object-fit:contain!important;background:#000!important;width:100%!important;height:100%!important;min-height:0!important;display:block!important}.generated-video-card .video-generating{width:100%!important;height:100%!important;min-height:0!important}.generated-video-card .video-ready-placeholder{width:100%!important;height:100%!important}@media (width>=1001px){.video-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important}}@media (width<=1000px){.video-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}}@media (width<=600px){.video-gallery{grid-template-columns:1fr!important;align-items:start!important}}.generated-video-card,.video-card-preview{position:relative!important;overflow:visible!important}.video-menu-wrapper{z-index:99999!important;position:absolute!important;top:12px!important;right:12px!important}.video-three-dots{color:#fff!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;background:#070b13!important;border:1px solid #39445f!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;font-size:25px!important;line-height:1!important;list-style:none!important;display:flex!important}.video-three-dots::-webkit-details-marker{display:none!important}.video-three-dots::marker{display:none!important}.video-three-dots:hover{background:#151b2b!important;border-color:#7c4dff!important}.video-action-menu{z-index:100000!important;background:#111827!important;border:1px solid #39445f!important;border-radius:12px!important;flex-direction:column!important;gap:3px!important;width:190px!important;min-width:190px!important;padding:8px!important;display:flex!important;position:absolute!important;top:46px!important;right:0!important;box-shadow:0 15px 40px #000000a6!important}.video-action-menu button{color:#e5e7eb!important;text-align:left!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:8px!important;width:100%!important;min-height:38px!important;padding:9px 12px!important;font-size:14px!important}.video-action-menu button:hover{color:#fff!important;background:#20283a!important}.video-action-menu button.danger{color:#ff6b6b!important}.video-action-menu button.danger:hover{color:#ff8585!important;background:#ff46461f!important}.video-card-preview video{object-fit:contain!important;width:100%!important;height:100%!important;display:block!important}.video-studio-page .video-composer{z-index:99999!important;box-sizing:border-box!important;width:calc(100% - 60px)!important;max-width:1335px!important;margin:0!important;position:fixed!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important}.video-studio-page{padding-bottom:190px!important}.video-studio-page .video-composer{background:#080d17!important;border:1px solid #29344d!important;border-radius:18px!important;box-shadow:0 15px 45px #0000008c!important}@media (width<=700px){.video-studio-page{padding-bottom:200px!important}.video-studio-page .video-composer{border-radius:14px!important;width:calc(100% - 24px)!important;bottom:10px!important;left:12px!important;transform:none!important}}.video-focus-page{box-sizing:border-box;background:#070b13;width:100%;min-height:calc(100vh - 70px);padding:24px}.video-focus-topbar{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1500px;margin:0 auto 22px;display:flex}.video-focus-heading{align-items:center;gap:12px;display:flex}.video-focus-icon{font-size:25px}.video-focus-heading h2{color:#fff;margin:0;font-size:22px}.video-focus-heading p{color:#7f8ba3;margin:4px 0 0;font-size:13px}.video-focus-actions{align-items:center;gap:12px;display:flex}.video-focus-count{color:#b99cff;background:#17102e;border-radius:20px;padding:7px 12px;font-size:12px}.video-focus-exit{color:#fff;cursor:pointer;background:#111827;border:1px solid #39445f;border-radius:9px;padding:9px 15px;font-size:14px;font-weight:600}.video-focus-exit:hover{background:#20283a;border-color:#7c4dff}.video-focus-gallery{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:max-content;align-items:start;gap:18px;width:100%;max-width:1500px;margin:0 auto;display:grid;overflow:visible}.focus-video-card{background:#0d1320;border:1px solid #29344d;border-radius:14px;align-self:start;width:100%;min-width:0;height:auto;position:relative;overflow:visible}.focus-video-preview{background:#05070c;border-radius:14px 14px 0 0;width:100%;position:relative;overflow:visible}.focus-ratio-9-16 .focus-video-preview{aspect-ratio:9/16}.focus-ratio-16-9 .focus-video-preview{aspect-ratio:16/9}.focus-ratio-1-1 .focus-video-preview{aspect-ratio:1}.focus-video-player{object-fit:contain;background:#000;border-radius:14px 14px 0 0;width:100%;height:100%;display:block}.focus-video-ready{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.focus-play-icon{color:#fff;background:#351d75;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.focus-generating{color:#fff;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:25px;display:flex}.focus-spinner{border:4px solid #29344d;border-top-color:#8b5cf6;border-radius:50%;width:42px;height:42px;animation:1s linear infinite focusSpin}@keyframes focusSpin{to{transform:rotate(360deg)}}.focus-generating strong{font-size:14px}.focus-progress-bar{background:#20283a;border-radius:10px;width:min(220px,80%);height:6px;overflow:hidden}.focus-progress-fill{background:#7c4dff;border-radius:10px;height:100%;transition:width .3s}.focus-generating span{color:#9ca8bd;font-size:12px}.focus-menu-wrapper{z-index:999999;position:absolute;top:10px;right:10px;overflow:visible}.focus-three-dots{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#070b13;border:1px solid #39445f;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin:0;padding:0;font-size:25px;line-height:1;list-style:none;display:flex}.focus-three-dots::-webkit-details-marker{display:none}.focus-three-dots::marker{display:none}.focus-three-dots:hover{background:#151b2b;border-color:#7c4dff}.focus-action-menu{z-index:1000000;box-sizing:border-box;background:#111827;border:1px solid #39445f;border-radius:12px;flex-direction:column;gap:3px;width:190px;min-width:190px;padding:8px;display:flex;position:absolute;top:46px;right:0;overflow:visible;box-shadow:0 15px 40px #000000a6}.focus-action-menu button{color:#e5e7eb;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;min-height:38px;padding:9px 12px;font-size:14px}.focus-action-menu button:hover{color:#fff;background:#20283a}.focus-action-menu button.danger{color:#ff6b6b}.focus-action-menu button.danger:hover{color:#ff8585;background:#ff46461f}.focus-video-info{padding:12px 13px 14px}.focus-video-prompt{color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.focus-video-meta{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.focus-video-meta span{color:#91a0ba;background:#111a2a;border:1px solid #26334c;border-radius:7px;padding:5px 8px;font-size:11px}.video-focus-empty{color:#fff;background:#0d1320;border:1px solid #29344d;border-radius:16px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;min-height:350px;display:flex}.video-focus-empty div{font-size:50px}.video-focus-empty span{color:#8793aa;font-size:14px}@media (width<=700px){.video-focus-page{padding:14px}.video-focus-topbar{align-items:flex-start}.video-focus-actions{flex-direction:column;align-items:flex-end}.video-focus-heading h2{font-size:18px}.video-focus-gallery{grid-template-columns:1fr}.focus-action-menu{width:185px;min-width:185px}}.safe-file-page{color:#fff;box-sizing:border-box;background:#080b14;min-height:calc(100vh - 80px);padding:45px 6%}.safe-file-top{justify-content:space-between;align-items:center;gap:25px;max-width:1180px;margin:0 auto 20px;display:flex}.safe-file-title{align-items:center;gap:15px;display:flex}.safe-file-logo{font-size:42px}.safe-file-title h1{margin:0;font-size:38px}.safe-file-title p{color:#aab3c8;margin:7px 0 0}.login-button{color:#fff;cursor:pointer;background:#7657ff;border:1px solid #7657ff;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:700}.storage-card{background:#111626;border:1px solid #29324c;border-radius:16px;justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:20px 25px;display:flex}.storage-label{color:#929db5;margin-bottom:5px;font-size:13px;display:block}.storage-card strong{font-size:19px}.storage-icon{font-size:30px}.storage-note{color:#6f7890;max-width:1180px;margin:8px auto 25px;font-size:12px}.safe-file-layout{grid-template-columns:220px 1fr;gap:22px;max-width:1180px;margin:0 auto;display:grid}.safe-sidebar{background:#111626;border:1px solid #252d45;border-radius:16px;height:fit-content;padding:15px}.sidebar-title{color:#8792aa;text-transform:uppercase;padding:8px 10px 15px;font-size:14px;font-weight:700}.category-button{color:#c2c9d9;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin-bottom:3px;padding:11px 10px;font-size:14px;display:flex}.category-button:hover{background:#181e31}.category-button.active{color:#fff;background:#241d50}.category-left{align-items:center;gap:9px;display:flex}.category-count{color:#727d97;font-size:12px}.sidebar-divider{background:#272f47;height:1px;margin:15px 5px}.safe-file-content{min-width:0}.file-toolbar{gap:12px;margin-bottom:20px;display:flex}.search-box{background:#111626;border:1px solid #29324c;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:0 14px;display:flex}.search-box input{color:#fff;background:0 0;border:0;outline:0;width:100%;height:45px;font-size:14px}.search-box input::placeholder{color:#6f7890}.upload-main-button,.empty-upload-button{color:#fff;cursor:pointer;white-space:nowrap;background:#7657ff;border-radius:10px;justify-content:center;align-items:center;min-height:45px;padding:0 20px;font-weight:700;display:inline-flex}.empty-files{text-align:center;background:#111626;border:1px solid #252d45;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:30px;display:flex}.empty-icon{margin-bottom:10px;font-size:58px}.empty-files h2{margin:8px 0}.empty-files p{color:#8f99b0;max-width:420px;line-height:1.6}.empty-upload-button{min-height:44px;margin-top:12px}.files-section{background:#111626;border:1px solid #252d45;border-radius:18px;padding:20px}.files-section-header h2{margin:0 0 4px}.files-section-header span{color:#7e889f;font-size:13px}.files-list{margin-top:18px}.safe-file-item{background:#0d1120;border:1px solid #252d45;border-radius:12px;align-items:center;gap:13px;margin-bottom:9px;padding:14px;display:flex}.file-type-icon{background:#171d30;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:22px;display:flex}.file-main-info{flex:1;min-width:0}.file-main-info strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-main-info span{color:#7f8aa2;margin-top:5px;font-size:12px;display:block}.file-actions{gap:7px;display:flex}.file-actions button{color:#fff;cursor:pointer;background:#151b2c;border:1px solid #303952;border-radius:8px;width:36px;height:36px}.file-actions button:hover{background:#252d45}.privacy-banner{background:#0e1322;border:1px solid #29324c;border-radius:14px;align-items:flex-start;gap:12px;max-width:1180px;margin:22px auto 0;padding:17px 20px;display:flex}.privacy-banner>span{font-size:22px}.privacy-banner strong{font-size:14px}.privacy-banner p{color:#818ca4;margin:4px 0 0;font-size:12px}.login-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-modal{text-align:center;box-sizing:border-box;background:#111626;border:1px solid #303952;border-radius:18px;width:100%;max-width:420px;padding:35px;position:relative}.close-login{color:#9ba5ba;cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:12px;right:15px}.login-modal-icon{font-size:45px}.login-modal h2{margin:12px 0 8px}.login-modal p{color:#8e98af;font-size:14px;line-height:1.5}.google-login-button,.email-login-button{cursor:pointer;border-radius:9px;width:100%;height:46px;margin-top:10px;font-weight:700}.google-login-button{color:#111;background:#fff;border:0}.email-login-button{color:#fff;background:#7657ff;border:0}@media (width<=800px){.safe-file-page{padding:30px 18px}.safe-file-top{align-items:flex-start}.safe-file-title h1{font-size:30px}.safe-file-logo{font-size:32px}.safe-file-layout{grid-template-columns:1fr}.safe-sidebar{gap:5px;display:flex;overflow-x:auto}.sidebar-title,.sidebar-divider{display:none}.category-button{min-width:max-content}}@media (width<=600px){.safe-file-top{flex-direction:column}.login-button{width:100%}.file-toolbar{flex-direction:column}.upload-main-button{min-height:45px}.storage-card{padding:17px}}.safe-file-preview-overlay{z-index:99999;background:#000000e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.safe-file-preview-modal{background:#0d1020;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:min(1100px,96vw);height:min(850px,94vh);display:flex;overflow:hidden;box-shadow:0 25px 80px #000000b3}.safe-file-preview-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:65px;padding:0 20px;display:flex}.safe-file-preview-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:85%;font-size:16px;font-weight:600;overflow:hidden}.safe-file-preview-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;width:40px;height:40px;font-size:20px}.safe-file-preview-close:hover{background:#fff3}.safe-file-preview-content{flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;overflow:hidden}.safe-file-preview-loading{color:#fff;font-size:18px}.safe-file-preview-image{object-fit:contain;border-radius:10px;max-width:100%;max-height:100%}.safe-file-preview-video{object-fit:contain;background:#000;border-radius:10px;width:100%;height:100%}.safe-file-preview-audio-box{text-align:center;background:#ffffff0d;border-radius:18px;width:min(650px,90%);padding:45px}.safe-file-preview-audio-icon{margin-bottom:20px;font-size:70px}.safe-file-preview-audio-name{color:#fff;margin-bottom:25px;font-size:18px;font-weight:600}.safe-file-preview-audio{width:100%}.safe-file-preview-other{color:#fff;text-align:center;font-size:17px}.safe-file-preview-other>div{margin-bottom:20px;font-size:70px}.safe-file-preview-other button{color:#fff;cursor:pointer;background:#6d4aff;border:none;border-radius:10px;margin-top:15px;padding:12px 22px;font-weight:600}.safe-file-preview-other button:hover{background:#805fff}.safe-file-preview-navigation{border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:25px;min-height:70px;display:flex}.safe-file-preview-navigation button{color:#fff;cursor:pointer;background:#181c30;border:1px solid #ffffff26;border-radius:10px;padding:10px 18px;font-weight:600}.safe-file-preview-navigation button:hover:not(:disabled){background:#6d4aff}.safe-file-preview-navigation button:disabled{opacity:.35;cursor:not-allowed}.safe-file-preview-navigation span{color:#c9cce0;font-weight:600}@media (width<=700px){.safe-file-preview-overlay{padding:8px}.safe-file-preview-modal{border-radius:12px;width:100%;height:96vh}.safe-file-preview-content{padding:10px}.safe-file-preview-navigation{gap:10px}.safe-file-preview-navigation button{padding:8px 12px}}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:20px 0;display:grid}.photo-grid-item{cursor:pointer;background:#111827;border:1px solid #29324a;border-radius:14px;transition:transform .2s,border-color .2s;overflow:hidden}.photo-grid-item:hover{border-color:#7655ff;transform:translateY(-3px)}.photo-grid-image,.photo-grid-loading{width:100%;height:180px;display:block;height:130px!important}.photo-grid-image{object-fit:cover}.photo-grid-loading{background:#171d2d;justify-content:center;align-items:center;font-size:40px;display:flex}.photo-grid-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;padding:10px 12px;font-size:14px;overflow:hidden}.safe-file-container{position:relative}.safe-file-sidebar{align-self:flex-start;height:fit-content;position:sticky;top:20px}.files-section{min-width:0}.photos-grid{box-sizing:border-box;width:100%}.photo-grid-item{min-width:0;overflow:hidden}.photo-grid-image{object-fit:cover;width:100%;height:220px;display:block}.photo-grid-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.safe-file-main{align-items:flex-start}.photo-grid{scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;width:100%!important;height:330px!important;max-height:330px!important;display:grid!important;overflow:hidden auto!important}.photo-grid::-webkit-scrollbar{width:0;height:0;display:none}.photo-grid-item{border-radius:12px;width:100%!important;min-width:0!important;overflow:hidden!important}.photo-grid-image{object-fit:cover;border-radius:10px;display:block;width:100%!important;height:130px!important}.photo-grid-name{white-space:nowrap;text-overflow:ellipsis;padding:7px 9px;font-size:12px;overflow:hidden}.safe-sidebar{align-self:start!important;height:fit-content!important;max-height:calc(100vh - 110px)!important;position:sticky!important;top:90px!important;overflow:visible!important}.files-section{max-height:none!important;overflow:visible!important}.safe-file-content{min-width:0!important;overflow:visible!important}@media (width<=700px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;height:300px!important;max-height:300px!important}.photo-grid-image{height:110px!important}}.auth-modal-overlay{z-index:99999;box-sizing:border-box;-webkit-backdrop-filter:blur(14px);background:#020617b8;width:100vw;height:100vh;padding:20px;animation:.22s ease-out authOverlayFade;overflow-y:auto;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}@keyframes authOverlayFade{0%{opacity:0}to{opacity:1}}.auth-modal{box-sizing:border-box;color:#fff;background:radial-gradient(circle at 50% -25%,#8b5cf633,#0000 45%),linear-gradient(145deg,#131a2a 0%,#101827 55%,#0d1422 100%);border:1px solid #8b5cf68c;border-radius:24px;width:100%;max-width:430px;margin:auto;padding:32px;animation:.25s ease-out authModalShow;box-shadow:0 30px 90px #000000b8,0 0 45px #7c3aed2e,inset 0 1px #ffffff0d;position:relative!important}@keyframes authModalShow{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-modal-close{color:#d1d5db;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:22px;line-height:1;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex;position:absolute;top:14px;right:14px}.auth-modal-close:hover{color:#fecaca;background:#ef444429;border-color:#ef444459;transform:scale(1.06)}.auth-modal-header{text-align:center;margin-bottom:28px}.auth-modal-icon{background:linear-gradient(145deg,#8b5cf640,#7c3aed12);border:1px solid #a78bfa47;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 15px;font-size:38px;display:flex;box-shadow:0 10px 30px #7c3aed2e,inset 0 1px #ffffff12}.auth-modal-header h2{color:#fff;letter-spacing:-.4px;margin:0;font-size:27px;font-weight:750;line-height:1.2}.auth-modal-header p{color:#9ca3af;word-break:break-word;margin:9px 0 0;font-size:14px;line-height:1.55}.auth-error{box-sizing:border-box;color:#fca5a5;text-align:left;background:#ef444417;border:1px solid #ef44444d;border-radius:11px;width:100%;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.45}.auth-message{box-sizing:border-box;color:#86efac;text-align:left;background:#22c55e14;border:1px solid #22c55e40;border-radius:11px;width:100%;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.45}.auth-form{flex-direction:column;gap:0;width:100%;display:flex}.auth-form label{color:#e5e7eb;margin-bottom:9px;font-size:14px;font-weight:650;display:block}.auth-form input{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#0a1120,#0d1627);border:1px solid #354158;border-radius:13px;outline:none;width:100%;height:52px;padding:0 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}.auth-form input::placeholder{color:#667085}.auth-form input:hover{border-color:#4b5870}.auth-form input:focus{background:linear-gradient(135deg,#0d1526,#101a2d);border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf624,0 8px 22px #0000002e}.auth-form input:disabled{opacity:.6;cursor:not-allowed}.auth-form input[inputmode=numeric]{text-align:center;letter-spacing:9px;font-size:24px;font-weight:750}.auth-form input[inputmode=numeric]::placeholder{letter-spacing:1px;font-size:14px;font-weight:400}.auth-primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 50%,#9333ea 100%);border:none;border-radius:13px;width:100%;height:50px;margin-top:15px;padding:0 18px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s,opacity .2s;box-shadow:0 10px 25px #7c3aed42}.auth-primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 14px 32px #7c3aed66}.auth-primary-button:active:not(:disabled){transform:translateY(0)}.auth-primary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.auth-secondary-actions{border-top:1px solid #334155bf;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding-top:15px;display:flex}.auth-secondary-actions button{color:#a78bfa;cursor:pointer;background:#7c3aed12;border:1px solid #8b5cf647;border-radius:10px;flex:1;min-height:40px;padding:9px 10px;font-family:inherit;font-size:12px;font-weight:650;transition:background .2s,border-color .2s,color .2s,transform .2s}.auth-secondary-actions button:hover:not(:disabled){color:#ddd6fe;background:#7c3aed29;border-color:#a78bfa8c;transform:translateY(-1px)}.auth-secondary-actions button:disabled{opacity:.45;cursor:not-allowed}.auth-modal-footer{color:#7f8ba0;text-align:center;border-top:1px solid #334155bf;margin-top:20px;padding-top:16px;font-size:12px;line-height:1.55}@media (width<=520px){.auth-modal-overlay{padding:14px}.auth-modal{border-radius:20px;width:100%;max-width:100%;padding:28px 20px 22px}.auth-modal-header{margin-bottom:24px}.auth-modal-icon{border-radius:17px;width:58px;height:58px;font-size:32px}.auth-modal-header h2{font-size:24px}.auth-form input,.auth-primary-button{height:49px}.auth-secondary-actions{flex-direction:column;gap:8px}.auth-secondary-actions button{flex:none;width:100%}.auth-form input[inputmode=numeric]{letter-spacing:6px;font-size:21px}}@media (width<=360px){.auth-modal{padding:24px 16px 20px}.auth-modal-header h2{font-size:22px}.auth-modal-header p{font-size:13px}}.developer-page{color:#fff;box-sizing:border-box;background:#0b0f1a;min-height:100vh;padding:40px}.developer-header{max-width:1200px;margin:0 auto 30px}.developer-header h1{margin:0;font-size:32px;font-weight:800}.developer-header p{color:#9ca3af;margin:8px 0 0;font-size:16px}.developer-tools-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto 30px;display:grid}.developer-tool-card{color:#fff;text-align:left;cursor:pointer;background:#111725;border:1px solid #252c3d;border-radius:16px;align-items:flex-start;gap:15px;min-height:145px;padding:20px;transition:all .25s;display:flex}.developer-tool-card:hover{background:#141a2b;border-color:#7c4dff;transform:translateY(-3px)}.developer-tool-card.active{border-color:#7c4dff;box-shadow:0 0 0 1px #7c4dff}.developer-tool-icon{background:#1b2133;border-radius:12px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:25px;display:flex}.developer-tool-card h3{margin:3px 0 8px;font-size:17px}.developer-tool-card p{color:#9ca3af;margin:0;font-size:13px;line-height:1.5}.developer-workspace{max-width:1200px;margin:0 auto}.tool-panel{background:#111725;border:1px solid #252c3d;border-radius:18px;padding:28px}.tool-title{align-items:center;gap:15px;margin-bottom:25px;display:flex}.tool-title>span{background:#1d2437;border-radius:13px;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;font-size:27px;display:flex}.tool-title h2{margin:0 0 5px;font-size:23px}.tool-title p{color:#9ca3af;margin:0}.developer-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.tool-panel label{color:#d5d8e0;margin:15px 0 8px;font-size:14px;font-weight:600;display:block}.tool-panel input,.tool-panel textarea{box-sizing:border-box;color:#fff;background:#0b0f1a;border:1px solid #2b3347;border-radius:10px;outline:none;width:100%;font-family:Consolas,Courier New,monospace;transition:all .2s}.tool-panel input{height:48px;padding:0 14px}.tool-panel textarea{resize:vertical;min-height:220px;padding:14px;line-height:1.5}.tool-panel input:focus,.tool-panel textarea:focus{border-color:#7c4dff;box-shadow:0 0 0 2px #7c4dff1f}.tool-panel input::placeholder,.tool-panel textarea::placeholder{color:#596174}.developer-button-row{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}.tool-panel button{color:#fff;cursor:pointer;background:#7c4dff;border:none;border-radius:9px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s}.tool-panel button:hover{background:#8b63ff;transform:translateY(-1px)}.tool-panel button.secondary{background:#252c3d}.tool-panel button.secondary:hover{background:#30394f}.tool-panel button.danger{color:#ffb6c1;background:#3a2028}.tool-panel button.danger:hover{background:#4a2630}.developer-color-preview{border:1px solid #30384d;border-radius:12px;width:100%;height:90px;margin-bottom:20px;transition:all .2s}.developer-simple-tool{text-align:center}.developer-simple-tool .tool-title{text-align:left}.developer-big-result{box-sizing:border-box;color:#c8b8ff;word-break:break-all;white-space:pre-wrap;background:#0b0f1a;border:1px solid #2b3347;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:110px;margin:20px 0;padding:20px;font-family:Consolas,Courier New,monospace;font-size:17px;display:flex}@media (width<=1000px){.developer-tools-grid{grid-template-columns:repeat(2,1fr)}.developer-editor-grid{grid-template-columns:1fr}}@media (width<=650px){.developer-page{padding:20px}.developer-header h1{font-size:26px}.developer-tools-grid{grid-template-columns:1fr}.tool-panel{padding:20px}.developer-button-row{flex-direction:column}.tool-panel button{width:100%}.tool-title h2{font-size:20px}}