.animation-workbench{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:36px;margin:32px 0 60px;align-items:start}.animation-editor,.animation-preview-column{min-width:0}.animation-template-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.animation-template-options button{text-align:left;min-width:0;border:1px solid #29343d;background:#0d131a;border-radius:12px;padding:9px;cursor:pointer}.animation-template-options button[aria-pressed=true]{border-color:#00d5bf;box-shadow:0 0 0 1px #00d5bf}.animation-template-options strong{display:block;font-size:14px;padding:12px 3px 5px}.animation-template-options small{display:block;line-height:1.5;color:#a6b1bb;font-size:12px;padding:0 3px 5px}.animation-swatch{display:flex;align-items:end;justify-content:space-between;aspect-ratio:1.6;padding:16px;border-radius:6px;overflow:hidden}.animation-swatch b{font-size:43px;line-height:1;letter-spacing:-3px}.animation-swatch small{color:inherit!important;padding:0}.animation-swatch-selling-points{background:#f1eee6;color:#ec532d}.animation-swatch-feature-tour{background:radial-gradient(ellipse at right,#493663,#101626);color:#b7a6ff}.animation-swatch-whiteboard{background:#f6f7ed;color:#247b66}.animation-fields{padding-top:24px;display:grid;gap:20px}.animation-fields label{display:grid;gap:9px;font-size:14px;color:#d6dfe5}.animation-fields input:not([type=checkbox]):not([type=color]),.animation-fields select,.animation-fields textarea{width:100%;min-width:0;border:1px solid #2b3842;border-radius:8px;background:#0d141b;color:#eff4f6;font:inherit;padding:11px 12px}.animation-fields textarea{resize:vertical;line-height:1.7}.animation-fields input::placeholder,.animation-fields textarea::placeholder{color:#7e8b96}.animation-setting-row{display:grid;grid-template-columns:1fr 1fr 85px;gap:12px}.animation-setting-row input[type=color]{height:43px;width:100%;padding:4px;background:#101820;border:1px solid #2b3842;border-radius:7px}.animation-checkbox{display:flex!important;align-items:center;gap:10px!important}.animation-checkbox input{accent-color:#00d5bf;width:17px;height:17px}.animation-photo{display:grid;gap:12px}.animation-credit,.animation-generate small,.animation-photo small{color:#9dacb8;font-size:12px;line-height:1.7}.animation-photo img{width:100px;height:100px;object-fit:contain;background:#111c25;border-radius:7px}.animation-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.animation-scenes{border-top:1px solid #27343c;padding-top:18px}.animation-scenes summary{cursor:pointer;color:#d6dfe5}.animation-scenes>div{margin-top:20px;display:grid;gap:12px;border-left:2px solid #34434b;padding-left:16px}.animation-scenes strong{font-size:12px;color:#9bacb5}.animation-generate{display:grid;gap:12px;border-top:1px solid #27343c;padding-top:22px}.animation-generate>button{width:100%;height:48px}.animation-preview-column{position:sticky;top:25px;background:#0c131a;border:1px solid #24323d;border-radius:16px;padding:22px;display:grid;gap:18px}.animation-preview-heading{display:flex;justify-content:space-between;gap:12px;font-size:14px}.animation-preview-heading span{color:#92a6b4;font-size:12px}.animation-preview-frame{width:min(100%,290px);aspect-ratio:9/16;max-height:510px;margin:auto;overflow:hidden;box-shadow:0 14px 45px #0005;background:#111}.animation-preview-frame.wide{width:100%;max-height:none;aspect-ratio:16/9}.animation-preview-frame iframe{display:block;width:100%;height:100%;border:0}.animation-playback{display:flex;align-items:center;gap:12px}.animation-playback input{min-width:0;width:100%;accent-color:#00d5bf}.animation-playback small{color:#a5b2bc;font-variant-numeric:tabular-nums}.animation-preview-note{font-size:12px;line-height:1.7;color:#92a5b2;margin:0}.animation-task{border-top:1px solid #29343d;padding-top:18px}.animation-history h2,.animation-task h2{font-size:15px;margin-bottom:12px}.animation-task p{font-size:13px;line-height:1.65;color:#b3c1cb;margin:8px 0}.animation-history{border-top:1px solid #29343d;padding-top:16px;display:grid;gap:10px}.animation-history button{background:none;border:0;border-bottom:1px solid #1c2c37;text-align:left;padding:7px 0;display:grid;gap:5px;cursor:pointer}.animation-history button strong{font-size:13px;color:#d4e0e8;overflow-wrap:anywhere}.animation-history span{font-size:12px;color:#92a5b2}.animation-credit a,.animation-history>a{color:#00d5bf;font-size:12px}.animation-output{width:100%;max-height:510px;background:#000;border-radius:8px}.animation-error{padding:12px;border:1px solid #a46043;border-radius:8px;color:#f4ba9c;font-size:13px;line-height:1.65}.animation-recovery{border:1px solid #60584a;padding:14px;border-radius:8px;font-size:13px}.animation-directions{display:grid;gap:12px}.animation-directions article{padding:16px;border:1px solid #2c3c46;border-radius:10px}.animation-directions h3{font-size:15px}.animation-directions p{font-size:13px;color:#aabac5;line-height:1.7;margin:10px 0}.animation-fields input:focus-visible,.animation-fields select:focus-visible,.animation-fields textarea:focus-visible,.animation-workbench button:focus-visible{outline:2px solid #00d5bf;outline-offset:3px}@media(max-width:1050px){.animation-workbench{gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr)}.animation-preview-column{padding:16px}.animation-swatch{padding:10px}.animation-swatch b{font-size:32px}}@media(max-width:760px){.animation-workbench{display:flex;flex-direction:column}.animation-editor,.animation-preview-column{width:100%}.animation-preview-column{position:static}.animation-template-options{gap:8px}.animation-template-options button{padding:7px}.animation-template-options strong{font-size:12px}.animation-template-options>button>small{font-size:11px}.animation-swatch b{font-size:30px}.animation-setting-row{grid-template-columns:1fr 1fr 70px}.animation-actions>button{white-space:normal;height:auto;min-height:38px}.animation-preview-frame{max-height:none;width:270px}}