.create-mode-list{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.create-mode{cursor:pointer;background:#fff;border:1px solid #dce6eb;border-radius:12px;flex-direction:column;gap:4px;padding:15px 17px 15px 39px;display:flex;position:relative}.create-mode.active{background:#f0fafb;border-color:#3c9ab1}.create-mode input{accent-color:#116781;position:absolute;top:18px;left:15px}.create-mode strong{color:#17465a;font-size:15px}.create-mode span{color:#738792;font-size:12px}.create-grid{align-items:start}.create-input-panel,.create-settings{min-height:0}.create-input-panel h2{margin:0 0 12px;font-size:19px}.create-drop{flex:none;min-height:225px;max-height:300px}.create-field{color:#365461;flex-direction:column;gap:7px;margin-top:15px;font-size:14px;display:flex}.create-field strong{font-size:14px}.create-field input:not([type=range]),.create-field select,.create-field textarea{color:#173847;background:#fff;border:1px solid #bbd1d8;border-radius:8px;width:100%;padding:11px 12px;font:14px/1.5 Arial,Noto Sans Thai,sans-serif}.create-field textarea{resize:vertical;min-height:110px}.create-field input[type=range]{accent-color:#116781;width:100%}.create-field small{color:#667f8a;font-size:12px}.create-input-panel .sharpen-option{margin-top:17px}.create-settings .model-list{margin:18px 0}.create-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px;display:grid}.create-settings-grid .create-field{min-width:0}.create-settings-grid .create-wide{grid-column:span 2}.create-result{color:#165c70;background:#f2fafb;border:1px solid #b7dbe2;border-radius:10px;flex-direction:column;gap:7px;margin-top:17px;padding:14px;font-size:13px;display:flex}.create-result img{object-fit:contain;background:#fff;border-radius:8px;width:100%;max-height:490px;margin-top:8px}.create-result .result-link{margin:6px 0 0}.topbar nav a[aria-current=page]{color:#116781}@media (max-width:800px){.create-mode-list{gap:8px}.create-mode{padding:13px 10px 13px 31px}.create-mode input{top:15px;left:10px}}@media (max-width:520px){.topbar{flex-wrap:wrap;justify-content:center;height:auto;min-height:76px;padding:13px 15px}.topbar nav{flex-wrap:wrap;justify-content:center;width:100%}.create-mode-list{grid-template-columns:1fr}.create-mode{min-height:55px;padding:9px 12px 9px 38px}.create-mode input{top:12px;left:15px}.create-settings-grid{grid-template-columns:1fr}.create-settings-grid .create-wide{grid-column:auto}}.seed-row{gap:7px;min-width:0;display:flex}.seed-row input{flex:1;min-width:0}.seed-row button,.seed-reuse{color:#116781;cursor:pointer;background:#f2fafb;border:1px solid #a7ccd5;border-radius:8px;padding:8px 12px;font:700 13px/1.4 Arial,Noto Sans Thai,sans-serif}.seed-row button:hover,.seed-reuse:hover{background:#e3f4f7}.create-field .seed-error{color:#ad3434}.seed-reuse{align-self:flex-start}.workflow-details{color:#365461;background:#f8fcfd;border:1px solid #d7e7eb;border-radius:10px;margin-top:17px;padding:12px 14px;font-size:13px}.workflow-details summary{cursor:pointer;color:#116781;font-size:14px;font-weight:700}.workflow-details dl{grid-template-columns:145px minmax(0,1fr);gap:8px 12px;margin:12px 0;display:grid}.workflow-details dt{font-weight:700}.workflow-details dd{overflow-wrap:anywhere;margin:0}.workflow-details p{color:#667f8a;margin:10px 0 0;font-size:12px}@media (max-width:520px){.workflow-details dl{grid-template-columns:1fr;gap:3px}.workflow-details dd{margin-bottom:8px}}.studio-switch{gap:10px;margin:4px 0 25px;display:flex}.studio-switch button{color:#285369;cursor:pointer;background:#fff;border:1px solid #c9dce3;border-radius:12px;align-items:center;gap:9px;padding:12px 17px;font:700 15px/1.4 Arial,Noto Sans Thai,sans-serif;display:inline-flex}.studio-switch button.active{color:#fff;background:#116781;border-color:#116781}.video-note{color:#365461;background:#f2fafb;border-radius:10px;margin:22px 0 0;padding:14px;font-size:13px;line-height:1.7}.generated-video-player{aspect-ratio:16/9;background:#102632;border:0;border-radius:8px;width:100%;margin-top:8px}.create-next-step{color:#17465a;background:#f3fafb;border:1px solid #b7dbe2;border-radius:13px;align-items:center;gap:14px;margin:20px 0;padding:18px;display:flex}.create-next-step div{flex:1}.create-next-step strong{font-size:15px}.create-next-step p{margin:4px 0 0;font-size:13px}.create-next-step a{white-space:nowrap;color:#fff;background:#116781;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none}@media (max-width:520px){.studio-switch{grid-template-columns:1fr 1fr;display:grid}.studio-switch button{padding:10px;font-size:13px}.create-next-step{flex-wrap:wrap;align-items:flex-start}.create-next-step a{margin-left:34px}}.video-library{color:#1a4759;background:#fff;border:1px solid #d3e3e8;border-radius:15px;margin-top:20px;padding:22px}.video-library h2{margin:0 0 6px;font-size:20px}.video-library p{color:#607987;margin:0 0 16px;font-size:13px}.video-library-list{gap:10px;display:grid}.video-library-item{border:1px solid #dce8ec;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.video-library-item div{gap:5px;min-width:0;display:grid}.video-library-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.video-library-item small{color:#6a828e;font-size:12px}.video-library-item button,.video-load-more{color:#116781;cursor:pointer;background:#f1fafb;border:1px solid #add0d8;border-radius:8px;flex:none;padding:8px 12px;font-weight:700}.video-load-more{margin-top:14px}.video-library .video-library-empty{margin:12px 0 0}@media (max-width:520px){.video-library{padding:16px}.video-library-item{flex-direction:column;align-items:flex-start}.video-library-item strong{max-width:80vw}}