body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f9f9f9}.transcript-container{height:calc(100vh - 140px);overflow-y:auto;padding:20px;background:#fff;border-left:1px solid #f0f0f0}.transcript-row{display:flex;gap:16px;padding:12px 16px;margin-bottom:8px;border-radius:8px;transition:background .2s}.transcript-row:hover{background-color:#f5f5f5}.transcript-row.active{background-color:#e6f7ff}.transcript-time-col{width:60px;flex-shrink:0;text-align:right;padding-top:4px}.time-badge{font-size:12px;color:#1890ff;font-weight:500;cursor:pointer}.time-badge:hover{text-decoration:underline}.transcript-content-col{flex:1}.speaker-name{font-weight:700;color:#333;margin-bottom:4px;font-size:14px}.transcript-text{color:#555;line-height:1.6;font-size:15px}.bottom-player-bar{position:fixed;bottom:0;left:0;right:0;height:80px;background:#fff;border-top:1px solid #e8e8e8;padding:0 24px;display:flex;align-items:center;z-index:1000;box-shadow:0 -2px 10px #0000000d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.studio-container{display:flex;height:100%;width:100%;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.studio-sidebar{width:320px;background-color:#f5f5f7;border-right:1px solid #e1e1e6;display:flex;flex-direction:column;flex-shrink:0}.studio-sidebar-header{padding:20px;border-bottom:1px solid #e1e1e6}.studio-sidebar-title{color:#1d1d1f;font-size:18px;font-weight:700;margin:0}.studio-list-container{flex:1;overflow-y:auto;padding:0}.studio-list-item{padding:16px 20px;border-bottom:1px solid #e1e1e6;cursor:pointer;background:#f5f5f7;transition:background .2s}.studio-list-item:hover{background-color:#e8e8ed}.studio-item-time{font-size:12px;font-weight:600;color:#0d254c;margin-bottom:4px;display:block}.studio-item-note{font-size:14px;color:#424245;line-height:1.4}.studio-main{flex:1;display:flex;flex-direction:column;background-color:#fff;position:relative}.studio-main-header{padding:15px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.studio-transcript-area{flex:1;overflow-y:auto;padding:40px;display:flex;flex-direction:column;scroll-behavior:smooth}.studio-transcript-row{display:flex;margin-bottom:24px;animation:fadeIn .3s ease}.studio-speaker{width:100px;font-weight:700;color:#007aff;font-size:14px;text-align:right;margin-right:20px;flex-shrink:0;margin-top:4px}.studio-text{color:#1d1d1f;font-size:18px;line-height:1.6;font-weight:400;background:#fbfbfb;padding:10px 16px;border-radius:12px;max-width:80%}.studio-text.active{background:#f0f8ff}.studio-controls{height:160px;background-color:#fff;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-shadow:0 -4px 20px #00000005}.studio-timer{font-size:56px;font-weight:200;color:#1d1d1f;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-bottom:16px;letter-spacing:1px}.studio-btn-row{display:flex;align-items:center;gap:32px}.btn-circle{width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .2s;box-shadow:0 4px 12px #0000001a}.btn-circle:active{transform:scale(.95)}.btn-start{background-color:#ff3b30;color:#fff}.btn-start:hover{background-color:#ff4f44;box-shadow:0 6px 16px #ff3b304d}.btn-pause{background-color:#fff;border:2px solid #e1e1e6;color:#1d1d1f}.btn-pause:hover{background-color:#f5f5f7;border-color:#d1d1d6}.btn-stop{background-color:#1d1d1f;color:#fff}.btn-stop:hover{background-color:#3a3a3c}.fab-bookmark{position:absolute;right:40px;bottom:50px;height:50px;padding:0 24px;border-radius:25px;background-color:#fff;border:2px solid #0D254C;color:#0d254c;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.fab-bookmark:hover{background-color:#f0f5ff}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}html,body,#root{height:100vh;width:100vw;margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#999}