*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;color:#37352f;background-color:#fff;min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{position:fixed;top:0;left:0;right:0;height:45px;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.09);z-index:100}.navbar-content{height:100%;padding:0 12px;display:flex;align-items:center}.navbar-brand{font-size:18px;font-weight:600;color:#37352f;display:flex;align-items:center;gap:6px}.main-content{margin-top:45px;flex:1;display:flex;justify-content:center;padding:0 96px}.page-content{max-width:900px;width:100%;padding:40px 0}.page-title{font-size:40px;font-weight:700;line-height:1.2;color:#37352f;margin-bottom:4px}.page-subtitle{font-size:16px;color:#37352fa6;margin-bottom:32px}.content-block{margin-bottom:24px;padding:3px 2px}.content-block h2{font-size:28px;font-weight:600;line-height:1.3;color:#37352f;margin-bottom:8px}.content-block h3{font-size:20px;font-weight:600;line-height:1.4;color:#37352f;margin-bottom:8px}.content-block p{font-size:16px;line-height:1.6;color:#37352fd9;margin-bottom:8px}.content-block ul{padding-left:24px;margin-bottom:8px}.content-block li{font-size:16px;line-height:1.6;color:#37352fd9;margin-bottom:4px}@media(max-width:768px){.main-content{padding:0 24px}.page-title{font-size:32px}}.audio-manager{width:100%;padding:20px}.audio-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.audio-manager-header h2{font-size:24px;font-weight:600;color:#37352f}.add-button{padding:8px 16px;background-color:#2383e2;color:#fff;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-button:hover{background-color:#1a6dc9}.audio-list{display:flex;flex-direction:column;gap:8px}.empty-state{text-align:center;padding:48px 20px;color:#37352f80;background-color:#f7f6f3;border:1px solid rgba(0,0,0,.09);border-radius:3px}.empty-state p{font-size:14px;margin-bottom:4px}.empty-state-hint{font-size:12px}.audio-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#fff;border:1px solid rgba(0,0,0,.09);border-radius:3px;transition:background-color .2s}.audio-item:hover{background-color:#00000005}.audio-info{display:flex;align-items:center;gap:12px;flex:1}.audio-icon{font-size:20px}.audio-name{font-size:14px;color:#37352f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-actions{display:flex;align-items:center;gap:12px}.status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:3px;font-size:12px;font-weight:500}.status-badge.processing{background-color:#fef3c7;color:#92400e}.status-badge.ready{background-color:#d1fae5;color:#065f46}.spinner{width:12px;height:12px;border:2px solid rgba(146,64,14,.3);border-top-color:#92400e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.check-icon{font-size:14px;font-weight:600}.remove-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:3px;font-size:20px;color:#37352f66;cursor:pointer;transition:all .2s;flex-shrink:0}.remove-button:hover{background-color:#37352f14;color:#37352f}