.asset-head-left[data-v-2ab14093]{display:flex;align-items:baseline;gap:8px}.asset-list-head strong[data-v-2ab14093]{color:#fff;font-size:14px}.asset-list[data-v-2ab14093]{background:#222;border:1px solid #333333;border-radius:14px;padding:12px;height:520px;display:flex;flex-direction:column}.asset-items[data-v-2ab14093]{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:12px;margin-top:5px;flex:1;overflow-y:auto;padding-right:6px;min-height:0;align-content:start}.asset-item[data-v-2ab14093]{text-align:left;background:#1e1e1e;border:1px solid #333333;border-radius:12px;padding:10px;color:#ccc;cursor:pointer;transition:all .2s;width:100%;max-width:220px}.asset-item[data-v-2ab14093]:hover{background:#232323;border-color:#3fcb5e;transform:translateY(-1px)}.asset-item.active[data-v-2ab14093]{border-color:#3fcb5e;box-shadow:0 0 0 1px #3fcb5e59}.asset-card[data-v-2ab14093]{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:start}.asset-thumb[data-v-2ab14093]{width:100%;height:80px;border-radius:10px;overflow:hidden;border:1px solid #333333;background:#0b1220;flex-shrink:0}.asset-thumb img[data-v-2ab14093]{width:100%;height:100%;object-fit:cover;display:block}.asset-meta[data-v-2ab14093]{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden}.asset-line[data-v-2ab14093]{display:flex;align-items:center;justify-content:space-between;gap:8px}.asset-name[data-v-2ab14093]{font-size:12px;color:#fff;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.asset-sub[data-v-2ab14093]{font-size:11px;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-status[data-v-2ab14093]{font-size:11px;flex-shrink:0}.asset-status.ok[data-v-2ab14093]{color:#3fcb5e}.asset-form[data-v-2ab14093]{margin-top:12px;background:#222;border:1px solid #333333;border-radius:14px;padding:12px}.asset-form-grid[data-v-2ab14093]{display:grid;grid-template-columns:140px 1fr;gap:10px;align-items:start}.right-form[data-v-2ab14093]{min-width:0;display:grid;grid-template-rows:auto 1fr;gap:10px}.right-top[data-v-2ab14093]{display:grid;height:120px;grid-template-columns:140px 120px minmax(180px,1fr) 100px 100px 160px;grid-template-rows:auto 1fr;grid-template-areas:"anim bg name loop align gen" "desc desc desc desc desc gen";gap:10px;align-items:start}.right-top>.field[data-v-2ab14093]:nth-of-type(1){grid-area:anim}.right-top>.field[data-v-2ab14093]:nth-of-type(2){grid-area:bg}.right-top>.field[data-v-2ab14093]:nth-of-type(3){grid-area:name}.loop-field[data-v-2ab14093]{grid-area:loop}.right-top>.field[data-v-2ab14093]:nth-of-type(5){grid-area:align}.field-desc[data-v-2ab14093]{grid-area:desc;min-width:0}.gen-slot[data-v-2ab14093]{grid-area:gen}.gen-slot[data-v-2ab14093]{display:grid;justify-items:stretch;align-content:start;gap:6px}.gen-btn[data-v-2ab14093]{width:100%;height:120px;padding:0;font-size:16px;font-weight:900;border-radius:12px}.gen-hint[data-v-2ab14093]{text-align:right}.desc-row[data-v-2ab14093]{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:start;height:100%}.desc-left[data-v-2ab14093]{color:#ccc;font-size:12px;line-height:28px}.textarea-inline[data-v-2ab14093]{min-height:100%;height:100%;resize:none;overflow:auto}.upload-btn.has[data-v-2ab14093]{position:relative;padding:0}.upload-thumb[data-v-2ab14093]{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px;background:#1e1e1e}.upload-repick[data-v-2ab14093]{position:absolute;right:8px;bottom:8px;font-size:12px;color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.18);padding:4px 8px;border-radius:999px}.upload-compact[data-v-2ab14093]{border:1px dashed #444444;border-radius:10px;background:#1e1e1e;padding:10px;display:grid;gap:8px;justify-items:center}.upload-btn[data-v-2ab14093]{width:100%;height:120px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;border:1px solid #444444;color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none}.upload-btn[data-v-2ab14093]:hover{border-color:#3fcb5e;color:#fff}.upload-input[data-v-2ab14093]{display:none}.field-label[data-v-2ab14093]{color:#ccc}[data-v-2ab14093] .select,[data-v-2ab14093] .input,[data-v-2ab14093] .textarea{background:#1e1e1e;border:1px solid #444444;color:#ccc}[data-v-2ab14093] .select:focus,[data-v-2ab14093] .input:focus,[data-v-2ab14093] .textarea:focus{border-color:#3fcb5e;box-shadow:0 0 0 3px #3fcb5e26}[data-v-2ab14093] .btn-primary{background:#3fcb5e;color:#fff}[data-v-2ab14093] .btn-primary:hover{box-shadow:0 10px 22px #3fcb5e40}.pagination-bar[data-v-2ab14093]{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #333333;flex-shrink:0}.page-btn[data-v-2ab14093]{background:#1e1e1e;border:1px solid #333333;border-radius:6px;color:#ccc;width:32px;height:32px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.page-btn[data-v-2ab14093]:hover:not(:disabled){border-color:#3fcb5e;color:#3fcb5e}.page-btn[data-v-2ab14093]:disabled{opacity:.4;cursor:not-allowed}.arrow[data-v-2ab14093]{font-size:18px;font-weight:700}.page-info[data-v-2ab14093]{font-size:14px;color:#ccc;min-width:32px;text-align:center}@media (max-width: 1100px){.asset-items[data-v-2ab14093]{grid-template-columns:repeat(3,1fr);height:auto;max-height:400px}.asset-form-grid[data-v-2ab14093]{grid-template-columns:1fr;align-items:stretch}.right-top[data-v-2ab14093]{grid-template-columns:1fr 1fr;grid-template-areas:"anim bg" "name loop" "align gen" "desc desc";height:auto}.gen-btn[data-v-2ab14093]{height:60px}}@media (max-width: 700px){.asset-items[data-v-2ab14093]{grid-template-columns:1fr}}.loop-field[data-v-2ab14093]{display:flex;flex-direction:column;gap:6px}.checkbox-wrapper[data-v-2ab14093]{display:flex;align-items:center;gap:8px;cursor:pointer;color:#ccc;font-size:12px;background:#1e1e1e;border:1px solid #444444;border-radius:8px;padding:8px 12px;transition:all .2s}.checkbox-wrapper[data-v-2ab14093]:hover{border-color:#3fcb5e}.checkbox-wrapper input[data-v-2ab14093]{width:14px;height:14px;cursor:pointer;accent-color:#3fcb5e;margin:0}.checkbox-wrapper span[data-v-2ab14093]{flex:1}.gen-btn[data-v-2ab14093]:disabled{opacity:.5;cursor:not-allowed;background:#555;box-shadow:none}.gen-btn[data-v-2ab14093]:disabled:hover{transform:none;box-shadow:none}.preview-stage[data-v-5091fb88]{border:1px dashed rgba(148,163,184,.35);border-radius:18px;padding:12px;background:#02061759;min-height:220px;display:grid;place-items:center;position:relative}.loading-overlay[data-v-5091fb88]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-spinner[data-v-5091fb88]{width:40px;height:40px;border:3px solid rgba(63,203,94,.3);border-top-color:#3fcb5e;border-radius:50%;animation:spin-5091fb88 .8s linear infinite}@keyframes spin-5091fb88{to{transform:rotate(360deg)}}.loading-text[data-v-5091fb88]{color:#fff;font-size:14px}.btn-spinner[data-v-5091fb88]{display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-5091fb88 .6s linear infinite;vertical-align:middle}.image-container[data-v-5091fb88]{position:relative;display:inline-block}.first-frame-preview[data-v-5091fb88]{max-width:100%;max-height:220px;border-radius:14px;cursor:crosshair;image-rendering:pixelated}.color-circle[data-v-5091fb88]{position:absolute;width:20px;height:20px;border-radius:50%;border:3px solid white;box-shadow:0 0 10px #00000080;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;justify-content:center}.color-value[data-v-5091fb88]{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:10px;background:#000000b3;padding:2px 6px;border-radius:10px;white-space:nowrap;color:#fff}.picker-side[data-v-5091fb88]{display:grid;gap:10px}.meta-grid[data-v-5091fb88]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.meta-card[data-v-5091fb88]{background:#0b1220;border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:10px}.meta-title[data-v-5091fb88]{font-size:12px;color:#e2e8f0b3}.meta-value[data-v-5091fb88]{margin-top:6px;font-weight:700;color:#e2e8f0;font-size:13px;word-break:break-all}.controls[data-v-5091fb88]{display:flex;flex-direction:column;gap:12px}.controls-row[data-v-5091fb88]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.control[data-v-5091fb88]{background:#0b1220;border-radius:12px;padding:10px}.range[data-v-5091fb88]{width:100%;margin-top:8px}.actions[data-v-5091fb88]{display:grid;gap:8px}.hint[data-v-5091fb88]{font-size:11px;color:#888;margin-top:6px}.btn-primary[data-v-5091fb88]:disabled{opacity:.6;cursor:not-allowed}.frames-wrap[data-v-94bfeed7]{display:grid;gap:12px}.frames-head[data-v-94bfeed7]{display:flex;justify-content:space-between;gap:12px;align-items:center}.frames-head-left[data-v-94bfeed7]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.meta-strong[data-v-94bfeed7]{color:#fff;font-weight:700}.check[data-v-94bfeed7]{display:inline-flex;gap:8px;align-items:center;color:#ccc;cursor:pointer}.crop-row[data-v-94bfeed7]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.crop[data-v-94bfeed7]{background:#1e1e1e;border:1px solid #333;border-radius:10px;padding:10px}.frames-grid[data-v-94bfeed7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:4px}.frame-tile[data-v-94bfeed7]{display:grid;gap:8px;padding:10px;border:1px solid #333;border-radius:12px;background:#1e1e1e;cursor:pointer}.frame-check[data-v-94bfeed7]{display:flex;justify-content:space-between;align-items:center}.frame-index[data-v-94bfeed7]{font-size:12px;color:#aaa}.frame-img[data-v-94bfeed7]{width:100%;border-radius:8px;background:#0b1220;border:1px solid #333;image-rendering:pixelated}.field-label[data-v-94bfeed7]{color:#ccc;font-size:12px}.hint[data-v-94bfeed7]{color:#888;font-size:12px}@media (max-width: 1100px){.crop-row[data-v-94bfeed7]{grid-template-columns:1fr}}.player-wrap[data-v-d440b5b5]{position:relative;background:#222;border:1px solid #333333;border-radius:14px;padding:12px;display:grid;gap:12px}.export-btn[data-v-d440b5b5]{position:absolute;top:12px;right:12px}.play-stage[data-v-d440b5b5]{border:1px solid #333333;border-radius:12px;padding:12px;display:flex;justify-content:center;align-items:center;background:#1e1e1e;overflow-x:auto;overflow-y:auto;min-height:200px}.play-stage.chess[data-v-d440b5b5]{background-color:#1e1e1e;background-image:linear-gradient(45deg,rgba(255,255,255,.06) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.06) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.06) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.06) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0px}.play-img[data-v-d440b5b5]{display:block;width:auto;height:auto;max-width:100%;max-height:400px;object-fit:contain;image-rendering:crisp-edges;image-rendering:pixelated;border-radius:8px}.control-bar[data-v-d440b5b5]{display:grid;grid-template-columns:auto 1fr auto auto auto auto;gap:10px;align-items:center;background:#1e1e1e;border:1px solid #333333;border-radius:12px;padding:10px}.progress[data-v-d440b5b5]{width:100%;accent-color:#3fcb5e}.frame-no[data-v-d440b5b5]{color:#ccc;font-size:12px;white-space:nowrap}.nav[data-v-d440b5b5]{display:inline-flex;gap:8px}.check[data-v-d440b5b5]{display:inline-flex;gap:8px;align-items:center;color:#ccc;white-space:nowrap}.fps[data-v-d440b5b5]{display:inline-flex;align-items:center;gap:8px}@media (max-width: 1100px){.control-bar[data-v-d440b5b5]{grid-template-columns:1fr;justify-items:stretch}.nav[data-v-d440b5b5]{justify-content:space-between}.export-btn[data-v-d440b5b5]{position:static;justify-self:end}}.workbench[data-v-7cd7ea29]{display:grid;gap:14px;grid-template-columns:3fr 2fr;grid-template-areas:"asset color" "frames frames" "player player"}.workbench-asset[data-v-7cd7ea29]{grid-area:asset;min-height:430px}.workbench-color[data-v-7cd7ea29]{grid-area:color;min-height:430px}.workbench-frames[data-v-7cd7ea29]{grid-area:frames}.workbench-player[data-v-7cd7ea29]{grid-area:player}@media (max-width: 1250px){.workbench[data-v-7cd7ea29]{grid-template-columns:1fr;grid-template-areas:"asset" "color" "frames" "player"}}.auth-page[data-v-17b5a16c]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card[data-v-17b5a16c]{max-width:480px;width:100%;padding:40px;background:#fff;border-radius:24px;box-shadow:0 20px 35px -8px #0000001a}.auth-title[data-v-17b5a16c]{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:12px;text-align:center}.auth-subtitle[data-v-17b5a16c]{color:#6b7280;text-align:center;margin-bottom:32px;font-size:14px}.form-grid[data-v-17b5a16c]{display:flex;flex-direction:column;gap:20px}.field-label[data-v-17b5a16c]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.input[data-v-17b5a16c]{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .2s;box-sizing:border-box}.input[data-v-17b5a16c]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn[data-v-17b5a16c]{padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-17b5a16c]{background:#3b82f6;color:#fff}.btn-primary[data-v-17b5a16c]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-primary[data-v-17b5a16c]:disabled{opacity:.6;cursor:not-allowed}.error-text[data-v-17b5a16c]{color:#ef4444;font-size:14px;text-align:center;padding:8px;background:#fef2f2;border-radius:8px}.hint[data-v-17b5a16c]{text-align:center;font-size:14px;color:#6b7280}.hint a[data-v-17b5a16c]{color:#3b82f6;text-decoration:none;font-weight:500}.hint a[data-v-17b5a16c]:hover{text-decoration:underline}.input[data-v-17b5a16c]{background-color:#fff!important;color:#1f2937!important}.auth-page[data-v-f35f7dd5]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card[data-v-f35f7dd5]{max-width:480px;width:100%;padding:48px 40px;background:#fff;border-radius:24px;box-shadow:0 20px 35px -8px #0000001a;transition:transform .2s}.auth-card[data-v-f35f7dd5]:hover{transform:translateY(-2px)}.auth-title[data-v-f35f7dd5]{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:12px;text-align:center}.auth-subtitle[data-v-f35f7dd5]{color:#6b7280;text-align:center;margin-bottom:32px;font-size:14px;line-height:1.5}.form-grid[data-v-f35f7dd5]{display:flex;flex-direction:column;gap:24px}.field-label[data-v-f35f7dd5]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.input[data-v-f35f7dd5]{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .2s;box-sizing:border-box;font-family:inherit}.input[data-v-f35f7dd5]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input[data-v-f35f7dd5]::placeholder{color:#9ca3af}.inline-actions[data-v-f35f7dd5]{display:flex;gap:12px;align-items:center}.btn[data-v-f35f7dd5]{padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.btn-primary[data-v-f35f7dd5]{background:#3b82f6;color:#fff}.btn-primary[data-v-f35f7dd5]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-primary[data-v-f35f7dd5]:active:not(:disabled){transform:translateY(0)}.btn-primary[data-v-f35f7dd5]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-f35f7dd5]{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;white-space:nowrap}.btn-secondary[data-v-f35f7dd5]:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.btn-secondary[data-v-f35f7dd5]:disabled{opacity:.5;cursor:not-allowed}.error-text[data-v-f35f7dd5]{color:#ef4444;font-size:14px;text-align:center;padding:10px;background:#fef2f2;border-radius:8px;border-left:3px solid #ef4444}.hint[data-v-f35f7dd5]{text-align:center;font-size:14px;color:#6b7280;padding-top:8px}.hint a[data-v-f35f7dd5]{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s}.hint a[data-v-f35f7dd5]:hover{color:#2563eb;text-decoration:underline}@media (max-width: 640px){.auth-card[data-v-f35f7dd5]{padding:32px 24px}.auth-title[data-v-f35f7dd5]{font-size:28px}.inline-actions[data-v-f35f7dd5]{flex-direction:column}.btn-secondary[data-v-f35f7dd5]{width:100%}}.input[data-v-f35f7dd5]{background-color:#fff!important;color:#1f2937!important}.modal-mask[data-v-28b5dc06]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-28b5dc06]{background:#1e1e1e;border-radius:16px;padding:20px;min-width:700px;max-width:900px;width:auto;border:1px solid #333333}.spread[data-v-28b5dc06]{display:flex;justify-content:space-between;align-items:center}.package-grid[data-v-28b5dc06]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.package-item[data-v-28b5dc06]{background:#222;border:1px solid #333333;border-radius:12px;padding:16px}.kv[data-v-28b5dc06]{display:flex;justify-content:space-between;margin-top:8px;font-size:13px;color:#ccc}.hint[data-v-28b5dc06]{text-align:center;padding:40px;color:#888}.badge[data-v-28b5dc06]{background:#3fcb5e;color:#fff;padding:2px 8px;border-radius:20px;font-size:11px}.btn-primary[data-v-28b5dc06]{background:#3fcb5e;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer}.btn-ghost[data-v-28b5dc06]{background:transparent;border:1px solid #444;color:#ccc;padding:6px 12px;border-radius:8px;cursor:pointer}.btn-ghost[data-v-28b5dc06]:hover{border-color:#3fcb5e;color:#3fcb5e}.bill-modal-mask[data-v-23f43644]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.bill-modal[data-v-23f43644]{background:#1e1e1e;border-radius:16px;padding:20px;width:500px;max-width:90%;max-height:80vh;display:flex;flex-direction:column;border:1px solid #333}.bill-table-wrapper[data-v-23f43644]{overflow-y:auto;max-height:400px}.bill-table[data-v-23f43644]{width:100%;border-collapse:collapse}.bill-table th[data-v-23f43644],.bill-table td[data-v-23f43644]{padding:10px 8px;text-align:left;border-bottom:1px solid #333}.bill-table th[data-v-23f43644]{color:#fff}.bill-close-btn[data-v-23f43644],.bill-page-btn[data-v-23f43644]{background:transparent;border:1px solid #444;color:#ccc;padding:6px 12px;border-radius:8px;cursor:pointer}.bill-close-btn[data-v-23f43644]:hover,.bill-page-btn[data-v-23f43644]:hover:not(:disabled){border-color:#3fcb5e;color:#3fcb5e}.bill-page-btn[data-v-23f43644]:disabled{opacity:.5;cursor:not-allowed}:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#ccc;background:#121212;line-height:1.5;font-weight:400}*{box-sizing:border-box}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#2f2f2f;border-radius:999px;border:2px solid #1a1a1a}*::-webkit-scrollbar-thumb:hover{background:#3a3a3a}*::-webkit-scrollbar-track{background:#161616}::selection{background:#3fcb5e40}body{margin:0;min-width:320px;min-height:100vh;background:#121212;color:#ccc}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input[type=checkbox]{width:16px;height:16px;accent-color:#3fcb5e}input[type=range]{width:100%;accent-color:#3fcb5e;height:18px;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:6px;background:#444;border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:999px;background:#3fcb5e;border:2px solid #1e1e1e;margin-top:-4px}input[type=range]:focus-visible{outline:none}.page-shell{min-height:100vh}.card{background:#1e1e1e;border:1px solid #333333;box-shadow:none;border-radius:14px}.panel{padding:14px}.hint{font-size:12px;color:#888}.error-text{color:#ff6b6b;font-size:12px}.field-label{display:block;margin-bottom:8px;font-size:12px;color:#ccc}.input,.select,.textarea{width:100%;border:1px solid #444444;border-radius:10px;padding:10px 12px;background:#1e1e1e;color:#ccc;outline:none}.textarea{resize:vertical;min-height:90px}.input::placeholder,.textarea::placeholder{color:#888}.input:focus,.select:focus,.textarea:focus{border-color:#3fcb5e;box-shadow:0 0 0 3px #3fcb5e26}.btn{border:1px solid #444444;background:#1e1e1e;color:#ccc;border-radius:10px;padding:10px 14px;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.btn:hover{background:#232323;border-color:#3fcb5e}.btn-primary{border-color:transparent;background:#3fcb5e;color:#fff}.btn-primary:hover{background:#37b854;box-shadow:0 10px 22px #3fcb5e40;transform:translateY(-1px)}.btn-secondary{background:#2a2a2a;color:#fff;border-color:#444}.btn-ghost{background:transparent;border:1px solid #444444}.badge{padding:6px 10px;border-radius:999px;background:#1e1e1e;border:1px solid #333333;color:#ccc;font-size:12px}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;margin-bottom:14px;background:#1a1a1a;border:1px solid #333333;border-radius:0}.brand{display:flex;gap:12px;align-items:center}.brand-logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#3fcb5e;color:#0b1220;font-weight:800}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.layout-body{padding:0 18px 18px}.menu{display:flex;gap:10px;flex-wrap:wrap}.page-title{margin:0 0 6px;font-size:20px;color:#fff}.page-desc{margin:0;color:#888}.box{overflow:hidden}.box-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.box-header strong{color:#fff}.workbench{display:grid;gap:14px;grid-template-columns:3fr 2fr;grid-template-areas:"asset color" "frames frames" "player player"}.workbench-asset{grid-area:asset;min-height:380px}.workbench-color{grid-area:color;min-height:380px}.workbench-frames{grid-area:frames}.workbench-player{grid-area:player}.frames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.frame-tile{display:grid;gap:8px;justify-items:start;padding:10px;border:1px solid #333333;border-radius:12px;background:#1e1e1e}.frame-img{width:100%;border-radius:10px;background:#0b1220;border:1px solid #333333;image-rendering:pixelated}.play-grid{display:grid;grid-template-columns:1fr;gap:12px}.play-stage{border:1px solid #333333;border-radius:12px;padding:12px;background:#1e1e1e;min-height:260px;display:grid;place-items:center}.play-img{max-width:100%;max-height:360px;image-rendering:pixelated;border-radius:12px}@media (max-width: 1100px){.workbench{grid-template-columns:1fr;grid-template-areas:"asset" "color" "frames" "player"}}