.at-page{height:100vh;display:flex;flex-direction:column;background:#050507;color:white;overflow:hidden;font-family:Inter,sans-serif}.at-header{height:70px;padding:0 1.5rem;justify-content:space-between;background:rgba(15,23,42,.6);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);z-index:100}.at-header,.at-header-left{display:flex;align-items:center}.at-header-left{gap:1.5rem}.at-back-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;background:rgba(255,255,255,.05);color:#94a3b8;text-decoration:none;transition:.2s ease;border:1px solid rgba(255,255,255,.08);font-size:.9rem;font-weight:500}.at-back-btn:hover{background:rgba(255,255,255,.1);color:white}.at-title-group{display:flex;flex-direction:column}.at-title{font-weight:700;font-size:1.25rem;margin:0;letter-spacing:-.01em}.at-subtitle{font-size:.8rem;color:#64748b;margin:0}.at-header-right-btn{padding:.75rem 1.25rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#94a3b8;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:.2s ease}.at-header-right-btn:hover:not(:disabled){background:rgba(255,255,255,.1);color:white}.at-main{flex:1;display:flex;overflow:hidden}.at-sidebar{width:320px;background:#0f1016;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto}.at-preview-area{flex:1;background:#000;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.at-card{background:#181924;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem}.at-card-title{font-size:.9rem;font-weight:600;color:#94a3b8;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.at-card-title svg{width:18px;height:18px}.at-btn-primary{width:100%;padding:.85rem;background:#2dd4bf;border:none;border-radius:10px;color:#050507;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px rgba(45,212,191,.3)}.at-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(45,212,191,.4);filter:brightness(1.05)}.at-btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1);box-shadow:none}.at-empty-state{text-align:center;max-width:450px;display:flex;flex-direction:column;align-items:center}.at-upload-icon-circle{width:80px;height:80px;border-radius:50%;background:rgba(45,212,191,.1);display:flex;align-items:center;justify-content:center;margin-bottom:2rem;color:#2dd4bf;border:1px solid rgba(45,212,191,.2)}.at-empty-state h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.at-empty-state p{font-size:1rem;color:#94a3b8;line-height:1.6;margin-bottom:2.5rem}.at-sample-btn{margin-top:1rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.75rem;border-radius:10px;cursor:pointer;width:fit-content;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;font-weight:500;transition:all .2s ease}.at-sample-btn:hover{background:rgba(255,255,255,.05);color:white}.at-setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.95rem}.at-setting-label{color:#94a3b8}.at-setting-value{color:#2dd4bf;font-weight:700}.at-range-input{width:100%;-webkit-appearance:none;appearance:none;height:4px;background:#050507;border-radius:2px;outline:none;margin:1rem 0}.at-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#2dd4bf;border-radius:50%;cursor:pointer;box-shadow:0 0 10px rgba(45,212,191,.5);border:2px solid #050507}.at-text-input{width:100%;padding:.75rem;background:#050507;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:white;font-size:.9rem;outline:none;margin-top:.5rem;transition:.2s}.at-text-input:focus{border-color:#2dd4bf;box-shadow:0 0 0 1px #2dd4bf}.at-color-input-group{display:flex;gap:.5rem}.at-color-field{flex:1}.at-color-label{font-size:.75rem;color:#64748b;display:block;margin-bottom:.25rem}.at-color-input{width:100%;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#050507;cursor:pointer;padding:2px}.at-pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:.5rem}.at-pos-btn{aspect-ratio:1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#94a3b8;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:.2s}.at-pos-btn:hover{background:rgba(255,255,255,.08);color:white}.at-pos-btn.active{background:#2dd4bf;border-color:#2dd4bf;color:#050507;font-weight:700}.at-playback-bar{position:absolute;bottom:2rem;background:rgba(15,23,42,.8);backdrop-filter:blur(12px);padding:.6rem 1.25rem;border-radius:30px;gap:1.25rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.5)}.at-play-btn,.at-playback-bar{display:flex;align-items:center}.at-play-btn{background:transparent;border:none;color:white;cursor:pointer;justify-content:center;width:32px;height:32px;transition:.2s}.at-play-btn:hover{transform:scale(1.1);color:#2dd4bf}.at-play-btn svg{width:20px;height:20px}.at-progress-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:12px}@media (max-width:768px){.at-page{height:100dvh}.at-main{flex-direction:column;overflow-y:auto}.at-sidebar{width:100%;border-right:none;border-top:1px solid rgba(255,255,255,.08);overflow-y:visible;padding:1rem;order:2}.at-header{height:auto;padding:1rem;flex-direction:column;align-items:stretch;gap:1rem}.at-header-left{width:100%;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.75rem}.at-title-group{flex:1;min-width:150px}.at-header-right{width:100%}.at-header-right-btn{width:100%;justify-content:center}.at-preview-area{min-height:400px;height:auto;width:100%;padding:1rem;order:1;overflow:visible}.at-title{font-size:1.15rem}}