@font-face{font-family:StudioSerif;src:local('Noto Serif CJK SC'),local('Source Han Serif SC'),local('Microsoft YaHei')}*{box-sizing:border-box}body{margin:0;background:#f6f7f3;color:#23372f;font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button{border:1px solid #dbe3dc;background:#fff;color:#304a3e;border-radius:9px;padding:10px 15px;transition:background .18s,transform .18s}button:hover{background:#edf3e9}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button.primary{background:#2b5542;color:#fff;border-color:#2b5542}button.primary:hover{background:#1f4032}button.ghost{background:transparent;border-color:transparent}button.danger{color:#a74545}button.small{padding:6px 10px;font-size:12px}input,textarea,select{border:1px solid #d7dfd8;border-radius:9px;background:#fff;color:#243a30;padding:11px 12px;min-width:0}textarea{resize:vertical;line-height:1.7}input:focus,textarea:focus,select:focus{outline:2px solid #a0bc8a;border-color:transparent}label{display:grid;gap:8px;font-size:13px;color:#5b6c61}a{color:#2c6449;text-decoration:none}svg.ico{width:19px;height:19px;vertical-align:middle;flex-shrink:0;stroke-width:1.7}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:#eef1e8;border-right:1px solid #dfe5d9;padding:28px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:28px}.brand{display:flex;gap:11px;align-items:center;padding:0 10px}.brand img{width:39px;height:39px}.brand strong{font-family:StudioSerif,serif;font-size:25px;letter-spacing:3px}.brand small{display:block;color:#82917e;font-size:10px;letter-spacing:1.4px;margin-top:2px}.nav{display:grid;gap:8px}.nav button{border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;padding:13px 15px;color:#69776b}.nav button.active{background:#fff;color:#224a35;box-shadow:0 3px 12px #2e4c3010;font-weight:600}.sidebar-label{color:#85907e;font-size:11px;letter-spacing:1.5px;margin:0 13px 12px}.sidebar-note{margin-top:auto;padding:16px;background:#e4eade;border-radius:12px;line-height:1.8;color:#6d7d66;font-size:12px}.user{display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dce6cf;color:#3e613c;font-weight:bold}.workspace{min-width:0}.topbar{height:76px;border-bottom:1px solid #e5e9e0;padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#fbfcf9}.breadcrumb{font-size:13px;color:#8b958a}.breadcrumb b{font-weight:500;color:#354d3d}.live-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#78a66b;margin-right:7px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;font-size:11px;background:#edf2e6;color:#68805b;white-space:nowrap}.page{max-width:1540px;margin:auto;padding:35px 38px 50px}.eyebrow{font-size:11px;letter-spacing:2px;color:#84917b;margin-bottom:12px}.headline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.headline h1{font:500 30px StudioSerif,serif;letter-spacing:1px;margin:0 0 10px}.headline p{color:#84907e;line-height:1.7;margin:0}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hero{padding:25px 30px;border:1px solid #dae4cf;border-radius:16px;background:#edf2e5;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;overflow:hidden}.hero h2{font-size:17px;font-weight:500;margin:0 0 10px}.hero p{margin:0;color:#798771;font-size:13px;line-height:1.8}.hero-art{display:flex;gap:7px;transform:rotate(-5deg);padding:10px 20px}.hero-art i{width:35px;height:60px;background:#c7d8b3;border-radius:8px;display:block}.hero-art i:nth-child(2){background:#77986f;height:78px;margin-top:-8px}.hero-art i:nth-child(3){background:#abc59c}.section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 0 18px}.section-title h2{font-size:15px;font-weight:600;margin:0}.muted{color:#8a9585;font-size:12px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.agent-card{background:#fff;border:1px solid #e1e7db;border-radius:15px;overflow:hidden;transition:box-shadow .2s,transform .2s}.agent-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #405c3210}.card-body{padding:25px 24px 22px;min-height:220px}.agent-icon{width:51px;height:51px;border-radius:14px;display:grid;place-items:center;background:#eaf0e3;color:#537747;margin-bottom:24px}.agent-icon .ico{width:25px;height:25px}.rose .agent-icon{background:#f5e9e6;color:#a47a70}.amber .agent-icon{background:#f7eedb;color:#a3925d}.agent-card h3{font-size:18px;font-weight:500;margin:0 0 12px}.agent-card p{font-size:13px;color:#8a9482;line-height:1.9;min-height:48px;margin:0 0 16px;overflow-wrap:anywhere}.card-footer{border-top:1px solid #edf0e8;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px}.empty{border:1px dashed #cfdac4;border-radius:14px;padding:45px 25px;text-align:center;background:#f9fbf6;color:#819274;line-height:1.9}.empty .ico{width:34px;height:34px;margin-bottom:13px}.panel{background:#fff;border:1px solid #e1e6dc;border-radius:13px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;border-bottom:1px solid #e9ede4}.panel-head strong{font-weight:500;font-size:14px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:20px}.viewer{padding:20px;background:#f0f3ec}.canvas-wrap{background:#1c2520;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;min-height:280px;position:relative;aspect-ratio:16/9}.canvas-wrap canvas{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.video-preview{width:100%;max-height:480px;background:#17231c;border-radius:8px}.playbar{display:flex;gap:12px;align-items:center;margin-top:15px}.playbar input{padding:0;flex:1;accent-color:#587947}.playbar .time{font-size:11px;font-variant-numeric:tabular-nums;color:#70816b;white-space:nowrap}.chat-panel{display:flex;flex-direction:column;min-height:570px;max-height:780px}.messages{padding:20px;overflow:auto;flex:1;min-height:200px}.chat-intro{text-align:center;margin:20px 0;color:#7e8d74;line-height:1.8;font-size:13px}.chat-intro .agent-icon{margin:0 auto 15px}.bubble{border-radius:12px;padding:13px 15px;margin:12px 0;line-height:1.85;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5eb}.bubble.user{display:block;background:#f2f3f0;margin-left:20px}.bubble .who{font-size:10px;color:#8e9c83;margin-bottom:5px;letter-spacing:1px}.composer{margin:0 16px 16px;border:1px solid #dce4d4;border-radius:12px;padding:12px}.composer textarea{border:0;padding:0;width:100%;outline:none;min-height:84px;font-size:13px}.composer-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px}.hint-chips{display:flex;gap:7px;flex-wrap:wrap;padding:0 16px 13px}.hint-chips button{font-size:11px;padding:6px 8px;border-radius:7px}.assets-strip{display:flex;gap:10px;overflow:auto;padding:16px}.asset-mini{position:relative;min-width:112px;width:112px;border:1px solid #e0e6da;border-radius:8px;overflow:hidden}.asset-mini img{height:64px;width:100%;object-fit:cover;background:#e8eee3}.asset-mini .sound{height:64px;display:grid;place-items:center;background:#edf3e6}.asset-mini p{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px;margin:0}.asset-mini button{position:absolute;top:3px;right:3px;padding:3px 6px;background:#ffffffdd;font-size:12px}.timeline{margin-top:20px}.track-list{padding:10px 15px;overflow-x:auto;max-height:370px;overflow-y:auto}.track-row{display:flex;gap:12px;align-items:center;min-width:540px;margin:8px 0}.track-name{width:60px;flex-shrink:0;font-size:11px;color:#94a089}.track-content{position:relative;height:40px;flex:1;background:repeating-linear-gradient(90deg,#eef2e9 0,#eef2e9 1px,transparent 1px,transparent 10%)}.clip{position:absolute;top:3px;height:34px;border-radius:5px;border:1px solid #bdcfb4;background:#dfebd6;color:#5b754e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;text-align:left;padding:4px 7px;min-width:3px}.clip.audio{background:#f5ebd1;border-color:#e4d7ac;color:#9a8451}.clip.text,.clip.subtitle{background:#e8e2f1;border-color:#d0c5df;color:#85729d}.clip.selected{box-shadow:0 0 0 2px #476d38;z-index:2}.clip-properties{padding:18px;border-top:1px solid #e9ede4;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.clip-properties label{font-size:11px}.clip-properties input,.clip-properties select{padding:8px;font-size:12px;width:100%}.clip-properties .wide{grid-column:1/-1}.learning-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel-body{padding:24px}.tabbar{display:flex;gap:10px;margin-bottom:22px;border-bottom:1px solid #e6ebdf}.tabbar button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:12px 4px;margin-right:17px;font-size:13px;color:#8b9880}.tabbar button.active{color:#3b6136;border-color:#58764c}.field-stack{display:grid;gap:18px}.field-stack textarea{width:100%;min-height:140px}.callout{background:#f0f4e9;border-radius:9px;padding:13px 16px;line-height:1.9;font-size:12px;color:#829074}.rule{border:1px solid #e2e8d9;border-radius:10px;padding:16px;margin-bottom:12px}.rule.disabled{opacity:.55}.rule p{margin:0 0 12px;line-height:1.85;font-size:13px}.rule .toolbar{justify-content:space-between}.learning-results{margin-top:24px}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.asset-card{background:#fff;border:1px solid #e0e7d8;border-radius:12px;overflow:hidden}.asset-card img,.asset-card .sound{width:100%;height:140px;object-fit:cover;background:#e7eedd}.asset-card .sound{display:grid;place-items:center}.asset-card .body{padding:15px}.asset-card h3{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 9px}.job-row{display:grid;grid-template-columns:1fr 150px 150px;gap:16px;align-items:center;padding:20px;border-bottom:1px solid #edf0e8}.job-row:last-child{border:0}.job-row p{margin:6px 0;color:#8b9781;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.progress{height:6px;background:#e9eee2;border-radius:6px;overflow:hidden;margin:8px 0}.progress i{display:block;height:100%;background:#7b9c62;transition:width .3s}.error{color:#b76457!important}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#f9faf6}.login-art{background:#e6ecdc;display:flex;flex-direction:column;justify-content:space-between;padding:65px;position:relative;overflow:hidden}.login-art:after{content:'';position:absolute;right:-100px;bottom:-100px;width:450px;height:450px;border:65px solid #cfddbd;border-radius:50%;opacity:.7}.login-copy{z-index:1;margin:80px 0}.login-copy h1{font:500 47px/1.55 StudioSerif,serif;letter-spacing:4px}.login-copy p{color:#7e8e73;line-height:2}.login-form{max-width:390px;width:100%;margin:auto;padding:30px}.login-form h2{font-size:25px;font-weight:500;margin:0 0 10px}.login-form p{color:#8c9883;font-size:13px;margin-bottom:35px}.login-form form{display:grid;gap:22px}.login-form button{margin-top:10px;padding:13px}dialog{border:1px solid #dce4d3;border-radius:17px;padding:0;max-width:580px;width:calc(100% - 32px);box-shadow:0 24px 80px #263c3040;color:#314b39}dialog::backdrop{background:#26382e66;backdrop-filter:blur(3px)}.modal-head{padding:23px 26px;border-bottom:1px solid #e5eade;display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:18px;font-weight:500;margin:0}.modal-body{padding:25px;max-height:70vh;overflow:auto}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:18px 25px;border-top:1px solid #e5eade}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#284333;color:#fff;border-radius:10px;padding:13px 22px;z-index:99;max-width:90%;box-shadow:0 6px 25px #1b301a30;transition:.2s;white-space:pre-line}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.export-option{display:flex;width:100%;gap:16px;text-align:left;align-items:center;padding:20px;margin-bottom:12px}.export-option strong{display:block;margin-bottom:5px}.export-option span{font-size:12px;color:#829176;line-height:1.6}.mobile-title{display:none}.spinner{display:inline-block;width:13px;height:13px;border:2px solid #bbc9af;border-top-color:#476d38;border-radius:50%;animation:spin 1s linear infinite;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.job-inline{padding:8px 18px;background:#f0f4e9;color:#6f855e;font-size:12px;line-height:1.8}.download{display:inline-block;background:#edf4e5;border:1px solid #d6e3c9;padding:9px 14px;border-radius:8px;font-size:12px}.login-error{font-size:13px;min-height:20px;color:#b26050}.asset-pick{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #ebefe4}.asset-pick img{width:65px;height:42px;object-fit:cover;border-radius:4px}.asset-pick label{display:flex;gap:8px;flex:1;align-items:center;color:#536d45}.asset-pick input{width:17px;height:17px}.history-row{padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e7ebdf}.history-row p{margin:5px 0;font-size:12px;color:#819173}
@media(min-width:1700px){.page{padding-top:45px}.canvas-wrap{min-height:400px}}@media(max-width:1200px){.shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:25px 12px}.page{padding:26px 24px}.topbar{padding:0 24px}.studio{grid-template-columns:minmax(0,1fr) 320px;gap:14px}.cards{gap:12px}.card-body{padding:20px 18px}.card-footer{padding:12px}.asset-grid{grid-template-columns:repeat(3,1fr)}.clip-properties{grid-template-columns:repeat(3,1fr)}}@media(max-width:950px){.studio{grid-template-columns:1fr}.chat-panel{min-height:400px;max-height:550px}.cards{grid-template-columns:repeat(2,1fr)}.learning-layout{grid-template-columns:1fr}.headline{align-items:flex-start}.headline h1{font-size:25px}.hero-art{display:none}.login-art{padding:35px}.login-copy h1{font-size:32px}.asset-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell{display:block}.sidebar{height:auto;position:static;padding:14px 15px;gap:12px;border-right:0}.sidebar .brand{padding:0}.sidebar .brand img{width:30px;height:30px}.sidebar .brand strong{font-size:22px}.sidebar .brand small{display:none}.sidebar-label,.sidebar-note,.sidebar .user{display:none}.nav{display:flex;gap:4px;overflow-x:auto}.nav button{white-space:nowrap;padding:9px;font-size:11px;gap:5px}.nav button .ico{width:15px;height:15px}.topbar{height:49px;padding:0 18px}.page{padding:24px 17px 40px}.headline{flex-wrap:wrap;margin-bottom:20px}.headline h1{font-size:25px}.headline p{font-size:12px}.cards{grid-template-columns:1fr}.card-body{min-height:0}.agent-icon{margin-bottom:15px}.hero{padding:20px;margin-bottom:20px}.hero h2{font-size:15px}.hero p{font-size:12px}.panel-head{padding:14px}.viewer{padding:12px}.canvas-wrap{min-height:170px}.clip-properties{grid-template-columns:repeat(2,1fr);padding:13px}.panel-body{padding:18px}.job-row{grid-template-columns:1fr;gap:6px}.asset-grid{gap:10px}.asset-card img,.asset-card .sound{height:100px}.asset-card .body{padding:11px}.login{display:block}.login-art{padding:24px}.login-copy{margin:26px 0 0}.login-copy h1{font-size:26px;margin:0 0 15px}.login-copy p,.login-art>small{display:none}.login-form{padding:30px 23px}.modal-body{padding:18px}.toolbar select{max-width:190px}.headline .toolbar{width:100%}.card-footer{padding:15px}.chat-panel{max-height:580px}.track-list{padding:10px}.playbar{gap:7px}.playbar button{padding:7px}.pill{font-size:10px}.export-option{padding:15px}}