nav.navigation-bar{position:absolute;top:20px;left:20px;z-index:1000;background:var(--cw-blue)}nav.navigation-bar .beta-badge{position:absolute;bottom:-35px;left:0;background:var(--cw-pink);color:var(--cw-white);font-size:1rem;font-weight:100;letter-spacing:2px;padding:1px 12px;font-family:Coolvetica,Arial,sans-serif}.navigation-container{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;gap:80px}.navigation-logo{display:flex;align-items:center;text-decoration:none}.navigation-logo img{height:36px;margin-top:-6px}.navigation-logo span{font-weight:700;font-size:1.3rem;color:#00e0ff;letter-spacing:-.5px}.navigation-menu{list-style:none;display:flex;gap:60px;margin:0;padding:0}.navigation-menu li a{text-decoration:none;color:var(--cw-cyan);font-weight:400;font-size:1rem;transition:color .2s,transform .2s}.navigation-menu li a:hover{color:var(--cw-white);transform:translateY(-2px)}.navigation-spacer{height:120px}.hero{text-align:center;position:relative;max-width:1100px;margin:2rem auto}.hero h1{font-size:28px;font-weight:500;max-width:1050px;margin:0 auto;color:var(--cw-white)}.hero .cta-link{color:var(--cw-cyan);text-decoration:none;font-weight:500;float:right;background:var(--cw-blue);padding:2px 12px}.hero .cta-link:hover{background:var(--cw-cyan);color:var(--cw-blue);text-decoration:none}.section-title{font-size:20px;font-weight:200;color:#00e0ff;text-align:left;max-width:1100px;margin:0 auto}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;max-width:1100px;margin:0 auto;padding:0}.input-panel,.preview-panel{background:#03102D;border:3px solid #002a59;padding:1rem;width:525px;display:flex;flex-direction:column;justify-content:space-between}.input-panel{border-radius:10px 0 0 10px}.preview-panel{border-radius:0 10px 10px 0}.tabs{display:flex;justify-content:flex-start;gap:0;margin-bottom:1rem;background:#ccc;border-radius:20px;padding:3px;width:fit-content;margin-left:auto;margin-right:auto}.tabs .tab{background:transparent;border:none;padding:6px 20px;border-radius:20px;font-weight:700;cursor:pointer;font-size:.9rem;color:#333;transition:all .3s ease}.tabs .tab.active{background:#0f3b5c;color:#fff;box-shadow:0 2px 4px #0003}.tab-content{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.input-desc{background:#ccc;color:#333;padding:2px 12px;border-radius:20px;font-size:11px;margin-bottom:1rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-box{display:flex;flex-direction:column;gap:.5rem}.input-box textarea{padding:15px;background:transparent;color:#00e0ff;border:1px solid #1f2e40;border-radius:0;font-family:inherit;font-size:15px;font-weight:400p;resize:none;min-height:250px;line-height:1.6}.action-btn,.download-btn{background:#002a59;color:#00e0ff;border:none!important;padding:10px 20px;border-radius:5px;font-weight:700;cursor:pointer;font-size:.9rem;transition:all .3s ease;display:block;max-width:120px;width:100%;margin:8px auto 0}.download-btn{max-width:200px;font-weight:500;text-align:center}.action-btn:hover,.download-btn:hover{background:#00e0ff;color:#fff}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;text-align:center;font-weight:400}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-error{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.test-with-section h4,.upload-area h4{color:#00e0ff;margin:10px 0;font-size:.9rem;font-weight:700}.test-thumbnails{display:flex;gap:10px;justify-content:space-between;margin-bottom:1rem}.test-thumbnails .thumb{width:23%;aspect-ratio:1;background:#fff;border-radius:4px;overflow:hidden;cursor:pointer;position:relative;border:2px solid transparent}.test-thumbnails .thumb.active{border-color:#00e0ff}.test-thumbnails .thumb img{width:100%;height:100%;object-fit:contain;padding:5px}.test-thumbnails .thumb .overlay{display:none;position:absolute;bottom:0;right:0;background:#00e0ff;color:#000;padding:2px 6px;font-size:12px}.test-thumbnails .thumb.active .overlay{display:block}.upload-area{border:1px dashed #1f2e40;border-radius:8px;padding:1rem;text-align:center}.drop-zone{margin:1rem 0}.drop-zone .cloud-icon{font-size:2rem;margin-bottom:.5rem}.drop-zone p{color:#00e0ff;margin-bottom:.5rem}.drop-zone span{color:#666;display:block;margin-bottom:.5rem}.browse-btn{background:#ddd;border:none;padding:4px 15px;border-radius:4px;cursor:pointer;font-weight:700;color:#333}.upload-hint{font-size:.8rem;color:#666;margin-top:1rem;background:#ddd;display:inline-block;padding:2px 8px;border-radius:10px}.drop-zone.dragover{background:rgba(0,224,255,.1);border-color:#00e0ff}.upload-area{border:1px dashed #1f2e40;border-radius:8px;padding:1rem;text-align:center;transition:border-color .3s ease}.sketch-toolbar{display:flex;gap:10px;margin-bottom:10px}.sketch-toolbar button{background:#ddd;border:none;border-radius:4px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:background .2s ease}.sketch-toolbar button:hover{background:#bbb}.sketch-toolbar button.active{background:#00e0ff;color:#000}.sketch-canvas{background:#fff;border-radius:8px;height:300px;width:100%;overflow:hidden;position:relative}.sketch-canvas canvas{width:100%;height:100%;cursor:crosshair;display:block}.preview-image{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;height:100%;aspect-ratio:1;max-height:345px;margin:0 auto}.preview-image img{max-width:100%;max-height:100%;border-radius:0}.technology-section{max-width:1200px;margin:4rem auto;text-align:center}.section-subtitle{font-size:30px;color:#fff;margin-bottom:3rem;font-weight:300}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.tech-card{background:#021F43;text-align:left}.tech-image{width:100%;aspect-ratio:16/9;background:#0f1b2b;border:1px solid #1f2e40;margin-bottom:10px;overflow:hidden;display:flex;justify-content:center;align-items:center}.tech-image img{width:100%;height:100%;object-fit:cover}.tech-image.placeholder{display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.tech-card h3{color:#fff;font-size:22px;margin:0 15px 10px;font-weight:500!important}.tech-card p{color:#8899ac;font-size:15px;font-weight:400;font-family:Open Sans,sans-serif;margin:0 15px 10px}.contact-section{max-width:1100px;margin:4rem auto 6rem;text-align:center}.contact-form{max-width:600px;margin:2rem 0;text-align:left}.form-group{margin-bottom:1rem}.form-control{width:100%;padding:12px;background:#0f3b5c;border:none;border-radius:4px;color:#fff;font-family:inherit;font-size:1rem}.form-control::placeholder{color:#fff;opacity:.7}.form-control:focus{outline:2px solid #00e0ff}.form-footer{display:flex;justify-content:space-between;align-items:center;background:#0f3b5c;padding:10px;border-radius:4px;margin-top:2rem}.magic-question{display:flex;align-items:center;gap:1rem;color:#00e0ff;font-size:.9rem;font-weight:400}.magic-question .options{display:flex;gap:1rem;color:#00e0ff}.magic-question label{cursor:pointer}.send-btn{background:#ffcc00;color:#000;border:none;padding:8px 30px;border-radius:4px;font-weight:700;cursor:pointer;font-size:1rem}.send-btn:hover{background:#e6b800}@media (max-width: 768px){.content-grid,.tech-grid{grid-template-columns:1fr}.form-footer{flex-direction:column;gap:1rem}}.admin-container{max-width:800px;margin:2rem auto;padding:0 1rem}.admin-card{background:#03102D;border:3px solid var(--cw-blue);padding:2rem;max-width:400px;margin:4rem auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-title{color:var(--cw-cyan);font-size:24px;font-weight:500;margin:0}.admin-form-group{margin-bottom:1.5rem}.admin-form-group label{display:block;color:var(--cw-cyan);font-size:16px;margin-bottom:4px}.admin-hint{color:#89a;font-size:13px;margin:0 0 8px;line-height:1.4}.admin-hint code{background:rgba(0,234,255,.1);color:var(--cw-cyan);padding:1px 5px;font-size:12px}.admin-hint-example{color:#678;font-size:12px;font-style:italic;margin:4px 0 0}.admin-input{width:100%;padding:10px 12px;background:rgba(0,42,89,.85);border:1px solid var(--cw-blue);color:var(--cw-white);font-size:15px;outline:none;box-sizing:border-box}.admin-input:focus{border-color:var(--cw-cyan)}.admin-input-short{width:120px}.admin-textarea{width:100%;padding:10px 12px;background:rgba(0,42,89,.85);border:1px solid var(--cw-blue);color:var(--cw-white);font-size:14px;line-height:1.5;resize:vertical;outline:none;box-sizing:border-box}.admin-textarea:focus{border-color:var(--cw-cyan)}.admin-textarea-code{font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.4}.admin-form-row{display:flex;gap:2rem;margin-bottom:1.5rem}.admin-form-row .admin-form-group{margin-bottom:0;flex:1}.admin-btn{background:var(--cw-blue);color:var(--cw-cyan);border:2px solid var(--cw-cyan);padding:10px 24px;font-size:16px;cursor:pointer;font-family:Coolvetica,Arial,sans-serif;transition:background .2s,color .2s}.admin-btn:hover{background:var(--cw-cyan);color:var(--cw-dark)}.admin-btn-small{padding:6px 16px;font-size:14px}.admin-btn-danger{border-color:var(--cw-pink);color:var(--cw-pink)}.admin-btn-danger:hover{background:var(--cw-pink);color:var(--cw-white)}.admin-info-box{background:rgba(0,42,89,.3);border:1px solid rgba(0,42,89,.6);padding:1rem;margin-bottom:1.5rem;color:#678;font-size:13px}.admin-info-box strong{color:#89a}.admin-info-box ul{margin:8px 0 0;padding-left:20px}.admin-info-box li{margin:4px 0}.admin-actions{margin-bottom:1rem}.admin-reset-form{margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(0,42,89,.6)}.admin-error{color:var(--cw-pink);font-size:13px;display:block;margin-top:4px}.admin-page .alert{padding:12px 16px;margin-bottom:1.5rem;font-size:14px}.admin-page .alert-success{background:rgba(0,234,255,.1);border:1px solid var(--cw-cyan);color:var(--cw-cyan)}.admin-page .alert-error{background:rgba(255,0,250,.1);border:1px solid var(--cw-pink);color:var(--cw-pink)}.usage-dashboard.admin-container{max-width:1100px}.usage-empty{text-align:center;padding:4rem 1rem;color:#678;font-size:16px}.usage-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.usage-card{background:rgba(0,42,89,.5);border:1px solid var(--cw-blue);padding:1.2rem 1rem;text-align:center}.usage-card-value{color:var(--cw-cyan);font-size:26px;font-weight:500;font-family:Coolvetica,Arial,sans-serif;margin-bottom:4px}.usage-card-label{color:#89a;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.usage-section{margin-bottom:2rem}.usage-section-title{color:var(--cw-cyan);font-size:18px;font-weight:500;margin:0 0 .8rem;padding-bottom:.4rem;border-bottom:1px solid rgba(0,42,89,.6)}.usage-table-wrap{overflow-x:auto}.usage-table{width:100%;border-collapse:collapse;font-size:13px}.usage-table th{background:rgba(0,42,89,.6);color:var(--cw-cyan);padding:8px 12px;text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.usage-table td{padding:8px 12px;color:var(--cw-white);border-bottom:1px solid rgba(0,42,89,.3);white-space:nowrap}.usage-table tbody tr:hover{background:rgba(0,42,89,.3)}.usage-model-name{color:var(--cw-cyan);font-family:Courier New,monospace;font-size:12px}.usage-hour-group{margin-bottom:1rem;border:1px solid rgba(0,42,89,.4)}.usage-hour-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(0,42,89,.5);cursor:default}.usage-hour-label{color:var(--cw-cyan);font-size:14px;font-weight:500}.usage-hour-summary{color:#89a;font-size:12px}.usage-hour-entries{padding:0}.usage-entry{display:flex;align-items:center;gap:1rem;padding:6px 12px;font-size:12px;border-bottom:1px solid rgba(0,42,89,.2)}.usage-entry:last-child{border-bottom:none}.usage-entry-time{color:#678;font-family:Courier New,monospace;min-width:60px}.usage-entry-model{color:var(--cw-cyan);font-family:Courier New,monospace;min-width:140px}.usage-entry-tokens{color:var(--cw-white);min-width:80px;font-weight:500}.usage-entry-detail{color:#678;min-width:160px}.usage-entry-cost{color:#5c7;font-weight:500;min-width:80px}.usage-entry-cost-detail{color:#567;font-size:11px}.usage-entry-unknown{color:#a74}@media (max-width: 768px){.usage-cards{grid-template-columns:repeat(2,1fr)}.usage-entry{flex-wrap:wrap;gap:.4rem}.usage-entry-cost-detail,.usage-entry-detail{display:none}}@font-face{font-family:Coolvetica;src:url(/fonts/coolvetica/Coolvetica\ Rg.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Coolvetica;src:url("/fonts/coolvetica/Coolvetica Hv Comp.otf") format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Coolvetica;src:url("/fonts/coolvetica/Coolvetica Rg It.otf") format("opentype");font-weight:400;font-style:italic}:root{--cw-cyan: #00EAFF;--cw-pink: #ff00fa;--cw-blue: #002a59;--cw-dark: #02112e;--cw-white: #fff}body,h1,h2,h3,h4,h5,h6,nav,.container,.card,.button,footer,input,textarea,select{font-family:Coolvetica,Arial,sans-serif!important;margin:0;padding:0}h1,h2,h3{color:#333}body{background-image:url(/images/cadwizard_mosaic.jpg);background-repeat:repeat;background-size:auto;background-position:top left;background-color:var(--cw-dark);color:var(--cw-white);font-family:Coolvetica,Arial,sans-serif;line-height:1.6;font-size:16px}.container,.container-cw{max-width:1200px;margin:0 auto;padding:20px;position:relative}footer{background-color:#333;color:#fff;text-align:center;padding:10px 0;position:relative;bottom:0;width:100%}