:root{--bg:#f6f7f3;--panel:#fff;--ink:#202b29;--muted:#87918b;--line:#e7ebe5;--accent:#e77942;--mint:#eaf1e8;--green:#3e594c;--shadow:0 8px 30px #223c2c07}*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:transparent}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.4;cursor:default}.shell{min-height:100vh}.sidebar{position:fixed;width:220px;left:0;top:0;bottom:0;background:#fff;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:23px;letter-spacing:2px}.brandmark{display:grid;place-items:center;width:39px;height:39px;background:var(--green);color:#fff;border-radius:12px;transform:rotate(-5deg)}.brandmark svg{width:24px;height:24px}.brand small{font-size:9px;display:block;letter-spacing:2px;font-weight:500;color:#8b958f;margin-top:1px}.side-label{font-size:10px;color:#a6afa8;letter-spacing:1.5px;margin:42px 14px 14px}.nav{display:flex;flex-direction:column;gap:8px}.nav button{padding:13px 16px;display:flex;gap:13px;align-items:center;border-radius:9px;color:#7d8880;text-align:left}.nav button.active{background:#eaf0e7;color:#355043;font-weight:700}.nav button:hover{background:#f3f5f0}.nav .new{font-size:9px;color:#d98c53;background:#fbf1e6;padding:3px 5px;border-radius:4px;margin-left:auto}.sidebottom{margin-top:auto}.localhint{padding:16px 12px;border-radius:12px;background:#f6f8f2;line-height:1.8;font-size:11px;color:#8b968b;margin-bottom:24px}.localhint strong{color:#52684f;display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:6px}.localhint svg{width:15px;height:15px}.sidebottom>button{display:flex;gap:9px;color:#8c958e;font-size:12px;padding:10px}.main{margin-left:220px}.topbar{height:87px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);gap:20px;background:var(--bg)}.crumb{font-size:12px;color:#8b958d;display:flex;align-items:center;gap:10px}.crumb b{font-weight:500;color:#49564e}.top-actions{display:flex;align-items:center;gap:22px}.mode-switch{display:flex;background:#ecefe8;border-radius:7px;padding:3px;gap:1px}.mode-switch button{padding:6px 10px;font-size:10px;color:#8a948a;border-radius:5px}.mode-switch button.on{background:white;color:#4d5e4c;box-shadow:0 2px 5px #00000006}.avatar{width:32px;height:32px;border-radius:50%;background:#e1e7d5;display:grid;place-items:center;color:#697a58}.avatar svg{width:18px}.iconbtn{position:relative;display:grid;place-items:center;padding:7px;color:#778477}.notice-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;position:absolute;right:8px;top:6px}.content{max-width:1440px;margin:auto;padding:33px 42px 50px}.greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#8a9a85;font-weight:500}.greeting h1,.page-head h1{font-size:27px;letter-spacing:-.6px;margin:6px 0 10px;font-weight:700}.greeting p,.page-head p{color:#929b92;font-size:12px;line-height:1.8;margin:0}.search{width:242px;display:flex;align-items:center;gap:10px;border:1px solid #e3e8de;background:#fff;border-radius:9px;padding:10px 13px;color:#9ba598}.search input{border:0;outline:none;width:100%;background:transparent;font-size:11px;color:var(--ink)}.search svg{width:16px;height:16px}.shortcut{border:1px solid #e6e9e2;border-radius:3px;font-size:9px;padding:1px 4px}.hero{height:282px;border-radius:16px;overflow:hidden;position:relative;background:#244b58;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#122d38e8 0%,#163c46a8 42%,#193c4833 74%);z-index:1}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 43%;inset:0}.hero-text{position:relative;z-index:2;color:#fff;padding:33px 34px}.pill{display:inline-flex;gap:6px;align-items:center;font-size:10px;border-radius:5px;padding:5px 9px;background:#ffffff16;border:1px solid #ffffff35;letter-spacing:1px}.pill svg{height:12px;width:12px}.hero h2{font-size:30px;line-height:1.6;font-weight:600;margin:13px 0 9px;letter-spacing:1px}.hero p{font-size:11px;color:#dae4e2;letter-spacing:.4px;margin:0 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;background:var(--accent);color:white;padding:10px 16px;font-size:12px;font-weight:500}.btn svg{width:15px;height:15px}.btn.secondary{background:white;border:1px solid var(--line);color:#4c5f51}.btn.ghost{background:transparent;border:1px solid #ffffff36;color:#ddd}.hero-bottom{position:absolute;z-index:3;bottom:21px;right:25px;color:#e5e9e5;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1px}.hero-bottom span{width:15px;height:3px;border-radius:3px;background:#ffffff55}.hero-bottom span:first-child{width:25px;background:#fff}.announcement{margin:16px 0 30px;display:flex;align-items:center;gap:10px;color:#899486;font-size:11px}.announcement svg{height:15px;width:15px;color:#93a080}.announcement strong{font-weight:500;color:#76866e}.announcement .arrow{margin-left:auto}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.sectionhead h2{font-size:17px;letter-spacing:.5px;margin:0;display:flex;gap:10px;align-items:center}.sectionhead h2 span{font-size:10px;color:#9aa494;font-weight:400;letter-spacing:.3px}.textbtn{font-size:11px;color:#889580;display:flex;align-items:center;gap:5px}.textbtn svg{height:13px;width:13px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:32px}.feature{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px;text-align:left;position:relative;transition:transform .2s,box-shadow .2s;min-height:154px}.feature:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature .ficon{display:grid;place-items:center;width:37px;height:37px;background:#edf2e7;color:#7d9464;border-radius:9px;margin-bottom:16px}.feature:nth-child(2) .ficon{background:#fff0e5;color:#ce946e}.feature:nth-child(3) .ficon{background:#edf0f8;color:#8392b2}.feature:nth-child(4) .ficon{background:#f5edf5;color:#a384a2}.feature h3{font-size:13px;margin:0 0 7px;font-weight:600}.feature p{color:#9ba399;font-size:10px;margin:0;line-height:1.8}.feature .chev{position:absolute;right:17px;top:23px;color:#b8c0b2;width:14px;height:14px}.tag{display:inline-flex;align-items:center;font-size:9px;padding:3px 6px;border-radius:4px;background:#f2f5eb;color:#8b9d78}.feature .tag{position:absolute;right:14px;bottom:18px}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;text-align:left;padding:0;transition:transform .2s}.project-card:hover{transform:translateY(-3px)}.project-cover{height:132px;position:relative;overflow:hidden;background:#c1d3c0}.project-cover img{width:100%;height:100%;object-fit:cover}.cover-tag{position:absolute;top:11px;left:11px;background:#132d31a8;backdrop-filter:blur(8px);color:#fff;font-size:8px;padding:4px 7px;border-radius:4px}.cover-duration{position:absolute;bottom:10px;right:10px;font-size:9px;color:white;background:#0006;padding:3px 6px;border-radius:3px}.project-info{padding:14px 16px 13px}.project-info h3{font-size:12px;margin:0 0 9px;font-weight:500}.project-meta{display:flex;justify-content:space-between;align-items:center;color:#a1aa9b;font-size:9px}.project-meta span{display:flex;align-items:center;gap:5px}.project-meta svg{width:11px;height:11px}.quick-tools{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0 25px}.quick{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 12px;font-size:10px}.quick svg{color:#8e9d7d;width:17px}.footer-note{display:flex;justify-content:center;align-items:center;gap:7px;color:#a4ad9d;font-size:10px;margin:28px 0 0}.footer-note svg{width:12px;height:12px}.bottomnav{display:none}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tabs button{padding:9px 16px;border-radius:6px;font-size:11px;color:#87947e;background:#edf0e8}.tabs button.active{background:#3f584a;color:#fff}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.toolcard{background:white;border:1px solid var(--line);border-radius:12px;text-align:left;padding:22px;display:flex;gap:14px;align-items:flex-start}.toolcard .ficon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#eff3e9;color:#7d926b;flex-shrink:0}.toolcard h3{font-size:13px;margin:0 0 7px}.toolcard p{font-size:10px;color:#929e8c;margin:0;line-height:1.8}.toolcard small{display:block;margin-top:12px;color:#9ca990;font-size:9px}.empty-upload{border:1.5px dashed #cbd7c4;background:#f5f8f0;border-radius:14px;min-height:235px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;cursor:pointer;padding:22px}.empty-upload>svg{width:35px;height:35px;color:#809872}.empty-upload strong{font-size:14px;font-weight:500}.empty-upload p{font-size:11px;color:#9ba690;line-height:1.8;margin:0}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:20px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:18px;font-size:12px}.field>label{color:#667660}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe5d9;border-radius:7px;background:#fbfcf9;color:#45573f;padding:11px 12px;outline:none}.field textarea{resize:vertical;min-height:82px}.range{accent-color:var(--accent)}.info-line{font-size:11px;color:#919d89;line-height:1.9;margin-top:18px}.badge{background:#eef3e7;color:#81976d;border-radius:4px;padding:4px 7px;font-size:9px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);gap:20px}.settings-row:last-child{border:0}.settings-row h3{font-size:13px;margin:0 0 6px}.settings-row p{font-size:11px;color:#9aa590;margin:0;line-height:1.8}.toggle{background:#c4cdbf;width:35px;height:21px;border-radius:20px;padding:3px;flex-shrink:0}.toggle.on{background:#65845c}.toggle:after{display:block;content:'';width:15px;height:15px;background:white;border-radius:50%;transition:transform .2s}.toggle.on:after{transform:translateX(14px)}.avatar-options{display:flex;gap:12px;margin:15px 0}.avatar-options button{width:44px;height:44px;border-radius:50%;background:#e0e7d4;border:3px solid transparent}.avatar-options button.selected{border-color:var(--accent)}.avatar-options button:nth-child(2){background:#f6ddcb}.avatar-options button:nth-child(3){background:#dfe5f4}.avatar-options button:nth-child(4){background:#eee0ef}.list-row{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.list-row img{width:96px;height:61px;object-fit:cover;border-radius:7px}.list-row h3{font-size:12px;margin:0 0 8px}.list-row p{font-size:10px;color:#94a08c;margin:0}.list-row .row-actions{margin-left:auto;display:flex;gap:5px}.row-actions button{padding:6px;color:#8a9b80}.row-actions svg{width:17px}.editor{background:#171d20;color:#e9eeec;border-radius:13px;overflow:hidden;box-shadow:0 10px 30px #18251b12}.editor-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #30373a;gap:10px}.editor-head h2{font-size:13px;margin:0;font-weight:500}.editor-head span{font-size:10px;color:#7d8d86}.editor-main{display:grid;grid-template-columns:1fr 265px}.player-area{padding:20px;min-width:0}.player{aspect-ratio:16/9;position:relative;overflow:hidden;background:#0e171b;border-radius:5px;display:grid;place-items:center}.player img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.player:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#0610149c)}.playbtn{position:relative;z-index:2;width:52px;height:52px;background:#ffffff24;border:1px solid #ffffff70;backdrop-filter:blur(8px);color:white;border-radius:50%;display:grid;place-items:center}.playbtn svg{width:24px;height:24px}.player .caption{position:absolute;bottom:12px;z-index:2;font-size:13px;color:white;text-shadow:0 1px 3px #000;letter-spacing:1px}.player-label{position:absolute;top:12px;left:12px;z-index:2;font-size:9px;background:#12272888;padding:5px 8px;border-radius:4px;color:#dae7df}.controls{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:10px;color:#91a29b}.control-left{display:flex;gap:15px;align-items:center}.controls button{color:#c9d5ce;padding:0}.controls svg{height:16px;width:16px}.timeline{margin-top:21px;padding-bottom:10px}.ruler{display:flex;justify-content:space-between;font-size:8px;color:#63786c;margin-bottom:10px}.filmstrip{height:48px;display:flex;border-radius:4px;overflow:hidden;position:relative;border:2px solid #e59660}.filmstrip img{width:14.285%;height:100%;object-fit:cover;filter:brightness(.8)}.filmstrip:after{content:'';height:100%;width:2px;background:#fff;position:absolute;left:40%;top:0}.wave{height:43px;display:flex;gap:2px;align-items:center;overflow:hidden;border-radius:4px;background:#25352e;margin-top:8px;padding:4px}.wave i{min-width:2px;flex:1;background:#83a77a;opacity:.7;border-radius:1px}.wave-wrap{position:relative}.beatmark{position:absolute;width:1px;top:0;bottom:0;background:#eea167}.inspector{border-left:1px solid #30383a;padding:18px}.inspector h3{font-size:11px;font-weight:500;color:#d5e0d9;margin:0 0 16px}.dark-field{margin:15px 0;font-size:10px;color:#85998c}.dark-field label{display:block;margin-bottom:9px}.dark-field input,.dark-field select{background:#252f2d;color:#b4c2b9;border:1px solid #3a4740;border-radius:5px;padding:8px;width:100%;font-size:10px}.dark-field p{line-height:1.8;font-size:9px}.dark-field .tag{background:#35423a;color:#a1b299}.editor-section{padding:18px 20px;border-top:1px solid #30383a}.editor-section h3{font-size:12px;font-weight:500;margin:0 0 15px}.shots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.shot{padding:0;text-align:left;background:#222d29;border:1px solid #35413b;border-radius:7px;overflow:hidden;color:#ced9d2}.shot.selected{border-color:#ed9a5a}.shot-image{aspect-ratio:16/9;position:relative}.shot-image img{width:100%;height:100%;object-fit:cover}.shot-image .check{position:absolute;right:7px;top:7px;width:17px;height:17px;border-radius:4px;background:#0007;border:1px solid #ffffff77;display:grid;place-items:center}.shot.selected .check{background:#e59456}.check svg{width:11px;height:11px}.shot>p{font-size:9px;margin:8px}.shot>small{display:block;font-size:8px;color:#839689;margin:0 8px 8px}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.editor-toolbar h3{margin:0}.editor-toolbar .textbtn{color:#96aa9a}.editor-toolbar .tag{background:#2d3a30;color:#a9bba0}.subtitles{max-height:355px;overflow:auto}.subline{padding:13px 10px;border-bottom:1px solid #edf0e7;text-align:left;width:100%;font-size:12px;line-height:1.8}.subline time{display:block;color:#a0aa98;font-size:9px}.subline.selected{background:#f1f5e9;color:#607a45}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}.stat small{font-size:10px;color:#94a08c}.stat strong{font-size:27px;font-weight:600;display:block;margin:10px 0}.stat span{font-size:9px;color:#8eaa76}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{text-align:left;color:#929c8c;font-weight:400;background:#f7f9f3;padding:13px}.data-table td{padding:15px 13px;border-bottom:1px solid var(--line)}.data-table img{width:86px;height:43px;object-fit:cover;border-radius:5px}.status{display:inline-flex;align-items:center;gap:5px;color:#819670;font-size:10px}.status:before{content:'';display:block;width:5px;height:5px;background:#8ea779;border-radius:50%}.status.off{color:#aaa}.status.off:before{background:#aaa}.admin-row-title{display:flex;align-items:center;gap:12px}.admin-row-title p{font-size:9px;color:#a0aa97;margin:5px 0}.modal-backdrop{position:fixed;inset:0;background:#15221e77;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;padding:22px}.modal{background:#fff;border-radius:16px;max-width:500px;width:100%;padding:26px;box-shadow:0 30px 80px #0003;max-height:90vh;overflow:auto}.modal h2{font-size:18px;margin:0 0 9px}.modal>p{font-size:11px;color:#8d9b83;line-height:1.9}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.modal-head button{color:#a0aa97}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#2f4538;color:#fff;padding:12px 22px;border-radius:9px;font-size:12px;box-shadow:0 10px 40px #0002;z-index:200;transition:.25s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.demo-label{font-size:9px;color:#9aa48e;display:flex;align-items:center;gap:5px}.demo-label i{width:4px;height:4px;background:#beccaa;border-radius:50%}.mobile-status{display:none}.mobile-top{display:none}.phone-stage{background:#e7eae3;min-height:100vh;padding:34px 0 48px}.phone-stage .shell{width:412px;max-width:100%;margin:auto;background:var(--bg);min-height:850px;border:7px solid #26302c;border-radius:40px;overflow:hidden;box-shadow:0 22px 70px #283a2922;position:relative}.phone-stage .sidebar{display:none}.phone-stage .main{margin:0}.phone-stage .topbar{display:none}.phone-stage .content{padding:20px 18px 95px}.phone-stage .mobile-status{display:flex;justify-content:space-between;padding:13px 21px 0;font-size:11px;font-weight:700;background:var(--bg)}.phone-stage .mobile-status span:last-child{letter-spacing:2px}.phone-stage .mobile-top{display:flex;justify-content:space-between;align-items:center;padding:20px 19px 0}.phone-stage .brand{font-size:19px}.phone-stage .brandmark{width:31px;height:31px;border-radius:9px}.phone-stage .brandmark svg{width:20px}.phone-stage .brand small{font-size:7px}.phone-stage .bottomnav{display:flex;position:sticky;bottom:0;margin-top:-75px;z-index:20;background:#ffffffed;backdrop-filter:blur(12px);border-top:1px solid var(--line);height:75px;justify-content:space-around;padding-top:10px}.phone-stage .bottomnav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:#9aa58f;width:20%}.phone-stage .bottomnav button.active{color:#4d6a44}.phone-stage .greeting{margin:3px 0 20px}.phone-stage .greeting h1{font-size:23px;margin:6px 0 7px}.phone-stage .greeting p{font-size:10px}.phone-stage .greeting>.search{display:none}.phone-stage .eyebrow{font-size:8px}.phone-stage .hero{height:230px;border-radius:12px}.phone-stage .hero-text{padding:22px}.phone-stage .hero h2{font-size:25px;margin:11px 0 9px}.phone-stage .hero p{max-width:220px;line-height:1.8;font-size:9px;margin-bottom:15px}.phone-stage .pill{font-size:8px}.phone-stage .hero-bottom{right:15px;bottom:15px;font-size:7px}.phone-stage .hero-art{object-position:68% center}.phone-stage .announcement{font-size:9px;margin:13px 0 24px;gap:5px}.phone-stage .announcement .news-detail{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.phone-stage .sectionhead h2{font-size:15px;gap:6px}.phone-stage .sectionhead h2 span{font-size:8px}.phone-stage .textbtn{font-size:9px}.phone-stage .feature-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:25px}.phone-stage .feature{padding:15px;min-height:137px}.phone-stage .feature .ficon{width:32px;height:32px;margin-bottom:12px}.phone-stage .feature h3{font-size:11px}.phone-stage .feature p{font-size:9px}.phone-stage .feature .tag{font-size:7px;bottom:13px;right:10px}.phone-stage .recent-grid{grid-template-columns:repeat(2,1fr);gap:10px}.phone-stage .recent-grid .project-card:nth-child(3){display:none}.phone-stage .project-cover{height:101px}.phone-stage .project-info{padding:12px}.phone-stage .project-info h3{font-size:10px}.phone-stage .project-meta{font-size:8px}.phone-stage .project-meta span:last-child{display:none}.phone-stage .quick-tools{grid-template-columns:repeat(3,1fr);gap:8px}.phone-stage .quick{padding:13px 9px;font-size:9px;gap:6px}.phone-stage .tools-grid{grid-template-columns:repeat(2,1fr);gap:10px}.phone-stage .toolcard{padding:15px;display:block}.phone-stage .toolcard .ficon{margin-bottom:13px;width:32px;height:32px}.phone-stage .toolcard h3{font-size:11px}.phone-stage .toolcard p{font-size:9px}.phone-stage .page-head h1{font-size:22px}.phone-stage .page-head p{font-size:10px}.phone-stage .page-head{align-items:flex-start}.phone-stage .page-head>.btn{font-size:10px;padding:9px}.phone-stage .split{grid-template-columns:1fr}.phone-stage .panel{padding:17px}.phone-stage .editor-main{grid-template-columns:1fr}.phone-stage .inspector{border-left:0;border-top:1px solid #30383a}.phone-stage .shots{grid-template-columns:repeat(2,1fr)}.phone-stage .editor-head{padding:14px}.phone-stage .player-area{padding:12px}.phone-stage .editor-section{padding:14px}.phone-stage .editor-head h2{font-size:11px}.phone-stage .editor-head .btn{font-size:9px;padding:8px}.phone-stage .stats{grid-template-columns:repeat(2,1fr);gap:9px}.phone-stage .data-table{min-width:640px}.table-scroll{overflow:auto}.phone-preview-exit{position:fixed;right:25px;top:22px;background:#fff;border:1px solid #dbe2d3;z-index:50;padding:10px 15px;border-radius:25px;color:#758569;font-size:12px}.mobile-prototype-hint{position:fixed;left:25px;top:25px;font-size:11px;color:#87937e;line-height:1.9;max-width:185px}.phone-stage .footer-note{font-size:8px}.inline-help{padding:13px 15px;background:#f2f5ec;border-radius:7px;font-size:10px;line-height:1.9;color:#859477;margin:17px 0}.sectiongap{margin-top:30px}.tool-preview{max-height:240px;max-width:100%;object-fit:contain;border-radius:8px}.image-preview-wrap{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:235px}.notice-card{background:#fff;border:1px solid var(--line);padding:19px;border-radius:9px;margin:12px 0}.notice-card h3{font-size:13px}.notice-card p{font-size:11px;color:#8e9b85;line-height:1.9}.tutorial-steps{display:flex;gap:20px;margin:24px 0}.tutorial-step{flex:1;padding:20px;background:#fff;border:1px solid var(--line);border-radius:10px}.tutorial-step strong{font-size:24px;color:#d2ddc8}.tutorial-step h3{font-size:13px}.tutorial-step p{font-size:11px;line-height:1.9;color:#96a18e}.phone-stage .tutorial-steps{display:block}.phone-stage .tutorial-step{margin:10px 0}.admin-nav-top{display:flex;gap:10px;align-items:center}.admin-nav-top .badge{margin-left:auto}.phone-stage .list-row img{width:76px;height:52px}.beat-panel{background:#19251e;padding:28px;border-radius:12px;color:#e6eee1}.beat-panel .wave{height:140px;background:#203429;gap:3px}.beat-panel .wave i{min-width:2px;background:#a3be8b}.beat-controls{display:flex;align-items:center;justify-content:space-between;margin:25px 0;gap:10px}.beat-controls .btn.secondary{background:#304330;border-color:#465941;color:#d6e3cb}.beat-time{text-align:center;font-size:34px;letter-spacing:3px;font-weight:400;margin:25px 0}.beat-marks{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.beat-marks button{padding:7px 10px;background:#344936;color:#bad0a9;border:1px solid #4b6444;border-radius:6px;font-size:10px}.phone-stage .beat-panel{padding:18px}.phone-stage .beat-controls{flex-wrap:wrap}.result-box{padding:18px;background:#eff5e8;border-radius:8px;color:#779262;margin-top:15px;font-size:11px;line-height:1.9}.progress-track{height:5px;background:#edf1e7;border-radius:4px;overflow:hidden;margin:12px 0}.progress-track i{display:block;background:#8ba572;height:100%;width:100%}.demo-banner{padding:10px 14px;border:1px solid #e6e9db;color:#97a086;font-size:10px;line-height:1.8;border-radius:7px;margin-bottom:20px;background:#fafbf7}.keyvalue{display:flex;justify-content:space-between;padding:12px 0;font-size:11px;border-bottom:1px solid var(--line);gap:15px}.keyvalue span:first-child{color:#929f87}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.phone-stage .form-grid{grid-template-columns:1fr}.settings-avatar{display:flex;align-items:center;gap:18px}.settings-avatar .avatar{height:58px;width:58px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap}.admin-tabs button{padding:9px 13px;background:#edf1e7;color:#8a977d;border-radius:5px;font-size:10px}.admin-tabs button.active{background:#405a48;color:#fff}.settings-block{max-width:760px}.empty-note{text-align:center;color:#9aa58e;padding:45px 20px;font-size:12px;line-height:2}.mobile-admin-link{display:none}
@media(min-width:1500px){.content{padding-top:40px}.hero{height:320px}.hero-text{padding:43px}.project-cover{height:165px}}
@media(max-width:1100px) and (min-width:761px){.sidebar{width:185px;padding:25px 14px}.main{margin-left:185px}.content{padding:28px}.topbar{padding:0 28px}.feature{padding:16px}.feature .tag{display:none}.quick-tools{grid-template-columns:repeat(3,1fr)}.editor-main{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid #30383a}.tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{display:none}.main{margin:0}.topbar{display:none}.content{padding:24px 18px 98px}.mobile-top{display:flex;justify-content:space-between;align-items:center;padding:24px 18px 0}.brand{font-size:21px}.brandmark{width:33px;height:33px}.brand small{font-size:8px}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#ffffffef;backdrop-filter:blur(12px);border-top:1px solid var(--line);height:74px;justify-content:space-around;padding-top:11px;padding-bottom:env(safe-area-inset-bottom)}.bottomnav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:#9aa58f;width:20%}.bottomnav button.active{color:#4d6a44}.greeting>.search{display:none}.greeting{margin-bottom:20px}.greeting h1{font-size:24px}.greeting p{font-size:10px}.eyebrow{font-size:9px}.hero{height:235px;border-radius:12px}.hero-text{padding:23px}.hero h2{font-size:26px}.hero p{font-size:10px;max-width:220px;line-height:1.8}.hero-art{object-position:67% center}.hero-bottom{font-size:7px;right:15px;bottom:15px}.pill{font-size:8px}.announcement{font-size:9px;gap:6px;margin-bottom:25px}.news-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:25px}.feature{padding:16px;min-height:142px}.feature .ficon{width:32px;height:32px;margin-bottom:13px}.feature h3{font-size:12px}.feature p{font-size:9px}.feature .tag{font-size:7px;right:10px;bottom:14px}.sectionhead h2{font-size:16px;gap:6px}.sectionhead h2 span{font-size:8px}.textbtn{font-size:9px}.recent-grid{grid-template-columns:repeat(2,1fr);gap:10px}.recent-grid .project-card:nth-child(3){display:none}.project-cover{height:110px}.project-info{padding:12px}.project-info h3{font-size:11px}.project-meta{font-size:8px}.project-meta span:last-child{display:none}.quick-tools{grid-template-columns:repeat(3,1fr);gap:8px}.quick{font-size:10px;padding:13px 10px;gap:6px}.page-head h1{font-size:23px}.page-head p{font-size:10px}.page-head{align-items:flex-start}.page-head>.btn{font-size:10px;padding:9px}.tools-grid{grid-template-columns:repeat(2,1fr);gap:10px}.toolcard{padding:16px;display:block}.toolcard .ficon{margin-bottom:12px;width:34px;height:34px}.toolcard h3{font-size:12px}.toolcard p{font-size:10px}.split{grid-template-columns:1fr}.editor-main{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid #30383a}.shots{grid-template-columns:repeat(2,1fr)}.editor-head{padding:14px}.player-area{padding:12px}.editor-section{padding:14px}.editor-head h2{font-size:11px}.editor-head .btn{font-size:9px;padding:8px}.stats{grid-template-columns:repeat(2,1fr);gap:9px}.data-table{min-width:640px}.phone-stage{padding:0;background:var(--bg)}.phone-stage .shell{border:0;border-radius:0;width:100%;box-shadow:none;min-height:100vh}.phone-stage .bottomnav{position:fixed;margin:0}.phone-preview-exit{display:none}.mobile-prototype-hint{display:none}.tutorial-steps{display:block}.tutorial-step{margin:10px 0}.form-grid{grid-template-columns:1fr}.mobile-admin-link{display:block}.beat-controls{flex-wrap:wrap}.settings-row{gap:10px}.footer-note{font-size:8px}.content .panel{padding:18px}.phone-stage .mobile-status{display:none}.phone-stage .mobile-top{padding-top:24px}.modal{padding:22px}.modal-backdrop{padding:15px}}
@media(max-width:760px){.feature p,.toolcard p{font-size:11px}.project-meta{font-size:10px}.quick{font-size:11px}.announcement{font-size:10px}.bottomnav button{font-size:10px}.field{font-size:13px}.info-line{font-size:12px}.subline{font-size:13px}.settings-row p{font-size:12px}.textbtn{font-size:11px}.inline-help{font-size:11px}.shot>p{font-size:11px}.shot>small{font-size:10px}}