.ascii-motion-page{background:radial-gradient(circle at 65% 0,#1c2d17 0,#080b08 42%,#040504 100%);color:#f3f6ef}.am-shell{max-width:1680px;margin:auto;padding:28px}.am-head{display:flex;align-items:center;gap:20px;margin-bottom:22px}.am-head h1{margin:3px 0;font-size:clamp(32px,4vw,58px);letter-spacing:-.055em}.am-head small{color:var(--accent);font-weight:900;letter-spacing:.14em}.am-head p{margin:0;color:#9aa499;font-size:15px}.am-local{margin-left:auto;border:1px solid #416536;border-radius:999px;padding:9px 12px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.08em}.am-layout{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:16px}.am-controls,.am-stage{border:1px solid #293129;border-radius:18px;background:linear-gradient(145deg,#111610,#080a08)}.am-controls{padding:13px;max-height:calc(100vh - 120px);overflow:auto}.am-controls details{border-top:1px solid var(--line);padding:14px 1px 0;margin-top:14px}.am-controls summary{cursor:pointer;color:#e8eee4;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.am-controls details[open] summary{margin-bottom:12px;color:var(--accent)}.am-drop{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:120px;border:1px dashed #496040;border-radius:14px;background:#10170f;text-align:center;cursor:pointer}.am-drop b{font-size:16px}.am-drop span,.am-file-info span{color:#98a296;font-size:11px}.am-drop.drag{border-color:var(--accent);background:#182414}.am-file-info{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;margin:10px 2px}.am-file-info b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.am-file-info span{grid-column:1/2}.am-file-info button{grid-column:2;grid-row:1/3;font-size:11px}.am-warning{padding:9px;margin:10px 0 0;border:1px solid #76562b;border-radius:9px;background:#2a1d0d;color:#ffd98b;font-size:11px;line-height:1.45}.am-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.am-preset-grid button{border:1px solid #2d372c;border-radius:9px;background:#090c09;color:#d8dfd5;padding:8px;text-align:left;font-size:11px;cursor:pointer}.am-preset-grid button.active{border-color:var(--accent);background:#1b2918;color:var(--accent);font-weight:800}.am-controls label{display:grid;gap:6px;margin:11px 0;color:#c4cec0;font-size:12px}.am-controls input[type=text],.am-controls select{width:100%;border:1px solid #2c362a;border-radius:9px;background:#080b08;color:#fff;padding:9px}.am-controls input[type=range]{width:100%;accent-color:var(--accent)}.am-controls output{float:right;color:#fff;font-weight:800}.am-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.am-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.am-toggles label,.am-audio{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:11px!important}.am-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.am-colors input{width:100%;height:34px;border:0;background:transparent}.am-stage{padding:14px;min-width:0}.am-preview{position:relative;display:grid;place-items:center;min-height:560px;overflow:hidden;border:1px solid #293429;border-radius:13px;background:#020302}.am-preview canvas{display:block;max-width:100%;max-height:68vh;box-shadow:0 25px 70px #000a}.am-preview #amOriginal{position:absolute;inset:0;margin:auto;pointer-events:none}.am-preview video{display:none}.am-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#1b3514,#070907 58%);text-align:center}.am-empty b{font-size:24px}.am-empty span{margin-top:7px;color:#a1ad9d;font-size:13px}.am-full{position:absolute;z-index:3;top:12px;right:12px;border:1px solid #3b4837;border-radius:9px;background:#111a10dd;color:#fff;padding:8px;cursor:pointer}.am-compare{display:flex;align-items:center;gap:10px;margin:12px 2px 0;color:#9aa599;font-size:11px;font-weight:800;letter-spacing:.08em}.am-compare input{flex:1;accent-color:var(--accent)}.am-player{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:9px;margin-top:12px}.am-player span{font-variant-numeric:tabular-nums;color:#a6afa3;font-size:12px;white-space:nowrap}.am-player input{width:100%;accent-color:var(--accent)}.am-status{display:flex;justify-content:space-between;gap:15px;padding:10px 2px;color:#9aa599;font-size:12px}.am-status span:last-child{color:var(--accent);white-space:nowrap}.am-actions{display:flex;gap:8px}.am-progress{margin-top:13px;padding:12px;border:1px solid #3a5532;border-radius:12px}.am-progress>div{height:7px;border-radius:999px;background:#1c231b;overflow:hidden}.am-progress i{display:block;height:100%;width:0;background:var(--accent);transition:width .15s}.am-progress b{display:block;margin-top:8px;font-size:11px}.am-result{display:grid;grid-template-columns:150px 1fr;gap:14px;margin-top:13px;padding:12px;border:1px solid #3a5532;border-radius:13px}.am-result video{width:150px;max-height:150px;background:#000}.am-result div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}.am-result span{color:#a1ab9d;font-size:12px}.mini-ascii{height:100%;display:grid;place-items:center;background:var(--accent-ink);color:var(--accent);font:900 16px ui-monospace,monospace;overflow:hidden}.mini-ascii b{font-size:22px}.mini-ascii i{position:absolute;transform:translate(-28px,21px);font-style:normal;color:#fff;font-size:10px}.mini-ascii span{position:absolute;transform:translate(12px,-22px);color:#f6a33a;font-size:9px}@media(max-width:980px){.am-layout{grid-template-columns:1fr}.am-stage{order:-1}.am-controls{max-height:none}.am-preview{min-height:480px}}@media(max-width:640px){.am-shell{padding:14px 10px 108px}.am-head{align-items:flex-start;flex-wrap:wrap;gap:12px}.am-head .btn{order:-1}.am-local{margin-left:0}.am-head h1{font-size:40px}.am-stage{padding:9px}.am-preview{min-height:340px}.am-preview canvas{max-height:56vh}.am-player{grid-template-columns:auto auto 1fr}.am-player input{grid-column:1/-1}.am-status{align-items:flex-start;flex-direction:column}.am-control-grid{grid-template-columns:1fr}.am-preset-grid{grid-template-columns:1fr 1fr}.am-actions .btn{flex:1}.am-result{grid-template-columns:100px 1fr}.am-result video{width:100px}.am-toggles{grid-template-columns:1fr}}