#art{width:100%;background:#e8dfcf;border-radius:14px;overflow:hidden;border:1px solid #d4d5c5}#art svg{display:block;width:100%;height:auto}#art[data-ratio=portrait]{max-width:420px;margin:auto}.timeline{display:flex;gap:7px;margin:18px 0;overflow:auto;padding-bottom:6px}.timeline button{min-width:140px;max-width:180px;text-align:left;font-size:12px}.timeline button[aria-pressed=true]{background:#244435;color:#f1eddc}.timeline small{display:block;margin-bottom:10px;opacity:.7}#seek{padding:0;margin:16px 0}#time{font:12px monospace}#ratio{max-width:155px}.film-title{margin:24px 0 12px}.film-title h1{font-size:42px}.export-panel{padding:22px;background:#fffcf5;border:1px solid #d4d5c5;border-radius:14px}.export-panel h2{font-size:32px}.export-controls{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;align-items:center;margin-bottom:18px}.export-controls fieldset{margin:0;padding:10px 14px;border:1px solid #cbd2c1;border-radius:8px}.export-controls fieldset label,.check{display:flex;align-items:center;gap:8px;margin:8px 0;font-weight:normal}.export-controls input[type=checkbox],.check input{width:auto}.export-controls legend{font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 monospace}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.two-fields>*{min-width:0}.upload-btn{padding:12px;border:1px dashed #7e947b;cursor:pointer;border-radius:8px;font-weight:normal;background:#edf0e4}#render-files{padding:8px 0}#render-progress{width:100%;accent-color:#254c37}#library{width:min(1000px,94vw);max-height:88vh;overflow:auto}#library h2{font-size:40px;margin:5px 0}.library-head{display:flex;justify-content:space-between;align-items:center;gap:15px}#library::backdrop{background:#132d27bb}.prop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0 28px}.prop-grid button{padding:8px;background:#f1eddd;display:flex;flex-direction:column;align-items:center;border-radius:10px;font-size:12px;min-width:0}.prop-grid svg{width:100%;height:125px}.prop-grid button:hover{background:#e3ebd1;outline:2px solid #254c37}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.asset-grid article{min-width:0;display:flex;flex-direction:column;gap:7px}.asset-grid img{width:100%;height:125px;object-fit:contain}.asset-grid small{font-size:11px}.asset-grid span{display:block;overflow-wrap:anywhere;font-size:12px}@media(max-width:650px){.prop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prop-grid svg{height:90px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.export-controls{grid-template-columns:1fr}.library-head h2{font-size:28px!important}header{flex-wrap:wrap}.film-title h1{font-size:34px;overflow-wrap:anywhere}}