.anim-studio{min-width:0}.anim-top-actions,.anim-section-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.anim-top-actions{padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #333}.anim-button-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.anim-layout{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:26px;align-items:start}.anim-settings,.anim-editing{border:0;padding:0;margin:0;min-width:0}.anim-settings{display:flex;flex-direction:column;gap:20px}.anim-workspace,.anim-editing{min-width:0;display:flex;flex-direction:column;gap:18px}.anim-source-name{display:flex;justify-content:space-between;align-items:center;gap:8px}.anim-source-name strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anim-source-stage{position:relative;width:100%;overflow:hidden;border:1px solid #424242;background:#121212;border-radius:4px}.anim-source-stage>canvas{display:block;width:100%;height:auto}.anim-crop-overlay{position:absolute;inset:0;pointer-events:none}.anim-crop-selection{position:absolute;border:1px solid #eee;box-shadow:0 0 0 999px #0009;pointer-events:none}.anim-crop-move{position:absolute;inset:0;cursor:move;border:0;background:transparent;pointer-events:auto;touch-action:none}.anim-crop-handle{position:absolute;width:18px;height:18px;padding:0;background:#f0f0f0;border:2px solid #181818;border-radius:3px;pointer-events:auto;touch-action:none}.anim-crop-nw{left:-3px;top:-3px;cursor:nwse-resize}.anim-crop-ne{right:-3px;top:-3px;cursor:nesw-resize}.anim-crop-sw{left:-3px;bottom:-3px;cursor:nesw-resize}.anim-crop-se{right:-3px;bottom:-3px;cursor:nwse-resize}.anim-crop-presets{display:flex;gap:6px;flex-wrap:wrap}.anim-crop-presets .ap-button{flex:1;white-space:nowrap;padding:5px 7px}.anim-trim{display:flex;flex-direction:column;gap:9px}.anim-section-label,.anim-trim-labels{display:flex;justify-content:space-between;gap:10px;color:#bdbdbd;font-size:12px;font-variant-numeric:tabular-nums}.anim-trim-track{height:28px;position:relative;margin:0 8px}.anim-trim-track:before{content:"";position:absolute;inset:9px 0;background:#343434;border-radius:3px}.anim-trim-track>span{position:absolute;top:8px;bottom:8px;background:#969696;border-radius:3px}.anim-trim-track>input[type=range]{position:absolute;inset:0;margin:0;padding:0;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none;border:0}.anim-trim-track>input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:26px;border-radius:3px;border:2px solid #181818;background:#eee;pointer-events:auto;cursor:ew-resize}.anim-trim-track>input::-moz-range-thumb{width:10px;height:23px;border-radius:3px;border:2px solid #181818;background:#eee;pointer-events:auto;cursor:ew-resize}.anim-trim-track>input::-moz-range-track{background:transparent}.anim-details{border-top:1px solid #343434;padding-top:13px}.anim-details summary{cursor:pointer;font-size:12px;color:#c8c8c8;padding:4px 0}.anim-details>div{display:flex;flex-direction:column;gap:14px;padding-top:16px}.anim-colors,.anim-export-options{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:14px}.ascii-studio .anim-colors input[type=color]{width:100%;height:34px;padding:4px;cursor:pointer}.anim-convert-action{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid #393939}.anim-convert-action>p{font-size:12px;color:#ccc;margin:0}.anim-view-tabs{display:flex;gap:5px}.anim-view-tabs .ap-button{border-color:transparent;background:transparent;color:#999}.anim-view-tabs .ap-button[aria-pressed=true]{background:#292929;color:#eee;border-color:#454545}.anim-player{border:1px solid #393939;border-radius:6px;overflow:hidden;min-width:0}.anim-preview-top{min-height:46px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #333;font-size:12px;color:#c4c4c4}.anim-dimensions{font-size:11px;color:#929292;font-variant-numeric:tabular-nums;white-space:nowrap}.anim-screen{min-height:220px;max-height:620px;display:grid;place-items:center;background:#121212;overflow:auto;padding:16px}.anim-screen>canvas{display:block;max-width:100%;height:auto}.anim-selectable-text{margin:0;padding:12px;max-width:100%;overflow:auto;font:11px/1.25 monospace;white-space:pre}.anim-empty{color:#777;padding:26px 12px;text-align:center;font-size:12px}.anim-empty pre{display:inline-block;color:#999;font:14px/1.3 monospace;text-align:left;margin:0 0 20px}.anim-empty p{margin:0 0 8px;color:#b8b8b8}.anim-empty span{font-size:11px}.anim-preview-caption{border-top:1px solid #333;color:#949494;padding:12px 14px;font-size:12px;line-height:1.6}.anim-playback-controls{padding:12px 14px;display:flex;flex-direction:column;gap:12px;border-top:1px solid #333}.anim-time{margin-left:auto;color:#b5b5b5;font:11px monospace;white-space:nowrap}.anim-playback-controls>input{width:100%;margin:0;accent-color:#ccc}.anim-playback-settings{display:grid;grid-template-columns:minmax(100px,1fr) minmax(90px,1fr) minmax(140px,1.2fr);align-items:end;gap:14px}.anim-playback-settings .ascii-toggle{padding-bottom:9px}.anim-timeline{display:flex;flex-direction:column;gap:14px;border-top:1px solid #333;padding-top:16px}.anim-section-heading h2{margin:0;display:flex;gap:10px;align-items:center}.anim-section-heading h2>span{color:#888;font-weight:400}.anim-section-heading>.anim-button-row>span{font-size:11px;color:#aaa}.anim-frame-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.anim-frame{overflow:hidden;min-width:0;padding:0;border:1px solid #3a3a3a;border-radius:4px;background:#1b1b1b;color:#aaa;cursor:pointer}.anim-frame:hover{border-color:gray}.anim-frame.is-selected{border-color:#8cafff;outline:1px solid #8cafff;color:#eee}.anim-thumb{display:flex;height:50px;align-items:center;justify-content:center;overflow:hidden;padding:4px}.anim-thumb pre{margin:0;font-family:monospace;white-space:pre;pointer-events:none}.anim-frame>span:last-child{display:flex;justify-content:space-between;gap:4px;padding:6px;border-top:1px solid #333}.anim-frame strong{font:10px monospace}.anim-frame small{font:9px monospace;color:#969696}.anim-existing-note{border-left:2px solid #777;padding-left:10px;margin:0;font-size:12px;line-height:1.6;color:#bababa}.anim-batch-row{display:flex;align-items:end;flex-wrap:wrap;gap:10px}.anim-batch-row>.ap-field{flex:1;min-width:85px}.anim-batch-row>.ap-button{min-height:36px}.anim-export-panel{display:flex;flex-direction:column;gap:16px;padding-top:20px;border-top:1px solid #3b3b3b}.anim-export-panel .ascii-hint{margin:0}.anim-progress{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px;margin-bottom:18px;background:#252525;border:1px solid #414141;border-radius:4px}.anim-progress>span{flex:1;font-size:12px;min-width:140px}.anim-progress>progress{flex:1;accent-color:#ddd;height:6px;max-width:200px}.anim-message{font-size:12px;color:#ddd;padding:8px 0}.anim-save-note{margin:0}.anim-frame-dialog{max-width:min(1000px,94vw)}.anim-small-dialog{max-width:min(560px,94vw)}.anim-editor-content{display:flex;flex-direction:column;gap:16px}.anim-editor-content p{color:#aaa;line-height:1.65;font-size:13px;margin:0}.anim-editor-content textarea{resize:vertical;width:100%;background:#121212;color:#eee;border:1px solid #454545;border-radius:4px;padding:12px;font:12px/1.3 monospace}.anim-editor-content input{background:#151515;color:#eee;border:1px solid #444;border-radius:4px;padding:9px;width:100%}.anim-editor-content input[type=checkbox]{width:auto}.anim-studio button:focus-visible,.anim-studio input:focus-visible,.anim-studio summary:focus-visible,.anim-player:focus-visible{outline:2px solid #8cafff;outline-offset:3px}.anim-studio fieldset:disabled .anim-crop-overlay{pointer-events:none}.anim-studio fieldset:disabled .anim-crop-overlay button{pointer-events:none}@media (max-width: 1000px){.anim-layout{grid-template-columns:minmax(210px,270px) minmax(0,1fr);gap:20px}.anim-frame-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.anim-playback-settings{grid-template-columns:1fr 1fr}.anim-playback-settings>.ascii-toggle{grid-column:1 / -1}}@media (max-width: 760px){.anim-layout{display:flex;flex-direction:column;gap:24px}.anim-settings{display:contents}.anim-settings>*{order:3;width:100%}.anim-settings>.anim-source-panel{order:0}.anim-layout>.anim-workspace{order:1;width:100%}.anim-settings>.anim-convert-action{order:4}.anim-source-stage{max-width:480px;margin:0 auto}.anim-settings>.ascii-control-section+.ascii-control-section{border-top:1px solid #333;padding-top:20px}.anim-top-actions{gap:12px}.anim-screen{padding:8px;min-height:160px}.anim-frame-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.anim-export-options{grid-template-columns:1fr}.anim-preview-top{padding:8px 10px}.anim-time{margin-left:0;flex-basis:100%;padding-top:4px}}@media (max-width: 380px){.anim-frame-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.anim-playback-controls{padding:10px}.anim-frame-actions .ap-button{flex:1}.anim-preview-top{flex-wrap:wrap}}@media print{.anim-settings,.anim-top-actions,.anim-view-tabs,.anim-playback-controls,.anim-timeline,.anim-frame-actions,.anim-export-panel,.anim-playback-settings,.anim-details{display:none!important}.anim-layout{display:block}.anim-player{border:0}.anim-screen{max-height:none}}