.cp-open{overflow:hidden!important}.cp-overlay{position:fixed;inset:0;z-index:15000;background:#050a08c9;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;color:#e7eddf;font:14px/1.6 system-ui,-apple-system,"Microsoft Yahei",sans-serif}.cp-overlay *{box-sizing:border-box;min-width:0}.cp-window{width:min(1160px,100%);height:min(94dvh,1000px);display:flex;flex-direction:column;border:1px solid #3d5044;border-radius:20px;background:#121b16;overflow:hidden;box-shadow:0 24px 100px #0008}.cp-head{padding:20px 26px;display:flex;justify-content:space-between;gap:14px;background:#1b2920}.cp-head h2{font-size:20px;margin:5px 0;line-height:1.45;overflow-wrap:anywhere}.cp-head small{font-size:10px;letter-spacing:.2em;color:#b2c5ac}.cp-head p,.cp-overlay p{margin:6px 0;color:#aebdb0;font-size:13px;overflow-wrap:anywhere}.cp-overlay h3{font-size:17px;margin:0 0 10px;color:#e9efdf}.cp-overlay h4{font-size:14px;margin:0 0 8px}.cp-overlay button,.cp-overlay select,.cp-overlay input,.cp-overlay textarea{font:inherit}.cp-overlay button,.cp-overlay a,.cp-overlay label.cp-secondary{cursor:pointer}.cp-overlay button{border:1px solid #405b49;background:transparent;color:#dce9d5;border-radius:9px;padding:9px 14px;line-height:1.5}.cp-overlay button:disabled{opacity:.45;cursor:default}.cp-overlay .cp-primary{background:#c4d9ad;color:#162619;border-color:#c4d9ad;font-weight:600}.cp-overlay .cp-secondary{background:#203326;color:#dce9d5;border:1px solid #405b49;border-radius:9px;padding:9px 12px;display:inline-block;text-align:center}.cp-overlay .cp-close{font-size:26px;align-self:flex-start;line-height:1;padding:8px 12px}.cp-tabs{display:flex;gap:8px;padding:12px 26px;border-bottom:1px solid #304436}.cp-tabs button{border:0;border-radius:8px;font-size:13px}.cp-tabs .cp-active{background:#2a412e;color:#d6ebbb}.cp-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:22px 26px;scrollbar-width:thin}.cp-panel{padding:18px;border:1px solid #304436;border-radius:14px;margin-bottom:18px;background:#17221b}.cp-preview{display:block;width:100%;height:min(38vh,340px);object-fit:contain;background:#080d0a;border-radius:10px;margin-bottom:10px}.cp-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cp-line>label{flex:1}.cp-overlay label{display:block;color:#c9d8c6;font-size:13px}.cp-overlay select,.cp-overlay input:not([type=checkbox]):not([type=file]):not([type=range]),.cp-overlay textarea{display:block;width:100%;border:1px solid #48604c;border-radius:8px;background:#0f1912;color:#e7eddf;padding:9px 11px;margin-top:5px;outline-offset:3px}.cp-overlay input[type=checkbox]{width:16px;height:16px;vertical-align:middle;margin-right:8px;accent-color:#c4d9ad}.cp-overlay input[type=range]{display:block;width:100%;accent-color:#b8d49e;margin:8px 0}.cp-overlay textarea{resize:vertical}.cp-overlay .cp-link{border:0;background:none;color:#c4d9ad;text-decoration:none;padding:6px 9px;display:inline-block;font-size:13px}.cp-overlay .cp-note{border-left:3px solid #c4b37d;padding:8px 12px;background:#b7aa5b12;color:#d5cdac}.cp-quote{margin-top:15px;padding:16px;border:1px solid #77965a;border-radius:12px;background:#c4d9ad0b}.cp-quote strong{font-size:20px;color:#d6ebbb}.cp-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cp-segments article{padding:12px;border:1px solid #304436;border-radius:10px}.cp-segments video{width:100%;height:180px;background:#080d0a;object-fit:contain;border-radius:6px}.cp-segments h4 small{font-size:12px;font-weight:400;color:#9caf9b}.cp-results{margin-top:22px}.cp-result{border-bottom:1px solid #304436;padding:12px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.cp-result strong{font-size:14px}.cp-foot{padding:10px 26px;border-top:1px solid #304436;color:#a0b09e;font-size:12px;background:#162119}.cp-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:start}.cp-monitor{position:sticky;top:0}.cp-options{display:flex;gap:15px;flex-wrap:wrap;margin:15px 0}.cp-upload{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cp-overlay .cp-render{display:block;width:100%;margin-top:18px}.cp-clip{border:1px solid #3c5441;border-radius:12px;padding:13px;margin:12px 0;background:#1b2920}.cp-clip.cp-drop-target{border-color:#d0e7b4;box-shadow:0 0 0 2px #d0e7b433}.cp-trim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.cp-overlay .cp-trim input{padding:8px}.cp-overlay .cp-handle{touch-action:none;cursor:grab;font-size:21px;padding:2px 12px}.cp-clip-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.cp-clip-actions button{font-size:12px;padding:6px 10px}.cp-clip details{margin-top:12px}.cp-clip summary{cursor:pointer;color:#bed1b3;font-size:12px}.cp-range-label{font-size:11px!important;color:#9caf9b!important}.cp-audio{border:1px solid #405b49;border-radius:10px;padding:12px;margin-top:14px}.cp-audio audio{width:100%;height:36px;margin:9px 0}.cp-audio .cp-trim{grid-template-columns:1fr 1fr}#cp-error{color:#e9cf9a;white-space:pre-wrap;margin-top:15px}.cp-overlay [hidden]{display:none!important}.cp-overlay :focus-visible{outline:2px solid #d6eab6;outline-offset:3px}
@media(max-width:700px){.cp-overlay{padding:0;align-items:stretch}.cp-window{width:100%;height:100dvh;border-radius:0;border:0}.cp-head{padding:15px 16px 10px}.cp-head h2{font-size:17px;max-height:75px;overflow:auto}.cp-head p{font-size:11px}.cp-tabs{padding:8px 12px;gap:4px}.cp-tabs button{padding:8px 9px;font-size:12px}.cp-body{padding:14px 12px}.cp-panel{padding:13px;border-radius:12px;margin-bottom:13px}.cp-segments{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cp-segments article{padding:9px}.cp-segments video{height:160px}.cp-foot{padding:9px 14px;padding-bottom:max(9px,env(safe-area-inset-bottom));font-size:11px}.cp-edit-grid{display:block}.cp-monitor{position:static}.cp-preview{height:235px}.cp-overlay .cp-line>label{flex-basis:100%}.cp-overlay .cp-line>.cp-primary{width:100%}.cp-trim{gap:7px}.cp-trim label{font-size:11px}.cp-overlay .cp-trim input{padding:8px 5px}.cp-upload>*{flex:1}.cp-result{display:block}.cp-result>div+div{margin-top:6px}}
@media(prefers-reduced-motion:no-preference){.cp-window{animation:cp-enter .16s ease-out}@keyframes cp-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}