.styles-library-panel{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex}.styles-library-panel.is-drop-active{cursor:copy}.styles-library-header{flex-direction:column;gap:4px;display:flex}.styles-library-header .eyebrow,.styles-library-header .helper-text{margin:0}.styles-library-drop-status{color:#b4e3fff5;margin:0}.styles-library-drop-status-processing{align-items:center;gap:6px;display:inline-flex}.styles-library-processing-inline-spinner{color:#b6e0ffe6;justify-content:center;align-items:center;animation:.9s linear infinite styles-library-processing-spin;display:inline-flex}.styles-library-drop-error{color:#ff8686f5;margin:0}.styles-library-scroll{border-radius:12px;flex:1;min-height:0;padding-right:4px;transition:border-color .16s,background .16s,box-shadow .16s;overflow:auto}.styles-library-scroll.is-external-drop-active{background:#162c3c3d;border:1px dashed #76c7ffb8;padding-inline:6px;box-shadow:0 0 0 1px #76c7ff33}.styles-library-scroll::-webkit-scrollbar{width:6px}.styles-library-scroll::-webkit-scrollbar-track{background:0 0}.styles-library-scroll::-webkit-scrollbar-thumb{background:#c9cdd633;border-radius:999px}.styles-library-scroll::-webkit-scrollbar-thumb:hover{background:#c9cdd652}.styles-library-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:12px;padding-top:16px;display:grid}.styles-library-tile{cursor:grab;background:#c9cdd60a;border:1px solid #c9cdd62e;border-radius:12px;padding:11px;transition:border-color .16s,box-shadow .16s,transform .16s,opacity .16s;display:flex;position:relative}.styles-library-tile-select{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:8px;width:100%;padding:0;transition:border-color .16s,transform .16s,box-shadow .16s,background .16s;display:inline-flex}.styles-library-tile:active{cursor:grabbing}.styles-library-tile:hover:not(.is-placeholder){background:#c9cdd614;border-color:#cdd2dc5c;transform:translateY(-1px)}.styles-library-tile.is-dragging{opacity:.58;transform:scale(.98)}.styles-library-tile.is-drop-target{border-color:#66c4ffd1;box-shadow:0 0 0 1px #66c4ff42}.styles-library-processing-tile{cursor:progress;background:#212b3a52;border-style:dashed;border-color:#8eb0ce57}.styles-library-processing-tile:hover{transform:none}.styles-library-processing-content{flex-direction:column;gap:8px;width:100%;display:inline-flex}.styles-library-processing-title{color:#dae7f5f0}.styles-library-processing-preview{background:#1c2431a6;border:1px dashed #96aec466;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:inline-flex}.styles-library-processing-spinner{color:#bce2fff2;justify-content:center;align-items:center;animation:.82s linear infinite styles-library-processing-spin;display:inline-flex}.styles-library-processing-copy{text-transform:uppercase;letter-spacing:.03em;color:#cbdff2db}.styles-library-tile.is-placeholder,.styles-library-tile .styles-library-tile-select:disabled{cursor:not-allowed;background:#c9cdd608;border-color:#8a94a138}.styles-library-tile-delete{color:#ff8484f2;cursor:pointer;opacity:0;pointer-events:none;background:#2e0c10c7;border:1px solid #ff6363a6;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .14s,transform .14s,background .14s,border-color .14s;display:inline-flex;position:absolute;top:7px;right:7px;transform:scale(.94)}.styles-library-tile:hover .styles-library-tile-delete,.styles-library-tile:focus-within .styles-library-tile-delete{opacity:1;pointer-events:auto;transform:scale(1)}.styles-library-tile-delete:hover{background:#460e14e0;border-color:#ff7373e0}.styles-library-tile-delete:focus-visible{outline-offset:1px;outline:2px solid #ff8282d9}.styles-library-tile-title{color:#eef2f8f0;letter-spacing:.02em;font-size:13px;font-weight:600;line-height:1.2}.styles-library-tile-preview{aspect-ratio:1;background-color:#14171dd9;background-image:linear-gradient(140deg,#c9cdd61f,#c9cdd60a),none;background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:none;border-radius:10px;width:100%;max-width:512px;max-height:512px;position:relative;overflow:hidden}.styles-library-tile-coming-soon{letter-spacing:.03em;text-transform:uppercase;color:#ebf1f8e0;background:#0c0f16b8;border:1px solid #c9cdd633;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;inset:auto 8px 8px}.styles-library-none-icon{color:#d4e0eeb3;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}.styles-library-none-icon svg{filter:drop-shadow(0 8px 16px #00000059)}.styles-library-add-tile{cursor:default;background:#3a404b3d;border:1px dashed #a3acba57;border-radius:12px}.styles-library-add-button{color:#e2e8f0e6;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}.styles-library-add-title{visibility:hidden;-webkit-user-select:none;user-select:none}.styles-library-add-preview{background:#3a404b3d;border:1px dashed #a3acba57;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:inline-flex}.styles-library-add-button:hover{box-shadow:none;background:0 0}.styles-library-add-button:hover .styles-library-add-preview{background:#52596552;border-color:#c2cad647}.styles-library-add-button:focus-visible{outline-offset:1px;outline:2px solid #c2cad6b8}.styles-library-add-plus{color:#e0e6efeb;font-size:34px;font-weight:500;line-height:1}.styles-library-add-label{color:#e0e6efe0;letter-spacing:.03em;text-transform:uppercase}.styles-library-edit-modal-backdrop,.styles-library-delete-modal-backdrop{z-index:var(--ai-studio-z-modal-backdrop);background:#04070c94;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.styles-library-edit-modal{width:min(720px,100vw - 24px);z-index:var(--ai-studio-z-modal-content);background:#131518;border:1px solid #c9cdd63d;border-radius:12px;flex-direction:column;gap:14px;padding:22px;font-family:inherit;display:flex;box-shadow:0 20px 40px #00000073}.styles-library-edit-title{color:#ebf1f8f5;margin:0;font-size:21px;font-weight:700;line-height:1.2}.styles-library-edit-copy{margin:0;font-size:15px;line-height:1.5}.styles-library-edit-field{flex-direction:column;gap:8px;display:flex}.styles-library-edit-label{color:#e5eaf2e6;letter-spacing:.02em;font-size:14px;font-weight:600}.styles-library-edit-input,.styles-library-edit-textarea{color:#eef2f8f2;background:#101215;border:1px solid #c9cdd63d;border-radius:9px;width:100%;padding:13px 14px;font-family:inherit;font-size:15px;line-height:1.6}.styles-library-edit-textarea{resize:vertical;min-height:220px}.styles-library-edit-counter{font-variant-numeric:tabular-nums;align-self:flex-end;margin-top:2px}.styles-library-edit-counter.is-near-limit{color:#f0b669eb}.styles-library-edit-counter.is-limit-reached{color:#ffbc70f2}.styles-library-edit-input:focus-visible,.styles-library-edit-textarea:focus-visible{outline-offset:1px;outline:2px solid #69c6ffb3}.styles-library-edit-dropzone{cursor:pointer;background:#101215;border:1px dashed #c9cdd63d;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:flex}.styles-library-edit-dropzone:hover{background:#101215;border-color:#c9cdd63d}.styles-library-edit-dropzone:focus-visible,.styles-library-edit-dropzone.is-drop-active{background:#101215;border-color:#69c6ffb3;box-shadow:0 0 0 2px #69c6ff33}.styles-library-edit-dropzone:focus-visible{outline:none}.styles-library-edit-dropzone.has-preview{background:#101215;border-style:solid;border-color:#a6b2c466}.styles-library-edit-dropzone-input{display:none}.styles-library-edit-dropzone-preview{aspect-ratio:1;background-color:#0a0d13d1;background-image:linear-gradient(140deg,#c9cdd61f,#c9cdd60a),none;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px dashed #aeb8c761;border-radius:10px;justify-content:center;align-items:center;width:min(220px,100%);max-width:512px;max-height:512px;transition:border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.styles-library-edit-dropzone:not(.has-preview):hover .styles-library-edit-dropzone-preview{border-color:#cdd2dc8f;box-shadow:inset 0 0 0 1px #cdd2dc29}.styles-library-edit-dropzone:focus-visible .styles-library-edit-dropzone-preview,.styles-library-edit-dropzone.is-drop-active .styles-library-edit-dropzone-preview{border-color:#69c6ffc7;box-shadow:0 0 0 2px #69c6ff29}.styles-library-edit-dropzone.has-preview .styles-library-edit-dropzone-preview{border-style:solid;border-color:#b7c4d88a}.styles-library-edit-dropzone.has-preview:hover .styles-library-edit-dropzone-preview{border-color:#c9d6ebb8;box-shadow:0 0 0 1px #c9d6eb33}.styles-library-edit-dropzone-upload{color:#d7e5f2eb;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:inline-flex}.styles-library-edit-dropzone-upload-copy{text-transform:uppercase;letter-spacing:.04em}.styles-library-edit-dropzone-copy{color:#dce9f5f2;text-align:center;font-size:15px;font-weight:600;line-height:1.5}.styles-library-edit-dropzone-hint{text-align:center;margin:0;font-size:14px;line-height:1.5}.styles-library-edit-error{color:#ff8484f2;margin:0;font-size:14px}.styles-library-edit-actions{justify-content:flex-end;gap:8px;display:flex}.styles-library-edit-action-btn{border-radius:8px;min-width:120px;min-height:34px;padding-inline:14px;font-family:inherit;font-size:15px}.styles-library-edit-save{color:#a3e3fff5;background:#0b2d449e;border-color:#48c3ff8f}.styles-library-edit-save:hover:not(:disabled){background:#0e3a58b3;border-color:#62d2ffd1}.styles-library-delete-modal{width:min(330px,100vw - 24px);z-index:var(--ai-studio-z-modal-content);background:#101218fa;border:1px solid #ff5f5f73;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 20px 40px #00000073}.styles-library-delete-title{color:#ffdbdbf5;margin:0;font-size:14px;font-weight:700}.styles-library-delete-copy{margin:0}.styles-library-delete-error{color:#ff8484f2;margin:0}.styles-library-delete-actions{justify-content:flex-end;gap:8px;display:flex}.styles-library-delete-confirm{color:#ff8e8ef5;background:#2a1012c7;border-color:#ff63639e}.styles-library-delete-confirm:hover:not(:disabled){background:#3a1316db;border-color:#ff7a7adb}@media (hover:none){.styles-library-tile-delete{opacity:1;pointer-events:auto;transform:none}}@keyframes styles-library-processing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.styles-library-processing-inline-spinner,.styles-library-processing-spinner{animation:none}}
.presets-library-panel{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex}.presets-library-header{flex-direction:column;gap:4px;display:flex}.presets-library-header .eyebrow,.presets-library-header .helper-text{margin:0}.presets-library-scroll{flex:1;min-height:0;padding-right:4px;overflow:auto}.presets-library-scroll::-webkit-scrollbar{width:6px}.presets-library-scroll::-webkit-scrollbar-track{background:0 0}.presets-library-scroll::-webkit-scrollbar-thumb{background:#c9cdd633;border-radius:999px}.presets-library-scroll::-webkit-scrollbar-thumb:hover{background:#c9cdd652}.presets-library-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px;padding-top:10px;display:grid}.presets-library-tile{cursor:default;background:#c9cdd60a;border:1px solid #c9cdd62e;border-radius:12px;min-height:126px;padding:12px;transition:border-color .16s,transform .16s,box-shadow .16s,background .16s;position:relative}.presets-library-tile-select{width:100%;min-height:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:10px;padding:0;display:inline-flex}.presets-library-tile:hover{background:#c9cdd614;border-color:#cdd2dc5c;transform:translateY(-1px)}.presets-library-tile.is-selected{background:#448ab51a;border-color:#69c6ffb8;box-shadow:0 0 0 1px #69c6ff33}.presets-library-create-tile{text-align:center;cursor:pointer;background:#448ab512;border-style:dashed;border-color:#69c6ff73;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.presets-library-create-tile .presets-library-tile-head{justify-content:center}.presets-library-create-tile .presets-library-tile-prompt{text-align:center}.presets-library-create-tile:hover{background:#448ab524;border-color:#69c6ffb8}.presets-library-create-plus{color:#69c6ffe6;font-size:28px;line-height:1}.presets-library-tile-head{justify-content:space-between;align-items:center;gap:8px;width:100%;display:inline-flex}.presets-library-tile-title{color:#eef2f8f0;letter-spacing:.02em;font-size:14px;font-weight:600;line-height:1.25}.presets-library-custom-pill{color:#d7deebdb;letter-spacing:.03em;text-transform:uppercase;background:#c9cdd614;border:1px solid #c9cdd638;border-radius:999px;justify-content:center;align-items:center;padding:3px 7px;font-size:12px;display:inline-flex}.presets-library-tile-delete{color:#ff8484f2;cursor:pointer;opacity:0;pointer-events:none;background:#2e0c10c7;border:1px solid #ff6363a6;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .14s,transform .14s,background .14s,border-color .14s;display:inline-flex;position:absolute;top:8px;right:8px;transform:scale(.94)}.presets-library-tile:hover .presets-library-tile-delete,.presets-library-tile:focus-within .presets-library-tile-delete{opacity:1;pointer-events:auto;transform:scale(1)}.presets-library-tile-delete:hover{background:#460e14e0;border-color:#ff7373e0}.presets-library-tile-delete:focus-visible{outline-offset:1px;outline:2px solid #ff8282d9}.presets-library-tile-prompt{color:#c9cdd6e6;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:13px;line-height:1.46;display:-webkit-box;overflow:hidden}.presets-library-edit-modal-backdrop{z-index:var(--ai-studio-z-modal-backdrop);background:#04070c94;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.presets-library-edit-modal{width:min(720px,100vw - 24px);z-index:var(--ai-studio-z-modal-content);background:#131518;border:1px solid #c9cdd63d;border-radius:12px;flex-direction:column;gap:14px;padding:22px;font-family:inherit;display:flex;box-shadow:0 20px 40px #00000073}.presets-library-edit-title{color:#ebf1f8f5;margin:0;font-size:21px;font-weight:700;line-height:1.2}.presets-library-edit-copy{margin:0;font-size:15px;line-height:1.5}.presets-library-edit-label{color:#e5eaf2e6;letter-spacing:.02em;font-size:14px;font-weight:600}.presets-library-edit-input,.presets-library-edit-textarea{color:#eef2f8f2;background:#101215;border:1px solid #c9cdd63d;border-radius:9px;width:100%;padding:13px 14px;font-family:inherit;font-size:15px;line-height:1.6}.presets-library-edit-input:focus-visible,.presets-library-edit-textarea:focus-visible{outline-offset:1px;outline:2px solid #69c6ffb3}.presets-library-edit-textarea{resize:vertical;min-height:220px}.presets-library-edit-error{color:#ff8e8ef0;margin:0;font-size:14px}.presets-library-edit-actions{justify-content:flex-end;gap:8px;display:inline-flex}.presets-library-edit-action-btn{border-radius:8px;min-width:120px;font-family:inherit;font-size:15px}.presets-library-delete-modal-backdrop{z-index:var(--ai-studio-z-modal-backdrop);background:#04070c94;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.presets-library-delete-modal{width:min(360px,100vw - 24px);z-index:var(--ai-studio-z-modal-content);background:#101218fa;border:1px solid #ff5f5f73;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 20px 40px #00000073}.presets-library-delete-title{color:#ffdbdbf5;margin:0;font-size:14px;font-weight:700}.presets-library-delete-copy{margin:0}.presets-library-delete-error{color:#ff8484f2;margin:0}.presets-library-delete-actions{justify-content:flex-end;gap:8px;display:flex}.presets-library-delete-confirm{color:#ff8e8ef5;background:#2a1012c7;border-color:#ff63639e}.presets-library-delete-confirm:hover:not(:disabled){background:#3a1316db;border-color:#ff7a7adb}@media (hover:none){.presets-library-tile-delete{opacity:1;pointer-events:auto;transform:none}}
.media-library-panel{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.ai-studio-page[data-selected-tool=media-library] .panel.ai-panel.ai-properties{min-height:var(--ai-shell-column-max-height);align-self:stretch;height:100%;overflow:hidden}.media-library-panel-header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.media-library-panel-header-title-group{min-width:0}.media-library-panel-project-name-field{flex:auto;justify-content:flex-end;min-width:220px;display:flex}.media-library-panel-project-name-input{color:#f4f8fff5;letter-spacing:.012em;text-align:right;width:min(100%,360px);box-shadow:none;text-wrap:balance;background:0 0;border:0;border-radius:0;padding:0;font-size:24px;font-weight:660;line-height:1.05;transition:color .2s,opacity .2s}.media-library-panel-project-name-input::placeholder{color:#9aaabead}.media-library-panel-project-name-input:focus{color:#fffffffa;outline:none}.media-library-panel-split{flex-direction:column;flex:1;min-height:0;display:flex}.media-library-panel-folders-panel{flex-direction:column;gap:8px;min-height:0;padding-right:2px;display:flex;overflow:auto}.media-library-panel-folders-stage{transform-origin:0 0;flex-direction:column;min-height:100%;animation:.28s cubic-bezier(.2,.8,.2,1) media-library-folder-stage-open;display:flex}.media-library-panel-content-panel{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:hidden}.media-library-panel-horizontal-divider-wrap{flex-shrink:0;padding:2px 0}.media-library-panel-folders{background:0 0;border:1px solid #0000;border-radius:0;flex-direction:column;gap:12px;padding:0 8px 14px;display:flex}.media-library-panel-folders-head{align-items:center;margin-bottom:8px;display:flex}.media-library-panel-folders-head .tiny{align-items:center;gap:6px;display:inline-flex}.media-library-panel-folders-breadcrumb-caret{opacity:.78;flex:none}.media-library-panel-folders-root-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.media-library-panel-folders-breadcrumb-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:color .16s}.media-library-panel-folders-breadcrumb-button:hover{color:#84d6fff5}.media-library-panel-folders-breadcrumb-button:focus-visible{color:#84d6fff5;outline:none}.media-library-panel-folders-breadcrumb-current{color:#f4f8fff0;cursor:default}.media-library-panel-folder-strip{flex-wrap:wrap;gap:12px 18px;display:flex}.media-library-panel-folder-strip-item{flex-direction:column;align-items:center;gap:8px;width:118px;min-width:0;display:flex}.media-library-panel-folder-strip-item--navigate-up{justify-content:flex-start;align-items:center;width:40px;padding-top:20px}.media-library-panel-folder-strip-item--create{padding-top:5px}.media-library-panel-folder-up-button{color:#e8f0fcd1;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:color .18s,opacity .18s,background-color .18s;display:inline-flex}.media-library-panel-folder-up-button:hover:not(:disabled){color:#f4f8fff5;background:#b6c5db14}.media-library-panel-folder-up-button:disabled{opacity:.22;cursor:default}.media-library-panel-folder-strip-item.is-drop-hover .media-library-panel-folder-chip{box-shadow:none;border-color:#64d1e680}.media-library-panel-folder-chip{width:84px;height:84px;box-shadow:none;color:#eaf1ffeb;cursor:pointer;background:#c9cdd605;border:1px solid #c9cdd605;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:flex}.media-library-panel-folder-chip--image{background:0 0;border:0;width:104px;height:72px;padding:8px 10px}.media-library-panel-folder-chip-image{object-fit:contain;width:84px;height:auto;display:block}.media-library-panel-folder-chip-name{text-align:center;color:#edf4ff;white-space:normal;-webkit-line-clamp:3;text-wrap:pretty;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;cursor:pointer;appearance:none;background:0 0;border:0;-webkit-box-orient:vertical;width:118px;min-height:41.4px;margin:0;padding:0;font-family:inherit;font-size:12px;font-weight:400;line-height:1.15;display:-webkit-box;overflow:visible}.media-library-panel-folder-chip svg{width:28px;height:28px}.media-library-panel-folder-chip.is-active{box-shadow:none;background:#c9cdd605;border-color:#64d1e659}.media-library-panel-folder-chip--image.is-active{filter:brightness(1.08);background:0 0;border:0}.media-library-panel-folder-open-ghost{z-index:1200;pointer-events:none;transform-origin:50%;animation:.34s cubic-bezier(.2,.8,.2,1) forwards media-library-folder-ghost-open;position:fixed}.media-library-panel-folder-open-ghost img{object-fit:contain;width:100%;height:100%;display:block}.media-library-panel-folder-chip.is-create{width:64px;height:64px;box-shadow:none;background:#c9cdd605;border-style:solid;border-color:#c9cdd647;border-radius:10px}.media-library-panel-folder-chip-edit{background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:stretch;gap:0;width:118px;min-width:118px;min-height:41.4px;padding:0;display:flex}.media-library-panel-folder-chip-input{color:#edf4ff;text-align:center;width:100%;box-shadow:none;appearance:none;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:12px;font-weight:400;line-height:1.1;display:block}.media-library-panel-folder-chip-input:focus{outline:none}.media-library-panel-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:2px;display:flex;overflow:auto}.media-library-panel-membership-toast{color:#bbf5cdf5;background:#35a65d1f;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 10px;font-size:11px;line-height:1;display:inline-flex}.media-library-panel-membership-toast.is-pending{color:#d6ebfff5;background:#4c90be1f}.media-library-panel-membership-spinner{--reference-spinner-size:14px;--reference-spinner-border-width:2px;flex:none}.media-library-panel-section{flex-direction:column;gap:8px;display:flex}.media-library-panel-active-folder-dropzone{transform-origin:0 0;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;gap:12px;min-height:100%;animation:.18s cubic-bezier(.2,.8,.2,1) media-library-folder-open;display:flex}.media-library-panel-active-folder-dropzone.is-drop-hover{background:0 0;border:0}.media-library-panel-empty-folder-state{flex-direction:column;flex:1;align-items:flex-start;gap:10px;padding:6px 0 10px;display:flex}.media-library-panel-empty-folder-title{color:#f4f8fff0;margin:0;font-size:15px;font-weight:600;line-height:1.2}.media-library-panel-empty-folder-copy{max-width:320px;margin:0}.media-library-panel-empty-folder-actions{align-items:center;display:inline-flex}.media-library-panel-section-head{justify-content:space-between;align-items:center;display:flex}@keyframes media-library-folder-open{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes media-library-folder-ghost-open{0%{opacity:.92;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes media-library-folder-stage-open{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.media-library-panel-root-tabs{flex-wrap:wrap;flex:auto;gap:8px;min-width:0;display:flex}.media-library-panel-root-tabs-row{z-index:2;background:#111318fa;border-bottom:1px solid #8e96a61c;justify-content:flex-start;align-items:center;gap:12px;padding:8px 28px 12px 0;display:flex;position:sticky;top:0}.media-library-panel-root-count-group{align-items:center;gap:10px;margin-left:auto;padding-right:4px;display:inline-flex}.media-library-panel-file-input{display:none}.media-library-panel-root-upload-button{color:#eaf0f9d6;cursor:pointer;background:#14181fe6;border:1px solid #899cb22e;border-radius:999px;flex:none;align-items:center;gap:6px;height:30px;padding:0 10px;transition:border-color .2s,background .2s,color .2s,transform .2s;display:inline-flex}.media-library-panel-root-upload-button:hover{color:#f4f8ff;background:#181c23fa;border-color:#34c8ff61}.media-library-panel-root-upload-button:focus-visible{outline-offset:2px;outline:1px solid #64d1e673}.media-library-panel-root-upload-button:active{transform:translateY(.5px)}.media-library-panel-root-count{white-space:nowrap;background:#14181fe6;border:1px solid #899cb22e;border-radius:999px;flex:none;align-items:baseline;gap:6px;padding:5px 9px;display:inline-flex}.media-library-panel-root-expand-button{color:#eaf0f9d6;cursor:pointer;background:#14181fe6;border:1px solid #899cb22e;border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;transition:border-color .2s,background .2s,color .2s,transform .2s;display:inline-flex}.media-library-panel-root-expand-button:hover{color:#f4f8ff;background:#181c23fa;border-color:#34c8ff61}.media-library-panel-root-expand-button:focus-visible{outline-offset:2px;outline:1px solid #64d1e673}.media-library-panel-root-expand-button:active{transform:translateY(.5px)}.media-library-panel-root-count-value{color:#f4f8fff0;letter-spacing:-.02em;font-size:13px;font-weight:700;line-height:1}.media-library-panel-root-count-label{color:#899cb2c7;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600;line-height:1}.media-library-panel-root-tab{color:#eaf0f9cc;cursor:pointer;background:#0c0f16b3;border:1px solid #899cb23d;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:8px 12px;font-size:12px;font-weight:600;line-height:1.2;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.media-library-panel-root-tab:hover{border-color:#34c8ff66}.media-library-panel-root-tab:focus-visible{outline-offset:2px;outline:1px solid #64d1e673}.media-library-panel-root-tab.is-active{color:#e9f7ff;background:#25a9bf2e;border-color:#34c8ff99;box-shadow:inset 0 0 0 1px #34c8ff2e}.media-library-panel-section-toggle{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0;display:inline-flex}.media-library-panel-section-toggle:focus-visible{outline-offset:2px;outline:1px solid #64d1e666}.media-library-panel-section-toggle .tiny{margin:0}.media-library-panel-section-toggle-icon{color:#c9d6f0c2;transition:transform .16s}.media-library-panel-section-toggle.is-collapsed .media-library-panel-section-toggle-icon{transform:rotate(-90deg)}.media-library-panel-section .media-library-prompt-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.media-library-panel-section .media-library-prompt-grid.media-library-prompt-grid--reference-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.media-library-panel-prompt-reference-card.reference-card.has-text{aspect-ratio:4/5;background:#181a1d;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;min-height:168px;padding:10px;display:flex}.media-library-folder-canvas{flex-direction:column;flex:auto;min-height:480px;display:flex}.media-library-folder-canvas .canvas-properties-panel{min-height:480px}.media-library-panel-media-card-shell,.media-library-panel-prompt-reference-shell{position:relative}.media-library-panel-media-card-button{width:100%;height:100%}.media-library-panel .media-library-modal-grid.media-library-modal-grid-packed{column-gap:0;padding:0}.media-library-panel .media-library-modal-grid.media-library-modal-grid-packed .media-library-panel-media-card-shell{box-shadow:none;background:0 0;border:0;margin:0}.media-library-panel .media-library-panel-media-card-button.media-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding-block:0;padding-inline:3px;overflow:visible;transform:none}.media-library-panel .media-library-panel-media-card-button.media-card:hover{box-shadow:none;border-color:#0000;transform:none}.media-library-panel .media-library-panel-media-card-button .media-thumb{background:0 0}.media-library-panel-card-actions{z-index:4;opacity:0;pointer-events:none;gap:6px;transition:opacity .16s;display:flex;position:absolute;top:6px;right:6px}.media-library-panel-media-card-shell:hover .media-library-panel-card-actions,.media-library-panel-media-card-shell:focus-within .media-library-panel-card-actions,.media-library-panel-media-card-shell.is-active .media-library-panel-card-actions,.media-library-panel-prompt-reference-shell:hover .media-library-panel-card-actions,.media-library-panel-prompt-reference-shell:focus-within .media-library-panel-card-actions,.media-library-panel-prompt-reference-shell.is-active .media-library-panel-card-actions{opacity:1;pointer-events:auto}.media-library-panel-card-download-btn,.media-library-panel-card-remove-btn{width:30px;height:30px}.media-library-panel-prompt-reference-text.reference-card-text{color:#d0dbf1db;-webkit-line-clamp:12;line-clamp:12;height:auto;min-height:0;max-height:none;font-size:12px;line-height:1.32}.media-library-panel-section .media-library-modal-grid.media-library-modal-grid-packed{--media-library-modal-preview-width:188px}.media-library-panel-root-paginator{padding-top:2px}.media-library-panel-root-paginator .media-load-more-inline{justify-content:space-between;align-items:center;gap:10px;display:flex}.media-library-panel-root-paginator .media-load-more-inline .tiny{margin:0}.media-library-panel-footer{border-top:1px solid #c9cdd63d;justify-content:space-between;gap:10px;padding-top:8px;display:flex}.media-library-panel-footer-folder-label{align-items:center;gap:6px;display:inline-flex}.media-library-panel-folder-context-menu{z-index:var(--ai-studio-z-modal-context-surface);background:#111215;border:1px solid #292b32;border-radius:8px;flex-direction:column;min-width:156px;padding:4px;display:flex;position:fixed;box-shadow:0 12px 28px #00000047}.media-library-panel-folder-context-menu-item{color:#e0eafceb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:14px;line-height:1.2}.media-library-panel-folder-context-menu-item:hover,.media-library-panel-folder-context-menu-item:focus-visible{background:#c9cdd614;outline:none}.media-library-panel-folder-context-menu-item.is-destructive{color:#c73d4f}.media-library-panel-move-dialog{background:#0e1014;border:1px solid #c9cdd624;border-radius:12px;flex-direction:column;gap:12px;width:min(420px,100vw - 48px);padding:16px;display:flex;box-shadow:0 24px 64px #0000006b}.media-library-panel-move-dialog-title,.media-library-panel-move-dialog-copy{margin:0}.media-library-panel-move-dialog-label{letter-spacing:.08em;text-transform:uppercase;color:#a6b0c0c7;margin:0;font-size:10px;font-weight:600}.media-library-panel-move-dialog-current-parent{background:#ffffff05;border:1px solid #c9cdd61f;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.media-library-panel-move-dialog-current-parent-value{color:#e6ecf4f5;margin:0}.media-library-panel-move-dialog-list{flex-direction:column;gap:8px;max-height:min(360px,100vh - 220px);display:flex;overflow:auto}.media-library-panel-move-dialog-option{color:#e6ecf4f5;text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #c9cdd624;border-radius:10px;width:100%;padding:10px 12px}.media-library-panel-move-dialog-option:hover,.media-library-panel-move-dialog-option:focus-visible{background:#c9cdd614;outline:none}.media-library-panel-preview-backdrop{z-index:var(--ai-studio-z-modal-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080a0db3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.media-library-panel-preview-modal{width:min(900px,100vw - 48px);max-height:calc(100vh - 48px);z-index:var(--ai-studio-z-modal-content);background:#0c0e14;border:1px solid #c9cdd629;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000073}.media-library-panel-preview-head{border-bottom:1px solid #c9cdd61f;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.media-library-panel-preview-title{margin:0}.media-library-panel-preview-close{flex-shrink:0;width:30px;height:30px}.media-library-panel-preview-body{justify-content:center;align-items:center;min-height:0;padding:12px;display:flex}.media-library-panel-preview-media{object-fit:contain;border-radius:8px;width:auto;max-width:100%;max-height:calc(100vh - 160px);display:block}
.reference-canvas-grid{grid-template-columns:repeat(var(--reference-grid-columns,5),minmax(0,1fr));box-sizing:border-box;align-content:start;gap:3px;width:100%;min-height:100%;padding:0 8px;display:grid}.reference-canvas-panel{--reference-selection-active-bg:#00b4ff;--reference-selection-active-shadow:#00fffb51;--reference-selection-active-outline:#00d9ff;--reference-selection-active-glow:#06d7fc40;--reference-spinner-size:28px;--reference-spinner-border-width:2px;--reference-generate-border:#25a9bf9e;--reference-generate-start:#34c8ffeb;--reference-generate-end:#25a9bff2;--reference-generate-shadow:#25a9bf59;--reference-generate-hover-shadow:#04eaff1a;--reference-generate-text:#0b1820;transition:border-color .16s,box-shadow .2s,background .2s}.reference-canvas-panel.is-drop-active{background:linear-gradient(#0b1017fa,#0a0e14f2);border-color:#34d6ffa8;box-shadow:inset 0 0 0 1px #34d6ff42,0 0 0 2px #34d6ff24,0 16px 34px #030a1257}.reference-canvas-panel.is-drop-active-files .reference-canvas-grid{filter:saturate(1.04)}.reference-canvas-panel.is-drop-active-files .reference-empty .preview-title{color:#8fe8ff}.reference-canvas-panel.is-drop-active-files .reference-empty .subdued,.reference-canvas-panel.is-drop-active-files .reference-empty .tiny{color:#7d8f9e!important}.reference-canvas-panel[data-selection-theme=edit]{--reference-selection-active-bg:#f5b9426b;--reference-selection-active-shadow:#f5b94257;--reference-selection-active-outline:#ffce6b;--reference-selection-active-glow:#f5b94240;--reference-generate-border:#f5b942e6;--reference-generate-start:#f5b754;--reference-generate-end:#f4921f;--reference-generate-shadow:#f5b94257;--reference-generate-hover-shadow:#f5b9424d;--reference-generate-text:#1a140c}.reference-canvas-panel[data-selection-theme=video]{--reference-selection-active-bg:#a565ef6b;--reference-selection-active-shadow:#6591ef57;--reference-selection-active-outline:#aa65efc7;--reference-selection-active-glow:#aa65ef3d;--reference-generate-border:#aa65efe6;--reference-generate-start:#b32ba9;--reference-generate-end:#4135ab;--reference-generate-shadow:#aa65ef57;--reference-generate-hover-shadow:#aa65ef52;--reference-generate-text:#efe8ff}.reference-canvas-panel.is-high-density .reference-card{transition:transform .12s}.reference-canvas-panel.is-high-density .reference-card:hover{transform:none;box-shadow:0 6px 16px #00000042}.reference-canvas-panel.is-high-density .reference-card.is-active:after{box-shadow:0 10px 14px 6px var(--reference-selection-active-glow);inset:8px}.reference-canvas-panel.is-dense-visual-mode .reference-card{transition:none}.reference-canvas-panel.is-dense-visual-mode .reference-card:hover{box-shadow:none;transform:none}.reference-canvas-panel.is-dense-visual-mode .reference-card.is-active{box-shadow:0 0 0 2px var(--reference-selection-active-outline);transform:none}.reference-canvas-panel.is-dense-visual-mode .reference-card.is-active:after{display:none}.reference-canvas-panel.is-dense-visual-mode .reference-card-action-btn{box-shadow:none}.reference-canvas-panel.is-dense-visual-mode .reference-card-action-btn:hover{box-shadow:none;transform:none}.reference-canvas-panel.is-css-containment-mode .reference-card{content-visibility:auto;contain:layout paint size style;contain-intrinsic-size:240px 300px}.reference-canvas-panel.is-css-containment-mode .reference-virtual-spacer{contain:layout size style;contain-intrinsic-size:1px 300px}.reference-canvas-panel.is-grid-pressure-mode .reference-card,.reference-canvas-panel.is-grid-pressure-mode .reference-card:hover,.reference-canvas-panel.is-grid-pressure-mode .reference-card.is-active{transform:none}.reference-canvas-panel.is-grid-pressure-mode .reference-card:hover,.reference-canvas-panel.is-grid-pressure-mode .reference-card.is-loading{box-shadow:none}.reference-canvas-panel.is-grid-pressure-mode .reference-card.is-active:after{display:none}.reference-canvas-panel.is-grid-pressure-mode .reference-card.is-active{box-shadow:0 0 0 2px var(--reference-selection-active-outline)}.reference-canvas-panel.is-grid-pressure-mode .reference-card.is-loading.is-active{box-shadow:none}.reference-canvas-panel.is-grid-pressure-mode .reference-card.is-dragging{filter:none}.reference-archive-inline{gap:8px;padding:6px 10px 2px;display:flex}.reference-archive-panel{background:#0a0e14b3;border:1px solid #c9cdd62e;border-radius:10px;margin:8px 8px 4px;padding:8px}.reference-archive-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.reference-archive-header p{margin:0}.reference-archive-list{gap:6px;max-height:170px;margin-top:8px;padding-right:2px;display:grid;overflow-y:auto}.reference-archive-item{background:#0d1118d9;border:1px solid #c9cdd624;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;display:flex}.reference-archive-item-label{color:#adb3be;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.reference-archive-item-restore{flex-shrink:0}.reference-canvas-grid--wide{--reference-grid-columns:8}.reference-canvas-scroll{scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:#c9cdd633 transparent;flex:1;width:100%;min-height:0;max-height:none;margin:0;padding:4px 0;overflow-y:auto}.reference-canvas-scroll::-webkit-scrollbar{width:4px;height:4px}.reference-canvas-scroll::-webkit-scrollbar-track{background:0 0}.reference-canvas-scroll::-webkit-scrollbar-thumb{background:#c9cdd633;border-radius:999px}.reference-canvas-scroll::-webkit-scrollbar-thumb:hover{background:#c9cdd652}.reference-empty{text-align:center;min-height:100%;color:var(--ai-card-text-faint);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;padding:20px 12px;display:flex}.reference-virtual-spacer{pointer-events:none;grid-column:1/-1}.reference-empty .preview-title{color:#4c5159}.reference-empty .subdued,.reference-empty .tiny{color:#373c4a!important}.reference-card{color:inherit;text-align:left;aspect-ratio:4/5;cursor:pointer;z-index:0;background:linear-gradient(#11141be6,#11141bf2) 50%/cover no-repeat;border:none;border-radius:8px;outline:none;padding:0;transition:transform .2s;display:block;position:relative;overflow:hidden}.reference-card:focus{outline:none}.reference-card:focus-visible:not(.is-loading){outline-offset:2px;outline:2px solid #34c8ffe0}.reference-card.is-loading{background:var(--ai-container-card-bg);box-shadow:none;filter:none;background-clip:padding-box;border:none;outline:none;transition:none;transform:none}.reference-canvas-panel.is-loading-placeholder-timeout-mode .reference-card.is-loading,.reference-canvas-panel.is-loading-placeholder-timeout-mode .reference-card.is-loading.is-active{background:#131518;box-shadow:inset 0 0 0 2px #131518}.reference-card.is-loading:hover{box-shadow:none;transform:none}.reference-card.is-loading:focus,.reference-card.is-loading:focus-visible,.reference-card.is-loading.is-active,.reference-card.is-loading.is-active:hover{box-shadow:none;filter:none;border:none;outline:none;transform:none}.reference-card.is-loading:before,.reference-card.is-loading:after{box-shadow:none;border:none;outline:none}.reference-card.is-loading .reference-loading{background:0 0}.reference-canvas-panel.is-loading-placeholder-timeout-mode .reference-card.is-loading .reference-loading{background:#131518;box-shadow:inset 0 0 0 2px #131518}.reference-canvas-panel.is-loading-placeholder-timeout-mode .reference-card.is-loading .reference-loading.is-static{background:#131518}.reference-card:hover{background-color:#191d26f2;transform:translateY(-1px);box-shadow:0 10px 30px #0006}.reference-card.is-dragging{cursor:grabbing;filter:drop-shadow(0 12px 35px #25a9bf59);transform:scale(.98)}.reference-card.is-dragging .reference-card-actions,.reference-card.is-dragging .reference-card-reroll-btn,.reference-card.is-dragging .reference-status-retry-btn,.reference-card.is-dragging .reference-save-chip{visibility:hidden;opacity:0!important;pointer-events:none!important}.reference-card.is-active{background-color:var(--reference-selection-active-bg);box-shadow:0 0 0 2px var(--reference-selection-active-outline);z-index:1;transform:translateY(-1px)}.reference-card.is-active:after{display:none}.reference-card.is-linked-prompt-ref:not(.is-active){box-shadow:0 10px 30px #00000052,0 0 0 1px #40d8ff5c}.reference-card.is-loading.is-active{background:var(--ai-container-card-bg);box-shadow:none;border:none;transform:none}.reference-card.is-loading.is-active:after{box-shadow:none;border-color:#0000}.reference-card-actions{z-index:3;opacity:0;pointer-events:none;gap:6px;transition:opacity .16s;display:flex;position:absolute;top:6px;right:6px}.reference-card.is-active .reference-card-actions{opacity:1;pointer-events:auto}.reference-card-reroll-btn{z-index:3;opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;bottom:6px;left:6px}.reference-card.is-active .reference-card-reroll-btn{opacity:1;pointer-events:auto}.reference-card-action-btn{color:#f5f9ff;background:#121620e6;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;transition:border-color .14s,background .14s,transform .14s,box-shadow .14s,color .14s;display:inline-flex;box-shadow:0 8px 16px #00000059}.reference-card-action-btn:hover{color:#e7f6ff;background:linear-gradient(135deg,#25a9bf,#34c9ff);border-color:#ffffff59;transform:translateY(-1px);box-shadow:0 12px 22px #25a9bf73}.reference-card-action-btn--danger:hover{color:#fff4f4;background:linear-gradient(135deg,#f04040f2,#ff7878e6);border-color:#ff7878b3;box-shadow:0 12px 22px #ff5a5a73}.reference-card-action-btn:focus-visible{outline-offset:2px;outline:2px solid #34c8ffe6}.reference-card-action-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.reference-card.has-text{background:var(--ai-container-card-bg);justify-content:flex-start;align-items:flex-start;min-height:0;padding:10px;display:flex;overflow:hidden}.reference-card-link-dot{z-index:3;pointer-events:none;background:#41e1fffa;border-radius:999px;width:8px;height:8px;position:absolute;bottom:8px;left:8px;box-shadow:0 0 0 4px #41e1ff33}.reference-card.has-video{background:var(--ai-surface-control-elevated,#0c0f16eb)}.reference-card-video{object-fit:cover;z-index:0;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.reference-canvas-panel.is-loading-placeholder-timeout-mode .reference-card.is-loading .reference-card-video{background-color:#131518}.reference-card-image{object-fit:cover;object-position:center;z-index:0;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.reference-canvas-panel.is-loading-placeholder-timeout-mode .reference-card.is-loading .reference-card-image{background-color:#131518}.reference-card-text{color:#8b919a;-webkit-line-clamp:18;line-clamp:18;white-space:pre-wrap;-webkit-box-orient:vertical;height:100%;min-height:0;max-height:100%;font-size:13px;line-height:1.28;display:-webkit-box;overflow:hidden}.reference-preload{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.reference-status-chip{letter-spacing:.01em;color:#f5f9ff;background:#0a0c14d9;border:1px solid #ffffff1a;border-radius:999px;padding:4px 8px;font-size:11px;line-height:1.1;position:absolute;top:6px;left:6px;box-shadow:0 4px 12px #0000004d}.reference-status-chip.is-running{background:linear-gradient(135deg,#4c8cff1f,#4ce1ff14);border-color:#50baff80}.reference-status-chip.is-fail{color:#ffecec;background:linear-gradient(135deg,#ff74742e,#ff99991f);border-color:#ff7474b3}.reference-save-chip{letter-spacing:.01em;color:#f5f9ff;z-index:3;pointer-events:none;background:#0a0c14d9;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;line-height:1.1;display:inline-flex;position:absolute;top:6px;left:6px;box-shadow:0 6px 16px #00000059}.reference-save-chip.is-saving{background:linear-gradient(135deg,#4c8cff2e,#4ce1ff1a);border-color:#50baff80}.reference-save-chip.is-saved{color:#6ee7b7;background:#0a0e12db;border-color:#6ee7b7bf;padding:6px;box-shadow:0 10px 22px #00000061,inset 0 0 0 1px #6ee7b729}.reference-save-chip.is-failed{color:#ffecec;background:linear-gradient(135deg,#ff747433,#ff99991f);border-color:#ff7474b3}.reference-fail-overlay{border-radius:inherit;text-align:center;color:#ffecec;background:radial-gradient(circle at 50% 45%,#ff7c7c1f,#0e1018f2);place-items:center;gap:8px;padding:20px;display:grid;position:absolute;inset:0}.reference-fail-overlay .fail-icon{color:#ffecec;background:#ff7c7c1f;border:2px solid #ff7c7cb3;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:800;display:grid;box-shadow:0 10px 35px #ff7c7c33}.reference-fail-pill{color:#ffd6b3;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#ff9f5a38,#ff5d7a29);border:1px solid #ff9f5a7a;border-radius:999px;justify-content:center;align-items:center;min-height:22px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 8px 24px #ff7a7a24}.reference-fail-overlay .fail-title{letter-spacing:.01em;font-size:14px;font-weight:700}.reference-fail-overlay .fail-subtitle{color:#ffececcc;overflow-wrap:anywhere;max-width:100%;font-size:12px;line-height:1.4}.reference-fail-overlay .fail-subtitle:first-letter{text-transform:uppercase}.reference-status-retry-btn{color:#f4f7ff;letter-spacing:.01em;cursor:pointer;z-index:4;background:#0f131ed1;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;min-height:28px;margin-top:4px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 10px 20px #00000057}.reference-status-retry-btn:hover{background:#111e2eeb;border-color:#74ceff94}.reference-status-retry-btn:focus-visible{outline-offset:2px;outline:2px solid #56d2ffe6}.reference-status-retry-btn--loading{position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.reference-loading{border-radius:inherit;background:linear-gradient(#0c0f1673,#0c0f1699);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.reference-loading--hydrating{background:linear-gradient(#0c0f1638,#0c0f1657)}.reference-spinner{width:var(--reference-spinner-size);height:var(--reference-spinner-size);border:var(--reference-spinner-border-width)solid #fff3;border-top-color:#34c8ffe0;border-radius:50%;animation:1.05s linear infinite reference-spin}.reference-hydration-indicator{background:linear-gradient(90deg,#70d0ff26,#70d0ffad,#70d0ff26);border-radius:999px;width:24px;height:8px;box-shadow:0 0 0 1px #70d0ff33}@media (prefers-reduced-motion:reduce){.reference-spinner{animation:none}}@keyframes reference-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-surface{aspect-ratio:1;background:var(--ai-container-card-bg);border:1px solid #c9cdd61f;border-radius:14px;place-items:center;width:100%;max-width:420px;height:420px;display:grid;position:relative;overflow:hidden}.preview-media-btn{color:#f5f9ff;box-shadow:none;background:#c9cdd60f;border:1px solid #c9cdd633;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.preview-media-btn:hover{border-color:#c9cdd666}.preview-surface.reference-dropzone{aspect-ratio:4/5;background:#0c0f16e6;border-color:#b8cadc66;border-radius:10px;height:auto}.preview-surface.reference-drop-layout{box-shadow:none;aspect-ratio:auto;background:0 0;border:none;border-radius:0;width:100%;max-width:none;height:auto;padding:0;display:block;overflow:visible}.reference-column{justify-content:stretch;width:100%;display:flex}.preview-copy{flex-direction:column;gap:8px;max-width:600px;padding:16px;display:flex}.preview-title{color:var(--ai-card-text);font-size:20px;font-weight:700}.ai-empty{text-align:center;flex-direction:column;gap:6px;padding:16px;display:flex}.preview-actions{flex-wrap:wrap;justify-content:flex-end;gap:14px;width:100%;margin-top:16px;padding:0 4px;display:flex}.preview-card-actions{justify-content:flex-end;width:100%;margin-top:10px;display:flex}.studio-preview-square{aspect-ratio:4/5;border:1px solid var(--ai-border-faint,#c9cdd624);background:var(--ai-surface-control-soft,#0c0f16d9);border-radius:14px;justify-content:center;align-items:center;width:68%;margin:0 auto;display:flex;overflow:hidden}.studio-preview-square-image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.studio-preview-video{object-fit:cover;border:none;width:100%;height:100%}.studio-preview-square-empty{color:var(--ai-card-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.prompt-preview-card{background:var(--ai-surface-control-soft,#0c0f16d9);border:1px solid var(--ai-surface-control-soft,#0c0f16d9);color:var(--ai-card-text);box-sizing:border-box;border-radius:10px;flex-direction:column;gap:6px;width:100%;min-height:200px;margin-top:0;padding:10px 12px;display:flex;overflow:auto}.prompt-preview-card::-webkit-scrollbar{width:6px}.prompt-preview-card::-webkit-scrollbar-track{background:0 0}.prompt-preview-card::-webkit-scrollbar-thumb{background:#c9cdd640;border-radius:999px}.prompt-preview-card::-webkit-scrollbar-thumb:hover{background:#c9cdd673}.prompt-preview-input{width:100%;min-height:200px;color:var(--ai-card-text);resize:none;background:0 0;border:none;font-family:inherit;font-size:14px;line-height:1.4}.prompt-preview-input:focus{outline:none}.prompt-preview-input::placeholder{color:var(--ai-card-text-faint)}.prompt-preview-label{color:var(--ai-card-text-muted);text-transform:uppercase;letter-spacing:.02em;margin:0}.prompt-preview-text{color:var(--ai-card-text);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.4}
.canvas-properties-panel{min-height:var(--ai-shell-column-max-height);flex-direction:column;height:100%;display:flex}.canvas-workspace-viewport{overscroll-behavior:contain;cursor:default;touch-action:none;background-color:#0000;border:none;border-radius:0;flex:auto;height:100%;min-height:0;position:relative;overflow:hidden}.canvas-workspace-viewport.is-drop-active{box-shadow:inset 0 0 0 1px #f8f0de14,0 0 0 2px #f5ddae14,0 22px 36px #00000047}.canvas-workspace-viewport.is-marquee-active{cursor:crosshair}.canvas-workspace-world{transform-origin:0 0;position:absolute;inset:0}.canvas-workspace-marquee{pointer-events:none;z-index:9999;background:#ababab1d;border:1px solid #cde3e86e;position:absolute;box-shadow:0 0 0 1px #f5ddae33}.canvas-workspace-grid{pointer-events:none;background-image:radial-gradient(circle,#e4e8f01c 1.2px,#0000 1.4px);background-position:20px 20px;background-size:40px 40px;width:16000px;height:16000px;position:absolute;top:-8000px;left:-8000px}.canvas-scene-item{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#101216f0;border:1px solid #e8d2a81f;border-radius:16px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 18px 30px #00000047}.canvas-scene-item:active{cursor:grabbing}.canvas-scene-item.is-selected{border-color:#f5ddae8f;box-shadow:0 0 0 1px #f5ddae2e,0 22px 34px #00000057}.canvas-scene-item--image{background:0 0;border:none;border-radius:4px}.canvas-scene-item--image.is-selected{border:none;box-shadow:0 0 0 1px #f4eee2,0 18px 30px #0000004d}.canvas-scene-item--pending{pointer-events:none;cursor:default;background:#0f1218db;border:1px solid #f4eee233;justify-content:center;align-items:center;box-shadow:0 12px 24px #00000042}.canvas-scene-item--pending.canvas-scene-item--image{border:1px solid #f4eee22e;border-radius:4px}.canvas-scene-item--pending.canvas-scene-item--text{min-height:0;padding:0}.canvas-scene-item__loading{place-items:center;width:100%;height:100%;display:grid}.canvas-scene-item__loading-spinner{border:2px solid #f4eee247;border-top-color:#f4eee2eb;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite canvas-scene-item-loading-spin}.canvas-scene-item--text.is-selected{box-shadow:none;border:1px solid #f4eee2}.canvas-scene-item__image{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.canvas-scene-item--text{min-height:120px;padding:16px 16px 0;position:relative}.canvas-scene-item--draft{min-height:120px}.canvas-scene-item__text{color:#f3ead8;white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.55}.canvas-scene-item__pin-button{color:#f3ead8;opacity:0;pointer-events:none;background:#ffffff14;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:28px;height:28px;transition:opacity .12s,background .12s,border-color .12s;display:grid;position:absolute;bottom:6px;right:6px}.canvas-scene-item--text:hover .canvas-scene-item__pin-button{opacity:1;pointer-events:auto}.canvas-scene-item__pin-button:hover{background:#ffffff2e;border-color:#fff9}.canvas-scene-item__text-editor,.canvas-scene-item__draft-input{color:#f3ead8;width:100%;min-height:88px;font:inherit;resize:none;background:0 0;border:none;outline:none;margin:0;padding:0;line-height:1.55}.canvas-scene-item__text-editor{margin-bottom:16px}.canvas-scene-item__text-editor::placeholder,.canvas-scene-item__draft-input::placeholder{color:#f3ead86b}.canvas-scene-item__text-editor:focus-visible,.canvas-scene-item__draft-input:focus-visible{outline-offset:0;box-shadow:none;outline:none}@keyframes canvas-scene-item-loading-spin{to{transform:rotate(360deg)}}.ai-studio-page[data-selected-tool=canvas] .panel.ai-panel.ai-properties{padding:0;overflow:hidden}@media (max-width:960px){.canvas-properties-panel{min-height:auto}.canvas-workspace-viewport{height:100%}}
.reference-grid-sections{flex-direction:column;flex:1;min-height:0;display:flex}.reference-rail-canvas-section,.reference-grid-inventory-stack,.reference-curated-section,.reference-all-refs-section,.reference-all-refs-styles-stack,.reference-styles-section{transition:none}.reference-rail-canvas-section{background:var(--ai-container-card-bg);border:1px solid var(--ai-container-card-border);flex-direction:column;flex:1;min-height:0;padding-top:2px;display:flex}.reference-rail-canvas-header{justify-content:space-between;align-items:center;gap:8px;min-height:10px;padding:2px 10px;display:flex}.reference-rail-canvas-header .tiny,.reference-rail-canvas-header .eyebrow{margin:0}.reference-rail-canvas-header .eyebrow{line-height:1}.reference-section-title-row,.reference-rail-canvas-header.is-top-section-header,.reference-curated-header.is-top-section-header,.reference-all-refs-title-wrap.is-top-section-header{align-items:center;gap:8px;min-width:0;display:flex}.reference-rail-canvas-header.is-top-section-header,.reference-curated-header.is-top-section-header{justify-content:flex-start}.reference-all-refs-title-wrap.is-top-section-header{flex:1}.reference-styles-header .reference-section-title-row .eyebrow,.reference-rail-canvas-header.is-top-section-header .eyebrow,.reference-curated-header.is-top-section-header .eyebrow,.reference-all-refs-title-wrap.is-top-section-header .eyebrow{margin:0}.reference-section-title-divider{background:linear-gradient(90deg,#c9cdd652 0%,#c9cdd62e 60%,#c9cdd600 100%);border-radius:999px;flex:1;min-width:24px;height:1px}.reference-rail-canvas-body{flex:1;min-height:0;overflow:hidden}.reference-rail-canvas-section.is-inventory-expanded .reference-rail-canvas-body,.reference-rail-canvas-section.is-divider-near-collapsed .reference-rail-canvas-body{display:none}.reference-rail-canvas-section .canvas-properties-panel{height:100%;min-height:0}.reference-rail-canvas-section .canvas-workspace-viewport{height:100%}.reference-grid-inventory-stack{flex-direction:column;flex:1;min-height:0;display:flex}.reference-curated-section{background:0 0;flex-direction:column;min-height:0;padding-top:2px;display:flex}.reference-curated-section.is-drop-active{box-shadow:none;background:0 0}.reference-curated-header{justify-content:space-between;align-items:center;gap:8px;padding:2px 4px 8px;display:flex}.reference-curated-header.is-title-hidden{min-height:10px;padding-top:0;padding-bottom:2px}.reference-curated-header .tiny,.reference-curated-header .eyebrow{margin:0}.reference-curated-header .eyebrow{line-height:1}.reference-curated-scroll{scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:#c9cdd633 transparent;flex:1;width:100%;min-height:0;margin:0;padding:4px 0;overflow-y:auto}.reference-curated-section.is-all-refs-expanded .reference-curated-scroll,.reference-curated-section.is-divider-near-collapsed .reference-curated-scroll{display:none}.reference-curated-scroll::-webkit-scrollbar{width:4px;height:4px}.reference-curated-scroll::-webkit-scrollbar-track{background:0 0}.reference-curated-scroll::-webkit-scrollbar-thumb{background:#c9cdd633;border-radius:999px}.reference-curated-scroll::-webkit-scrollbar-thumb:hover{background:#c9cdd652}.reference-curated-empty{text-align:left;min-height:100%;color:var(--ai-card-text-faint);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:flex-start;gap:4px;padding:14px 12px;display:flex}.reference-curated-empty .preview-title{color:#4c5159;letter-spacing:.01em;font-size:13px;font-weight:500;line-height:1.35}.reference-curated-empty .subdued,.reference-curated-empty .tiny{color:#4f596a!important}.reference-grid-panel-empty{text-align:center;min-height:0;color:var(--ai-card-text-faint);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:18px 14px;display:flex}.reference-grid-panel-empty .preview-title{color:#606871;margin:0;font-size:13px;font-weight:600}.reference-grid-panel-empty .helper-text{color:#4f596a;max-width:300px;margin:0}.reference-grid-horizontal-divider-wrap{--reference-divider-active-color:#34c8ffb8;--reference-divider-active-ring:#34c8ff40;cursor:row-resize;-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;gap:8px;min-height:10px;padding:2px 10px;display:flex}.reference-grid-horizontal-divider-title{color:var(--ai-card-text-faint);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;pointer-events:none;margin:0;font-size:12px;font-weight:500;line-height:1}.reference-grid-horizontal-divider{pointer-events:none;outline:none;flex:1;width:auto;height:10px;position:relative}.reference-grid-horizontal-divider:before{content:"";background:#c9cdd638;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.reference-grid-horizontal-divider-wrap:hover .reference-grid-horizontal-divider:before,.reference-grid-horizontal-divider-wrap:focus-visible .reference-grid-horizontal-divider:before{background:var(--reference-divider-active-color);box-shadow:0 0 0 1px var(--reference-divider-active-ring)}.reference-grid-horizontal-divider-wrap:hover .reference-grid-horizontal-divider-title,.reference-grid-horizontal-divider-wrap:focus-visible .reference-grid-horizontal-divider-title{color:var(--reference-divider-active-color)}.reference-grid-horizontal-divider-pill{appearance:none;color:#838b9888;letter-spacing:.04em;text-transform:none;white-space:nowrap;cursor:pointer;background:#c9cdd608;border:1px solid #c9cdd627;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600;line-height:1;transition:color .18s,border-color .18s,background .18s,box-shadow .18s;display:none}.reference-grid-horizontal-divider-pill:hover,.reference-grid-horizontal-divider-pill:focus-visible{color:#a3c6d6e0;background:#34c8ff12;border-color:#78adc757}.reference-grid-horizontal-divider-pill:focus-visible{outline-offset:1px;outline:2px solid #78adc785}.ai-studio-page[data-selected-tool=canvas] .reference-grid-horizontal-divider-wrap{--reference-divider-active-color:var(--ai-canvas-cream);--reference-divider-active-ring:var(--ai-canvas-cream-outline)}.ai-studio-page[data-selected-tool=edit] .reference-grid-horizontal-divider-wrap,.ai-studio-page[data-selected-tool=image] .reference-grid-horizontal-divider-wrap{--reference-divider-active-color:#f5b942;--reference-divider-active-ring:#f5b94247}.ai-studio-page[data-selected-tool=video] .reference-grid-horizontal-divider-wrap{--reference-divider-active-color:#b997ff;--reference-divider-active-ring:#b997ff47}.ai-studio-page[data-selected-tool=sound] .reference-grid-horizontal-divider-wrap,.ai-studio-page[data-selected-tool=voices] .reference-grid-horizontal-divider-wrap,.ai-studio-page[data-selected-tool=text-to-speech] .reference-grid-horizontal-divider-wrap,.ai-studio-page[data-selected-tool=voice-changer] .reference-grid-horizontal-divider-wrap,.ai-studio-page[data-selected-tool=sound-effects] .reference-grid-horizontal-divider-wrap,.ai-studio-page[data-selected-tool=music] .reference-grid-horizontal-divider-wrap{--reference-divider-active-color:#95ebe4eb;--reference-divider-active-ring:#95ebe44d}.ai-studio-page[data-selected-tool=character] .reference-grid-horizontal-divider-wrap{--reference-divider-active-color:#4ae074;--reference-divider-active-ring:#4ae07447}.ai-studio-page[data-selected-tool=canvas] .reference-grid-horizontal-divider-wrap:hover .reference-grid-horizontal-divider-pill,.ai-studio-page[data-selected-tool=canvas] .reference-grid-horizontal-divider-wrap:focus-visible .reference-grid-horizontal-divider-pill{color:#fcf8f0fa;border-color:var(--ai-canvas-cream-outline);background:#f5ddae29}.ai-studio-page[data-selected-tool=character] .reference-grid-horizontal-divider-wrap:hover .reference-grid-horizontal-divider-pill,.ai-studio-page[data-selected-tool=character] .reference-grid-horizontal-divider-wrap:focus-visible .reference-grid-horizontal-divider-pill{color:#8fdfa6db;background:#4ae07412;border-color:#4ae0745c}.reference-all-refs-section,.reference-all-refs-styles-stack{flex-direction:column;flex:1;min-height:0;display:flex}.reference-all-refs-section .panel-header.preview-header.reference-all-refs-header{margin-top:6px;padding:0 4px}.reference-all-refs-section .panel-header.preview-header.reference-all-refs-header.is-title-hidden{min-height:10px;margin-top:0;padding-top:0;padding-bottom:2px}.reference-all-refs-section .reference-all-refs-header .eyebrow{margin-left:8px}.reference-grid-top-warning{margin:6px 8px 10px}.reference-all-refs-section.is-inventory-expanded .reference-canvas-scroll,.reference-all-refs-section.is-reference-grid-collapsed .reference-canvas-scroll{display:none}.reference-grid-horizontal-divider-wrap--styles{padding-top:2px}.reference-styles-section{background:0 0;flex-direction:column;min-height:0;padding-top:2px;display:flex}.reference-styles-header{flex-direction:column;gap:3px;padding:2px 4px 6px;display:flex}.reference-styles-header.is-title-hidden{gap:0;min-height:10px;padding-top:0;padding-bottom:2px}.reference-styles-header .eyebrow,.reference-styles-header .tiny{margin:0}.ai-studio-page[data-beginner-mode=off] .reference-styles-header .helper-text{display:none}.reference-styles-scroll{scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:#c9cdd638 transparent;flex:1;min-height:0;overflow-y:auto}.reference-styles-scroll::-webkit-scrollbar{width:4px}.reference-styles-scroll::-webkit-scrollbar-track{background:0 0}.reference-styles-scroll::-webkit-scrollbar-thumb{background:#c9cdd633;border-radius:999px}.reference-styles-scroll::-webkit-scrollbar-thumb:hover{background:#c9cdd652}.reference-styles-grid{--reference-styles-grid-gap:8px;--reference-styles-grid-min-column-width:132px;--reference-styles-grid-max-columns:4;width:100%;max-width:calc((var(--reference-styles-grid-max-columns)*var(--reference-styles-grid-min-column-width)) + ((var(--reference-styles-grid-max-columns) - 1)*var(--reference-styles-grid-gap)));grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--reference-styles-grid-min-column-width)),1fr));gap:var(--reference-styles-grid-gap);padding:2px 4px 8px;display:grid}.reference-styles-tile{text-align:left;cursor:pointer;background:#c9cdd60a;border:1px solid #c9cdd62e;border-radius:10px;flex-direction:column;gap:6px;padding:7px;transition:border-color .16s,transform .16s,box-shadow .16s,background .16s;display:inline-flex}.reference-styles-tile:hover:not(:disabled){background:#c9cdd614;border-color:#cdd2dc5c;transform:translateY(-1px)}.reference-styles-tile.is-selected,.reference-styles-tile.is-selected:hover:not(:disabled){border-color:var(--ai-styles-selection-border,#f5b942d1);box-shadow:0 0 0 1px var(--ai-styles-selection-ring,#f5b94242);background:var(--ai-styles-selection-fill,#f5b94214)}.reference-styles-tile.is-placeholder,.reference-styles-tile:disabled{cursor:not-allowed;background:#c9cdd608;border-color:#8a94a138}.reference-styles-tile-title{color:#eef2f8f0;letter-spacing:.02em;font-size:11px;font-weight:600;line-height:1.2}.reference-styles-tile-preview{aspect-ratio:1;background-color:#14171dd9;background-image:linear-gradient(140deg,#c9cdd61f,#c9cdd60a),none;background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:none;border-radius:8px;width:100%;max-width:512px;max-height:512px;position:relative;overflow:hidden}.reference-styles-tile-coming-soon{color:#dce4efc7;letter-spacing:.02em;background:#0d1016d1;border:1px solid #c9cdd65c;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600;position:absolute;bottom:8px;left:8px}.reference-styles-none-icon{color:#d4e0eeb3;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}.reference-styles-none-icon svg{filter:drop-shadow(0 6px 12px #00000059)}
.ai-panel .primary-btn{background:linear-gradient(135deg,var(--ai-warm-start,#f5b942e6),var(--ai-warm-end,#ff8c42cc));border-color:var(--ai-warm-border,#f5b94299);color:#1a140c;min-height:60px;padding:14px 20px;font-size:19px;font-weight:700;box-shadow:0 5px #12445ded}.ai-panel .primary-btn:hover{border-color:#ffb442e6;transform:translateY(-2px)}.create-controls{flex-wrap:wrap;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.create-controls.single-control{flex-direction:column;align-items:stretch}.aspect-dropdown{width:100%;position:relative}.aspect-trigger{background:var(--ai-surface-control,#0c0f16e6);color:#eef2f7;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#f8f8f8e6 50%),linear-gradient(135deg,#f8f8f8e6 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 14px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 36px 8px 12px;transition:border-color .12s,transform .12s,box-shadow .16s;display:flex;box-shadow:inset 0 0 0 1px #0003}.aspect-meta{flex-flow:row;align-items:baseline;gap:6px;min-width:0;display:flex;overflow:hidden}.aspect-ratio{color:#f7fafc;flex-shrink:0;font-size:13px;font-weight:600}.aspect-name{color:#d8e6f3b3;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.aspect-caret{display:none}.aspect-menu{background:var(--ai-surface-control-popover,#0c0f16f5);border:1px solid var(--ai-border-medium,#c9cdd62e);z-index:20;border-radius:10px;flex-direction:column;gap:6px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;right:0;box-shadow:0 16px 32px #0000006b}.aspect-menu-item{color:#d9dee7;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:13px;line-height:1.2;display:grid}.aspect-menu-item .aspect-name{color:#d8e6f3b3;font-weight:500}.aspect-menu-item:hover{border-color:var(--ai-border-medium,#c9cdd62e);background:#242830b3}.aspect-menu-item.is-active{border-color:var(--ai-accent-soft,#25a9bf66);color:#f7fafc;background:#25a9bf1f;box-shadow:inset 0 0 0 1px #25a9bf4d}.ai-studio-page .aspect-trigger:hover{border-color:var(--ai-accent,var(--ai-accent-medium,#25a9bf99));box-shadow:0 12px 24px var(--ai-accent-shadow,#25a9bf40);transform:translateY(-1px)}.aspect-trigger[aria-expanded=true]{border-color:var(--ai-accent,var(--ai-accent-medium,#25a9bf99));box-shadow:0 12px 24px #00000052,0 0 0 1px var(--ai-accent-shadow,#25a9bf40)}.ai-studio-page .aspect-menu-item.is-active{border-color:var(--ai-accent,var(--ai-accent-soft,#25a9bf73));box-shadow:inset 0 0 0 1px var(--ai-accent-shadow,#25a9bf59)}.aspect-shape{border:1.8px solid #e7ecf2e6;border-radius:4px;width:24px;height:14px;display:inline-block}.aspect-shape.square{width:18px;height:18px}.aspect-shape.vertical{width:14px;height:22px}.aspect-shape.widescreen,.aspect-shape.horizontal{width:26px;height:12px}.aspect-shape.ratio-1-1{width:18px;height:18px}.aspect-shape.ratio-16-9{width:30px;height:17px}.aspect-shape.ratio-21-9{width:33px;height:14px}.aspect-shape.ratio-9-16{width:17px;height:30px}.aspect-shape.ratio-2-3{width:18px;height:27px}.aspect-shape.ratio-3-4{width:18px;height:24px}.aspect-shape.ratio-1-2{width:14px;height:28px}.aspect-shape.ratio-2-1{width:30px;height:15px}.aspect-shape.ratio-4-5{width:18px;height:22px}.aspect-shape.ratio-5-4{width:22px;height:18px}.aspect-shape.ratio-3-2{width:26px;height:17px}.aspect-shape.ratio-4-3{width:24px;height:18px}.aspect-menu-item:hover .aspect-shape{background:#e7ecf20a;border-color:#e7ecf2f2}.aspect-menu-item.is-active .aspect-shape{background:#25a9bf14;border-color:#25a9bfcc}.aspect-ratio{color:#f7fafc;font-size:13px;font-weight:600}.aspect-menu-item .aspect-ratio{font-weight:700}.step-card{background:var(--ai-container-card-bg);border:1px solid var(--ai-container-card-border);border-radius:14px;flex-direction:column;gap:14px;padding:1px 18px;display:flex;box-shadow:0 10px 28px #00000047}.ai-properties .step-card{padding:10px}.regenerate-card{background:var(--ai-container-card-bg);border:1px solid var(--ai-container-card-border);border-radius:14px;margin-top:12px;padding:12px;box-shadow:0 10px 28px #00000047}.step-card-header{align-items:center;gap:10px;display:flex}.ai-studio-page[data-beginner-mode=off] .step-card-header:before,.ai-studio-page[data-beginner-mode=off] .reference-step-header:before{content:"";background:var(--ai-accent,#25a9bf);border-radius:50%;flex:none;width:10px;height:10px}.generate-step-card .step-card-header:before,.step-card.reference-generate-step .step-card-header:before{display:none}.step-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.step-utility-btn{color:#e9edf2b8;min-width:30px;height:28px;box-shadow:none;background:#22252ccc;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;padding:4px 8px;transition:border-color .12s,background .12s,transform .12s;display:inline-flex}.step-utility-btn svg{color:inherit;transform-origin:50%;transition:transform .16s}.step-utility-btn:hover{border-color:var(--ai-accent,var(--ai-accent-soft,#25a9bf66));background:#2e343cd9}.step-utility-btn:disabled,.step-utility-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;border-color:var(--ai-border-medium,#c9cdd62e)}.reference-toggle{background:var(--ai-surface-control-muted,#0c0f16d1);box-sizing:border-box;cursor:pointer;border:1px solid #c9cdd642;border-radius:999px;justify-content:flex-start;align-items:center;width:48px;height:26px;padding:0;transition:border-color .16s,background .16s,color .16s,box-shadow .16s;display:inline-flex;position:relative}.ai-studio-page[data-beginner-mode=on] .reference-toggle{border-color:#04b787cc}.reference-toggle:hover:not(:disabled){border-color:var(--ai-warm-border,#f5b94299)}.ai-studio-page[data-beginner-mode=off] .reference-toggle:hover:not(:disabled){border-color:#04b787e6}.ai-studio-page[data-beginner-mode=on] .reference-toggle:hover:not(:disabled){border-color:#04b787f2}.reference-toggle.is-active{background:linear-gradient(135deg,var(--ai-warm-start,#f5b942e6),var(--ai-warm-end,#ff8c42cc));border-color:var(--ai-warm-border-strong,#f5b942e6);box-shadow:0 6px 18px #f5b94240}.reference-toggle:disabled{opacity:.4;cursor:not-allowed}.reference-toggle-track{width:100%;height:100%;position:relative;overflow:hidden}.reference-toggle-dot{background:#f5f9ff;border-radius:50%;width:20px;height:20px;transition:transform .16s,background .16s;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.reference-toggle.is-active .reference-toggle-dot{background:#1a140c;transform:translate(22px,-50%)}.ai-studio-page[data-beginner-mode=on] .reference-toggle.is-active{background:linear-gradient(135deg,#04b787f5,#0ed564a8);border-color:#04b787f5;box-shadow:0 6px 18px #078f4057}.ai-studio-page[data-beginner-mode=on] .reference-toggle.is-active .reference-toggle-dot{background:#071a18}.warm-toggle,.audio-toggle{background:var(--ai-surface-control-muted,#0c0f16d1);box-sizing:border-box;cursor:pointer;border:1px solid #c9cdd642;border-radius:999px;justify-content:flex-start;align-items:center;width:48px;height:26px;padding:0;transition:border-color .16s,background .16s,color .16s,box-shadow .16s;display:inline-flex;position:relative}.warm-toggle:hover:not(:disabled),.audio-toggle:hover:not(:disabled){border-color:var(--ai-warm-border,#f5b94299)}.warm-toggle.is-active,.audio-toggle.is-active{background:linear-gradient(135deg,var(--ai-warm-start,#f5b942e6),var(--ai-warm-end,#ff8c42cc));border-color:var(--ai-warm-border-strong,#f5b942e6);box-shadow:0 6px 18px #f5b94240}.warm-toggle:disabled,.audio-toggle:disabled{opacity:.4;cursor:not-allowed}.warm-toggle-track,.audio-toggle-track{width:100%;height:100%;position:relative;overflow:hidden}.warm-toggle-dot,.audio-toggle-dot{background:#f5f9ff;border-radius:50%;width:20px;height:20px;transition:transform .16s,background .16s;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.warm-toggle.is-active .warm-toggle-dot,.audio-toggle.is-active .audio-toggle-dot{background:#1a140c;transform:translate(22px,-50%)}.step-badge{aspect-ratio:1;box-sizing:border-box;background:linear-gradient(135deg,var(--ai-warm-start,#f5b942e6),var(--ai-warm-end-strong,#ff8c42e6));color:#1a140c;border-radius:50%;flex:none;place-items:center;width:28px;min-width:28px;max-width:28px;height:28px;min-height:28px;max-height:28px;padding:0;font-size:12px;font-weight:700;line-height:1;display:grid;box-shadow:0 6px 18px #f5b94259,inset 0 1px #ffffff52}.ai-studio-page .step-badge{background:linear-gradient(135deg,var(--ai-warm-start,#f5b942e6),var(--ai-warm-end-strong,#ff8c42e6));color:#1a140c;box-shadow:0 6px 18px #f5b94259,inset 0 1px #ffffff52}.ai-studio-page[data-beginner-mode=on] .step-badge{color:#000;background:linear-gradient(135deg,#04b787f5,#0ed564a8);box-shadow:0 6px 18px #078f4057,inset 0 1px #05af54cf}.ai-studio-page[data-beginner-mode=on] .step-card-header>.step-badge{align-self:flex-start;margin-top:9px}.step-header-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.step-card.is-collapsed{cursor:pointer;padding-bottom:12px}.step-card.is-collapsed>:not(.step-card-header){display:none}.step-card.is-collapsed:hover{border-color:var(--ai-accent,var(--ai-accent-moderate,#25a9bf80))}.step-card:not(.is-collapsed) .step-utility-btn svg{transform:rotate(180deg)}.step-title{letter-spacing:.01em;color:#b1b6be;margin:0;font-size:16px;font-weight:500}.step-title-optional{letter-spacing:.02em;color:#b1b6beb8;margin-left:4px;font-size:10px;font-weight:300}.step-subtitle{color:var(--ai-card-text-muted);font-size:12px;font-weight:100}.upload-step-body{flex-direction:column;gap:10px;display:flex}.upload-dropzone{background:var(--ai-surface-control-muted,#0c0f16d1);text-align:center;border:1px dashed #c9cdd638;border-radius:12px;place-items:center;gap:10px;padding:16px;display:grid}.upload-dropzone .ghost-btn.mini{justify-content:center}.kling-coming-soon-card{background:#090c14e6;border:1px solid #25a9bf40;border-radius:16px;padding:24px;box-shadow:inset 0 0 0 1px #ffffff05,0 10px 30px #0000004d}.kling-coming-soon-card__header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.kling-coming-soon-card__header h3{color:#e2ecff;margin:0;font-size:18px;font-weight:600}.kling-coming-soon-card p{color:#e2ecffcc;margin:0;font-size:14px;line-height:1.5}.kling-coming-soon-card__pill{border:1px solid var(--ai-accent-medium,#25a9bf99);color:#9de5ff;background:#25a9bf1a;border-radius:999px;margin-top:20px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}
.reference-properties-panel{flex-direction:column;gap:10px;display:flex}.reference-drop-layout{width:100%;display:grid}.reference-drop-layout-inner{--reference-drop-border:1px dashed #a0aab673;--reference-drop-border-hover:#25a9bf8c;--reference-drop-border-active:#25a9bff2;--reference-drop-shadow-active:0 0 0 2px #25a9bf40;--reference-drop-bg:#101215;--reference-drop-bg-hover:#16181b;--reference-drop-radius:8px;--reference-drop-aspect:4/5;--reference-drop-max-width:200px;--reference-drop-primary-width:clamp(84px,calc(var(--app-fixed-width)*.15),104px);--reference-drop-secondary-width:clamp(58px,calc(var(--app-fixed-width)*.075),76px);flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.reference-dropzone-block{flex-direction:column;gap:10px;min-width:0;display:flex}.reference-dropzone-block .dropzone-label{color:#ebebebb3;margin:0;font-size:12px;font-weight:700}.reference-dropzone-block.image-block,.reference-dropzone-block.prompt-block{width:100%}.reference-drop-header-actions{margin-left:auto}.reference-mode-toggle-row{gap:4px;width:100%;max-width:none;margin-top:4px;margin-bottom:4px}.ai-studio-page[data-beginner-mode=on] .reference-mode-toggle-row{display:none}.drop-image-row{transform-origin:top;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;width:100%;margin:0 auto;display:flex;overflow:hidden}.motion-plus{color:#ebf1f9bf;background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.reference-drop-divider{width:28px;height:28px;color:var(--ai-card-text-muted);opacity:.7;flex:none;justify-content:center;align-items:center;display:inline-flex}.reference-drop-divider svg{width:22px;height:22px}.primary-drop{width:var(--reference-drop-primary-width);flex:none;justify-content:center;display:flex}.secondary-drop{width:var(--reference-drop-secondary-width);flex:none;justify-content:center;align-items:center;display:flex}.secondary-drop:last-child{margin-right:0}.reference-frame-card{background:var(--ai-container-card-bg);border:1px solid var(--ai-container-card-border);box-shadow:0 12px 28px #00000047}.reference-frame-controls{margin-top:10px}.create-controls.dual-controls.reference-frame-controls{grid-template-columns:.85fr 1.15fr}.video-settings-controls{gap:var(--video-settings-stack-gap,6px);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;display:grid}.video-settings-card-model-row{width:100%;margin-bottom:0}.video-settings-card-title{letter-spacing:.08em;text-transform:uppercase;color:#c9cdd694;margin:0 0 12px;font-size:11px;font-weight:700;line-height:1}.video-settings-card-model-row .model-picker-btn{width:100%;min-height:var(--video-settings-inline-control-height);height:var(--video-settings-inline-control-height);border-radius:var(--video-settings-inline-control-radius);background:var(--create-expert-selector-bg,var(--color-bg));padding-top:0;padding-bottom:0}.video-settings-card-model-row .model-picker-row{align-items:center;min-height:100%}.video-settings-summary-card{min-height:100%;position:relative;overflow:visible}.video-settings-inline-controls{gap:var(--video-settings-stack-gap);flex-direction:column;display:flex}.video-settings-summary-surface{text-align:left;cursor:pointer;background:linear-gradient(#12151bfa 0%,#0d1015f0 100%);border:1px solid #c9cdd62e;border-radius:14px;flex-direction:column;flex:auto;gap:8px;width:100%;min-height:92px;padding:10px 14px 12px;display:flex;box-shadow:inset 0 1px #ffffff08,0 18px 38px #00000047}.video-settings-summary-surface:hover,.video-settings-summary-surface:focus-visible{border-color:#c9cdd647;box-shadow:0 0 0 1px #c9cdd61a,inset 0 1px #ffffff08,0 18px 38px #00000047}.video-settings-summary-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.video-settings-summary-title-group{flex-direction:column;gap:1px;min-width:0;display:flex}.video-settings-summary-kicker{letter-spacing:.08em;text-transform:uppercase;color:#bbbfc894;font-size:11px;font-weight:700}.video-settings-summary-model{color:#f4f7fbf5;font-size:14px;font-weight:700}.video-settings-summary-open{color:#f0e4fff0;white-space:nowrap;background:#aa65ef24;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.video-settings-summary-grid{flex-wrap:wrap;gap:10px;display:flex}.video-settings-summary-chip{color:#ebeff4e6;background:#0c0f16b8;border:1px solid #c9cdd61f;border-radius:7px;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.video-settings-popover-backdrop{z-index:59;background:#0305096b;position:fixed;inset:0}.video-settings-popover{--video-settings-modal-control-bg:#22252ce6;--video-settings-modal-control-height:40px;--video-settings-modal-control-radius:10px;z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#25292ff0;border:1px solid #b2b8c233;border-radius:16px;flex-direction:column;gap:12px;padding:12px;display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:inset 0 1px #ffffff09,0 24px 48px #00000061}.video-settings-popover-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.video-settings-popover-copy{flex-direction:column;gap:2px;display:flex}.video-settings-popover-title{color:#f4f6faf5;margin:0;font-size:13px;font-weight:700}.video-settings-popover-subtitle{color:#c3c9d2a8;margin:0;font-size:11px}.video-settings-popover-close{color:#e6eaf0e6;background:#30343cf2;border:1px solid #c9cdd624;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;box-shadow:inset 0 1px #ffffff09}.video-settings-popover-close:hover,.video-settings-popover-close:focus-visible{border-color:#d0d6de38;box-shadow:0 0 0 1px #ffffff0a,inset 0 1px #ffffff0b}.video-settings-popover-body{flex-direction:column;gap:12px;display:flex}.video-settings-popover-inline-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.video-settings-popover-inline-row>*{min-width:0}.video-settings-popover-footer{justify-content:flex-end;display:flex}.video-settings-controls .fixed-select{width:100%}.video-settings-card{--video-settings-stack-gap:6px;--video-settings-inline-control-height:40px;--video-settings-inline-control-radius:10px;gap:var(--video-settings-stack-gap);flex-direction:column;display:flex}.video-settings-card .fixed-select,.video-settings-card .aspect-trigger,.video-settings-card .aspect-dropdown-trigger{background:var(--create-expert-selector-bg,var(--color-bg));border-radius:10px;width:100%;min-height:40px}.video-settings-card .video-settings-inline-controls>.control-row{width:100%;min-height:var(--video-settings-inline-control-height)}.video-settings-card .video-settings-inline-controls>.control-row.compact{padding-bottom:0}.video-settings-card .video-settings-inline-dual-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;display:grid}.video-settings-card .video-settings-resolution-select-row{justify-self:stretch;max-width:none}.video-settings-card .video-settings-resolution-select-row,.video-settings-card .video-settings-duration-select-row{min-height:40px}.video-settings-card .video-settings-resolution-select-row .model-select,.video-settings-card .video-settings-duration-select-row .model-select{background:var(--create-expert-selector-bg,var(--color-bg));height:40px;min-height:40px;box-shadow:none;background-image:linear-gradient(45deg,#0000 50%,#f8f8f8 50%),linear-gradient(135deg,#f8f8f8 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 14px) calc(50% + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-color:#c9cdd638;border-radius:8px;padding:6px 28px 6px 8px}.video-settings-card .video-settings-inline-controls>.video-settings-toggle-row--compact{min-height:var(--video-settings-inline-control-height);border-radius:var(--video-settings-inline-control-radius);border:1px solid #c9cdd638;padding:0 12px;box-shadow:inset 0 0 0 1px #0003;background:var(--create-expert-selector-bg,var(--color-bg))!important;background-color:var(--create-expert-selector-bg,var(--color-bg))!important}.video-settings-card .fixed-select .model-select{background:var(--create-expert-selector-bg,var(--color-bg));height:40px;min-height:40px;box-shadow:none;background-image:linear-gradient(45deg,#0000 50%,#f8f8f8 50%),linear-gradient(135deg,#f8f8f8 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 14px) calc(50% + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-color:#c9cdd638;border-radius:8px;padding:6px 28px 6px 8px}.video-settings-card .aspect-trigger{box-sizing:border-box;background-image:linear-gradient(45deg,#0000 50%,#f8f8f8e6 50%),linear-gradient(135deg,#f8f8f8e6 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 14px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-color:#c9cdd638;border-radius:8px;align-items:center;height:40px;min-height:40px;padding:6px 28px 6px 8px;overflow:hidden;box-shadow:inset 0 0 0 1px #0003}.video-settings-card .aspect-trigger .aspect-meta{align-items:center}.video-settings-card .aspect-trigger .aspect-shape.vertical,.video-settings-card .aspect-trigger .aspect-shape.ratio-9-16{width:13px;height:20px}.video-settings-popover .fixed-select,.video-settings-popover .aspect-trigger,.video-settings-popover .aspect-dropdown-trigger{background:var(--video-settings-modal-control-bg);min-height:var(--video-settings-modal-control-height);border-radius:var(--video-settings-modal-control-radius);border-color:#c4c9d229;box-shadow:inset 0 1px #ffffff06}.video-settings-popover .video-settings-popover-inline-row>.control-row,.video-settings-popover .video-settings-popover-inline-row>.video-settings-toggle-row--compact{min-height:var(--video-settings-modal-control-height)}.video-settings-popover .fixed-select{min-height:var(--video-settings-modal-control-height);border-radius:var(--video-settings-modal-control-radius)}.video-settings-popover .fixed-select .model-select{min-height:var(--video-settings-modal-control-height);height:var(--video-settings-modal-control-height);border-radius:calc(var(--video-settings-modal-control-radius) - 1px)}.video-settings-popover .aspect-trigger{min-height:var(--video-settings-modal-control-height);border-radius:var(--video-settings-modal-control-radius);padding:8px 36px 8px 12px}.video-settings-popover .aspect-meta{gap:5px}.video-settings-popover .aspect-ratio{font-size:12px}.video-settings-popover .aspect-name{font-size:11px}.video-settings-popover .fixed-select:hover,.video-settings-popover .fixed-select:focus-visible,.video-settings-popover .aspect-trigger:hover,.video-settings-popover .aspect-trigger:focus-visible,.video-settings-popover .aspect-dropdown-trigger:hover,.video-settings-popover .aspect-dropdown-trigger:focus-visible{background:var(--create-expert-selector-bg,var(--color-bg));border-color:#c9cdd63d;box-shadow:inset 0 0 0 1px #ffffff09}.video-settings-controls .video-settings-full-row{grid-column:1/-1}.video-settings-toggle-row{background:var(--video-settings-modal-control-bg);border:1px solid #c4c9d224;border-radius:12px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex;box-shadow:inset 0 1px #ffffff06}.video-settings-toggle-row--compact{min-height:var(--video-settings-modal-control-height);border-radius:var(--video-settings-modal-control-radius);grid-column:auto;padding:0 12px}.video-settings-toggle-row--compact .input-label{font-size:12px;line-height:1}.video-settings-toggle-row--compact .audio-toggle{flex:none}.video-settings-toggle-copy{flex-direction:column;gap:1px;display:flex}.motion-audio-controls{flex-direction:column;gap:12px;width:100%;margin-top:10px;display:flex}.motion-audio-controls .video-settings-toggle-row{width:100%}.video-settings-popover .audio-toggle:hover:not(:disabled){border-color:#d0d6de38}.video-settings-popover .audio-toggle{background:var(--video-settings-modal-control-bg)}.video-settings-popover .audio-toggle.is-active{background:#686f79eb;border-color:#adb4be61;box-shadow:0 8px 18px #0003}.video-settings-popover .audio-toggle.is-active .audio-toggle-dot{background:#14181df5}.reference-step-card{background:var(--ai-container-card-bg);border:1px solid var(--ai-container-card-border);border-radius:12px;flex-direction:column;gap:10px;height:100%;min-height:0;padding:12px;display:flex;box-shadow:0 12px 28px #00000047}.reference-step-card.is-collapsed{cursor:pointer}.reference-step-card.is-collapsed:hover{border-color:var(--ai-accent,var(--ai-accent-moderate,#25a9bf80))}.reference-step-card .prompt-enhanced-wrapper .prompt-thinking-overlay{box-shadow:none;background:#5258604d;border-radius:14px;inset:0}.ai-properties .reference-step-card{padding:10px}.reference-step-card.is-image-refs .drop-image-row{gap:8px;margin-top:auto;margin-bottom:auto}.reference-step-card.is-image-refs{--reference-drop-secondary-width:clamp(58px,calc(var(--app-fixed-width)*.075),76px)}.reference-step-card.is-image-refs .drop-image-row .secondary-drop:first-of-type{margin-left:12px}.reference-step-card.is-video-refs{--reference-drop-aspect:4/5;--reference-drop-max-width:none;--reference-drop-primary-width:clamp(86px,44%,112px);--reference-drop-secondary-width:clamp(72px,34%,92px)}.reference-step-card.is-video-refs .drop-image-row{justify-content:stretch}.reference-step-card.is-video-refs .primary-drop,.reference-step-card.is-video-refs .secondary-drop{width:auto;min-width:0}.reference-step-card.is-video-refs .primary-drop{flex:1 1 0}.reference-step-card.is-video-refs .secondary-drop{flex:0 auto}.reference-step-header{align-items:center;gap:10px;display:flex}.step-badge.mini{aspect-ratio:1;background:linear-gradient(135deg,var(--ai-warm-start,#f5b942e6),var(--ai-warm-end-strong,#ff8c42e6));color:#1a140c;flex-shrink:0;width:24px;height:24px;font-size:12px;box-shadow:0 6px 18px #f5b94259,inset 0 1px #ffffff52}.ai-studio-page .step-badge.mini{background:linear-gradient(135deg,var(--ai-warm-start,#f5b942e6),var(--ai-warm-end-strong,#ff8c42e6));color:#1a140c;box-shadow:0 6px 18px #f5b94259,inset 0 1px #ffffff52}.ai-studio-page[data-beginner-mode=on] .step-badge.mini{color:#000;background:linear-gradient(135deg,#04b787f5,#0ed564a8);box-shadow:0 6px 18px #078f4057,inset 0 1px #05af54cf}.ai-studio-page[data-beginner-mode=on] .reference-step-header>.step-badge.mini{align-self:flex-start;margin-top:9px}.reference-step-copy{flex-direction:column;gap:2px;display:flex}.reference-step-copy .step-title{margin:0}.ai-studio-page[data-beginner-mode=on] .reference-drop-divider,.ai-studio-page[data-beginner-mode=on] .secondary-drop,.ai-studio-page[data-beginner-mode=on] .reference-dropzone.extra{display:none}.ai-studio-page[data-beginner-mode=off] .primary-drop .reference-drop-content .helper-text{display:block!important}.dropzone-tag{color:#ebf1f9e6;letter-spacing:.01em;pointer-events:none;z-index:2;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:2px 0;font-size:12px;font-weight:600;line-height:1.15;display:inline-flex;position:absolute;top:14px;left:16px}.dropzone-tag-pill{color:#d8dde585;letter-spacing:.01em;background:#c9cdd614;border:1px solid #c9cdd614;border-radius:999px;justify-content:center;align-items:center;min-height:18px;padding:0 7px;font-size:10px;font-weight:600;display:inline-flex}.dropzone-tag-pill--bottom{z-index:2;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.reference-dropzone.has-preview .dropzone-tag,.reference-dropzone.has-video .dropzone-tag{display:none}.reference-drop-layout-inner .reference-step-card .reference-dropzone,.reference-drop-layout-inner .reference-step-card .text-dropzone{flex:1;height:100%;min-height:0}.reference-drop-layout-inner .reference-dropzone{border:var(--reference-drop-border);border-radius:var(--reference-drop-radius);background:var(--reference-drop-bg);cursor:pointer;width:100%;height:auto;min-height:0;max-width:var(--reference-drop-max-width);aspect-ratio:var(--reference-drop-aspect);align-self:stretch;place-items:center;margin:0;transition:border-color .2s,box-shadow .2s,background .2s;display:grid;position:relative;overflow:hidden}.reference-drop-layout-inner .reference-dropzone:hover{border-color:var(--reference-drop-border-hover);background:var(--reference-drop-bg-hover)}.reference-drop-layout-inner .reference-dropzone.is-dragging{border-color:var(--reference-drop-border-active);box-shadow:var(--reference-drop-shadow-active)}.reference-drop-layout-inner .dropzone-clear{color:#fff;cursor:pointer;z-index:2;background:#0000008c;border:1px solid #fff6;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:16px;font-weight:600;line-height:1;display:none;position:absolute;top:6px;right:6px}.reference-drop-layout-inner .reference-dropzone.has-preview:hover .dropzone-clear{display:flex}.reference-swap-control{color:#fff6;cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:8px;display:flex}.reference-swap-control svg{width:26px;height:26px;color:inherit}.reference-swap-control:disabled{opacity:.4;cursor:not-allowed;border-color:#ffffff14}.reference-swap-control:not(:disabled):hover,.reference-swap-control:not(:disabled):focus-visible{background:#34c8ff2e;border:1px solid #34c8ff59}.reference-swap-control:focus-visible{outline:none;box-shadow:0 0 0 2px #34c8ff59}.reference-drop-layout-inner .text-dropzone{background:0 0;border:none;flex:1 1 0;align-self:stretch;align-items:stretch;width:auto;min-width:0;min-height:200px;padding:0;display:flex}.reference-drop-layout-inner .prompt-text-dropzone{height:150px;min-height:150px}.reference-drop-layout-inner .text-dropzone:not(.has-text){cursor:text}.reference-drop-layout-inner .text-dropzone:not(.has-text) .prompt-drop-input{background:var(--ai-surface-control-tint,#0c0f16db);border:1px dashed #b8cadc59}.reference-drop-layout-inner .reference-dropzone.extra{min-height:105px;color:var(--ai-card-text)}.reference-drop-layout-inner .reference-dropzone.extra.has-preview{background-position:50%;background-repeat:no-repeat;background-size:cover;border:none}.reference-drop-layout-inner .reference-dropzone.extra.has-preview .reference-drop-content{display:none}.reference-drop-layout-inner .reference-dropzone.extra svg{width:20px;height:20px}.reference-drop-layout-inner .reference-dropzone-block.image-block .reference-drop-content.image-drop-content{gap:6px;font-size:13px}.reference-drop-layout-inner .reference-dropzone-block.image-block .reference-drop-content.image-drop-content svg{width:20px;height:20px}.reference-drop-layout-inner .reference-dropzone-block.image-block .reference-drop-content.image-drop-content .reference-drop-title{font-size:12px}.reference-drop-layout-inner .reference-dropzone.has-preview{background-color:var(--ai-container-card-bg);border:none;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.reference-drop-layout-inner .reference-dropzone.has-preview .reference-drop-content{display:none}.reference-mode-toggle-row .mode-toggle-btn{padding:8px 10px;font-size:12px!important}.reference-mode-toggle-row .mode-toggle-btn.is-active{border-color:#34c9ff4d;box-shadow:0 6px 14px #25a9bf2e}.motion-drop-row .dropzone-tag{font-size:14px}.motion-drop-row .dropzone-tag svg{opacity:.9}.motion-drop-row .primary-drop:first-child .reference-dropzone{border:var(--reference-drop-border);box-shadow:none}.motion-drop-row .primary-drop:first-child .reference-dropzone:hover{border-color:var(--reference-drop-border-hover);background:var(--reference-drop-bg-hover)}.reference-drop-layout-inner .reference-dropzone.has-video{border:1px solid var(--ai-border-medium,#c9cdd62e);background:var(--ai-surface-control-elevated,#0c0f16eb);background-image:none!important}.reference-drop-layout-inner .reference-dropzone.has-video .reference-drop-content{display:none}.reference-drop-video{object-fit:cover;border-radius:inherit;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.reference-drop-layout-inner .reference-drop-content{text-align:center;color:var(--ai-card-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.reference-drop-layout-inner .motion-drop-content{text-align:left;justify-content:center;align-items:flex-start;gap:6px}.motion-drop-icon{width:34px;height:34px;color:var(--ai-card-text);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;line-height:0;display:inline-flex}.motion-drop-title{color:var(--ai-card-text);margin:0;font-size:14px;font-weight:600}.motion-drop-subtitle{color:var(--ai-card-text-muted);margin:0;font-size:12px;font-weight:500;line-height:1.35}.reference-drop-layout-inner .reference-drop-title{color:inherit;margin:0;font-size:14px;font-weight:500}.reference-drop-layout-inner .reference-drop-content svg{color:inherit}.reference-drop-layout-inner .reference-drop-content p{color:var(--ai-card-text-faint)}.reference-drop-layout-inner .text-dropzone.has-text{background:#11141beb;border:none;justify-content:flex-start;align-items:flex-start}.reference-drop-layout-inner .reference-drop-text{color:var(--ai-card-text);-webkit-line-clamp:10;text-align:left;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.reference-drop-layout-inner .reference-drop-subtitle{color:var(--ai-card-text-muted);margin:0;font-size:14px}.motion-drop-row .reference-dropzone{cursor:pointer;transition:all .2s}.motion-drop-row .reference-drop-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;padding:16px 10px;display:flex}.motion-drop-row .reference-drop-content svg{color:#ffffff50;flex-shrink:0;width:20px;height:20px}.motion-drop-row .reference-drop-content .reference-drop-title{color:#9b9b9b8b;word-wrap:break-word;margin:0;padding:0;font-size:10px;font-weight:600;line-height:1.2}.motion-drop-row .reference-drop-content .reference-drop-subtitle{color:#ffffff3f;word-wrap:break-word;margin:0;padding:0;font-size:11px;font-weight:400;line-height:1.2}.kling-shot-row{border:1px solid var(--ai-border-medium,#c9cdd62e);background:var(--ai-surface-control,#0c0f16e6);border-radius:12px;flex-direction:column;gap:10px;width:100%;max-width:720px;padding:12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff05,0 8px 18px #0000003d}.kling-shot-row .shot-meta{justify-content:space-between;align-items:center;display:flex}.kling-shot-row .shot-index{color:#e5f6ff;background:#25a9bf29;border:1px solid #25a9bf59;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.kling-shot-row textarea{border:1px solid var(--ai-border-soft,#c9cdd629);background:var(--ai-surface-control,#0c0f16e6);color:#f1f5ff;resize:vertical;border-radius:10px;width:100%;min-height:120px;padding:12px;font-size:13px;box-shadow:inset 0 0 0 1px #ffffff04}.kling-shot-row textarea::placeholder{color:var(--ai-card-text-faint)}.kling-shot-row textarea:focus{border-color:var(--ai-accent-soft,#25a9bf66);outline:none;box-shadow:0 0 0 1px #25a9bf2e}.kling-shot-controls{align-items:center;gap:10px;display:flex}.kling-shot-controls select{min-width:120px}.kling-elements-list{flex-direction:column;gap:10px;max-width:720px;display:flex}.kling-element-row{background:var(--ai-surface-control-tint,#0c0f16db);border:1px dashed #c9cdd647;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff03}.kling-element-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.kling-element-grid input{background:var(--ai-surface-control,#0c0f16e6);border:1px solid var(--ai-border-soft,#c9cdd629);color:#f1f5ff;border-radius:10px;padding:10px 12px;font-size:13px}.kling-element-grid input::placeholder{color:var(--ai-card-text-faint)}.kling-element-grid input:focus{border-color:var(--ai-accent-soft,#25a9bf66);outline:none;box-shadow:0 0 0 1px #25a9bf2e}.kling-element-actions{justify-content:space-between;align-items:center;display:flex}.kling-element-actions .helper-text{color:var(--ai-card-text-muted)}
.prompt-placeholder-highlight{color:var(--color-amber);margin-bottom:8px;font-weight:600}.agent-chat-panel{flex-direction:column;flex:1;gap:10px;width:100%;display:flex}.agent-chat-surface{border:1px dashed #0000;border-radius:12px;flex-direction:column;gap:8px;min-height:0;padding:6px;transition:border-color .14s,background .14s;display:flex}.agent-chat-surface.is-drop-active{background:#34c8ff14;border-color:#34c8ff94}.agent-chat-surface-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.agent-drop-hint{opacity:.75;margin:0}.agent-attachment-clear-btn{border-radius:999px;height:24px;padding:0 8px}.agent-message.agent-user.agent-user-attachments{max-width:calc(100% - 8px);margin-top:auto;padding:8px}.agent-attachment-card-list{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.agent-attachment-card{aspect-ratio:4/5;background:#090c12d9;border:1px solid #d2dce838;border-radius:10px;width:92px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 10px 20px #00000059}.agent-attachment-card.is-preparing,.agent-attachment-card.is-pending{border-color:#6fcaff7a}.agent-attachment-card.is-ready{border-color:#6ee7b79e}.agent-attachment-card.is-failed{border-color:#ff7c7cb8;box-shadow:inset 0 1px #ffffff0d,0 10px 20px #00000059,0 0 0 1px #ff7c7c47}.agent-attachment-card.is-linked-prompt-ref{border-color:#40d8ffb8;box-shadow:inset 0 1px #ffffff0d,0 10px 20px #00000059,0 0 0 1px #40d8ff5c}.agent-attachment-card-media{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.agent-attachment-card-prompt{background:radial-gradient(circle at 20% 20%,#34c8ff38,#0000 45%),linear-gradient(155deg,#111621f5,#080b10f5);place-items:center;width:100%;height:100%;display:grid}.agent-attachment-card-prompt-marker{color:#adecfff2;letter-spacing:0;text-shadow:0 1px 4px #141e2e59;font-family:Times New Roman,Times,serif;font-size:30px;font-weight:80;line-height:1}.agent-attachment-link-dot{z-index:3;pointer-events:none;background:#41e1fffa;border-radius:999px;width:8px;height:8px;position:absolute;bottom:8px;left:8px;box-shadow:0 0 0 4px #41e1ff33}.agent-attachment-status{letter-spacing:.03em;text-transform:uppercase;color:#e2eaf5e0;z-index:3;pointer-events:none;background:#080b11d1;border:1px solid #c9cdd638;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700;line-height:1.35;position:absolute;top:6px;left:6px}.agent-attachment-status--pending,.agent-attachment-status--preparing{color:#a0e5fff5;border-color:#6fcaff7a}.agent-attachment-status--ready{color:#bffce4fa;border-color:#6ee7b78c}.agent-attachment-status--failed{color:#ffd6d6f5;border-color:#ff7c7ca8}.agent-attachment-remove{color:#e9eef8;background:#1b212cd9;border:1px solid #c9cdd63d;border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;line-height:1;display:inline-flex}.agent-attachment-remove:hover{color:#34c8ff;border-color:#34c8ff94}.agent-attachment-remove--card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#090c12b3;border-color:#f5f9ff47;width:20px;height:20px;position:absolute;top:6px;right:6px}.agent-chat-empty{color:#c9cdd6cc;text-align:center;border:1px dashed #c9cdd647;border-radius:10px;place-items:center;min-height:120px;padding:14px;display:grid}.agent-messages{width:100%;min-height:280px;max-height:600px;box-shadow:none;scrollbar-width:thin;scrollbar-gutter:stable both-edges;background:0 0;border:1px solid #0000;border-radius:0;flex-direction:column;flex:1;gap:6px;padding:0 12px 12px 0;scroll-padding-bottom:12px;display:flex;overflow-y:auto}.agent-messages::-webkit-scrollbar{width:8px}.agent-messages::-webkit-scrollbar-track{background:0 0}.agent-messages::-webkit-scrollbar-thumb{background:#c9cdd659;border-radius:999px}.agent-messages::-webkit-scrollbar-thumb:hover{background:#c9cdd68c}.ai-properties .agent-messages{min-height:280px;max-height:320px}.agent-chat-wrapper{background:var(--color-bg,#0f1116);border-radius:14px;margin-top:4px;padding:12px;box-shadow:inset 0 0 0 1px #ffffff0a}.agent-chat-wrapper--inline{margin-top:6px}.step2-input-row{align-items:center;gap:10px;margin-top:2px;display:flex}.agent-composer-row{margin-top:8px}.step2-input-row.agent-composer-row .agent-composer-input-shell{flex:auto;min-width:0}.agent-composer-leading{flex:none;align-items:center;display:inline-flex}.agent-composer-attachment-strip{z-index:3;max-width:calc(100% - 88px);position:absolute;top:8px;left:12px}.agent-attachment-card-list--composer{justify-content:flex-start;gap:6px}.agent-attachment-card--composer{border-radius:8px;width:56px}.agent-attachment-card--composer .agent-attachment-card-prompt-marker{font-size:20px}.agent-attachment-card--composer .agent-attachment-link-dot{width:6px;height:6px;bottom:6px;left:6px;box-shadow:0 0 0 3px #41e1ff33}.agent-attachment-card--composer .agent-attachment-remove--card{width:16px;height:16px;font-size:12px;top:4px;right:4px}.agent-composer-hint{opacity:.85;margin:6px 0 0}.agent-composer-hint--media{color:#a7e2ffe6;margin-top:2px}.agent-primary-prompt{background:#0a0d14c7;border:1px solid #c9cdd62e;border-radius:10px;flex-direction:column;gap:6px;margin-top:8px;padding:10px 12px;display:flex}.agent-primary-prompt.is-empty{opacity:.85;border-style:dashed}.agent-primary-prompt-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.agent-primary-prompt-head p{opacity:.82;margin:0}.agent-primary-source{letter-spacing:.03em;text-transform:uppercase;border:1px solid #c9cdd647;border-radius:999px;justify-content:center;align-items:center;padding:3px 8px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.agent-primary-source--agent{color:#57d4ff;background:#34c8ff1f;border-color:#34c8ff6b}.agent-primary-source--manual{color:#e1e9f2db;background:#c9cdd614;border-color:#c9cdd63d}.agent-primary-source--reference{color:#f7c269;background:#f5b7541f;border-color:#f5b7546b}.agent-primary-prompt-body{color:#e6edf7;max-height:66px;margin:0;padding-right:4px;line-height:1.4;overflow-y:auto}.agent-action-strip{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.agent-action-btn,.agent-action-chip{color:#e6edf7;white-space:nowrap;text-overflow:ellipsis;background:#131821c7;border:1px solid #c9cdd63d;border-radius:999px;max-width:100%;min-height:28px;padding:0 10px;font-size:11px;line-height:1.2;overflow:hidden}.agent-action-btn--apply{color:#63dbff;background:#34c8ff1f;border-color:#34c8ff66}.agent-action-chip--question{color:#f3c372;background:#f5b7541f;border-color:#f5b75466}.agent-send-prefab-label{letter-spacing:.01em;font-size:12px;font-weight:800;line-height:1}.agent-send-prefab--labeled{justify-content:center;gap:8px;width:auto;min-width:90px;padding:0 14px}.agent-input-prefab:focus-within{box-shadow:inset 0 0 0 1px #34c8ff47,0 0 0 2px #34c8ff0f}.step2-input-row .agent-inline-actions{align-items:center;gap:10px;margin-top:4px;margin-bottom:16px}.step2-input-row.agent-composer-row .agent-inline-actions{margin-top:0;margin-bottom:0}.step2-input-row.enhanced-mode{flex-wrap:nowrap;align-items:center}.step2-input-row .prompt-input{color:#f5f9ff;box-sizing:border-box;background:#262a2f;border:none;border-radius:18px;flex:1;height:auto;min-height:220px;margin:0;padding:18px 30px;line-height:1.5}.step2-input-row.enhanced-mode .enhanced-prompt-input{background:var(--color-bg,#090a10);border:none;border-radius:14px;height:auto;min-height:280px;padding:16px;font-size:13px;line-height:1.45;box-shadow:inset 0 0 0 1px #ffffff0a}.step2-input-row .prompt-input::placeholder{color:#f5f9ff80}.step2-input-row .agent-send-btn{background:linear-gradient(135deg,var(--ai-accent-start,#34c8ffe6),var(--ai-accent,#25a9bff2));border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:none;display:inline-flex;box-shadow:0 10px 18px #00000059;transform:none!important}.step2-input-row .agent-send-btn:hover{box-shadow:0 3px 8px #079ba859;transform:none!important}.step2-send-btn{background:linear-gradient(135deg,var(--ai-accent-start,#34c8ffe6),var(--ai-accent,#25a9bff2));border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex;box-shadow:0 10px 18px #00000059}.step2-send-btn:hover{box-shadow:0 3px 8px #079ba859}.agent-send-prefab,.agent-save-prefab{color:#25a8bf;background:#6e818d2f;border:1px solid #25a8bf7c;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;padding:0;transition:box-shadow .16s,transform .12s;display:inline-flex}.agent-send-prefab:not(:disabled),.agent-save-prefab:not(:disabled){cursor:pointer}.agent-send-prefab{box-shadow:var(--agent-send-shadow,0 4px 1px #25a8bf2e)}.agent-save-prefab{box-shadow:var(--agent-save-shadow,0 4px 1px #25a8bf2e)}.agent-enhance-prefab{letter-spacing:.02em;flex-direction:row;justify-content:center;gap:6px;min-width:110px;font-size:12px}.agent-enhance-label{line-height:1}.agent-send-prefab:hover:not(:disabled),.agent-save-prefab:hover:not(:disabled){cursor:pointer;transform:translateY(1px)}.agent-send-prefab:hover:not(:disabled){box-shadow:var(--agent-send-hover-shadow,0 5px 12px #04eaff16)}.agent-save-prefab:hover:not(:disabled){box-shadow:var(--agent-save-hover-shadow,0 5px 12px #04eaff16)}.agent-send-prefab:disabled,.agent-save-prefab:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.agent-send-prefab.is-loading{position:relative;transform:none!important}.agent-send-prefab.is-loading:disabled{opacity:.95;cursor:wait;box-shadow:var(--agent-send-shadow,0 4px 1px #25a8bf2e)}.agent-send-spinner{will-change:transform;border:2px solid #71e4fffa;border-color:#71e4fffa #49bfdcbd #25a9bf3d #25a9bf3d;border-radius:999px;width:16px;height:16px;animation:.82s linear infinite agent-send-spinner-rotate}@keyframes agent-send-spinner-rotate{to{transform:rotate(360deg)}}.agent-save-prefab:disabled{opacity:1;color:#979fabe6;background:#4046502e;border-color:#979fab8c}.prompt-fab-send{margin-left:auto}.agent-inline-actions,.agent-chat-mode-row{align-items:center;gap:10px;display:inline-flex}.agent-chat-mode-label{white-space:nowrap;margin:0}.agent-cost-prefab{color:#000;letter-spacing:.04em;text-transform:uppercase;background:#25a8bf;border:1px solid #25a8bf7c;border-radius:14px;justify-content:center;align-items:center;gap:4px;width:60px;height:60px;font-family:Satoshi,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:600;line-height:1;transition:transform .18s,box-shadow .2s,border-color .18s,background .18s,width .2s;display:inline-flex;box-shadow:0 4px 1px #25a8bf41}.agent-cost-prefab:hover:not(:disabled){cursor:pointer;width:130px;box-shadow:0 4px 1px #25a8bf41}.agent-cost-prefab:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.agent-cost-prefab .model-chip-credits{transition:opacity .18s}.agent-cost-prefab .model-chip-icon{font-size:26px}.agent-cost-prefab .model-chip-credits{letter-spacing:.12em;font-size:10px}.agent-cost-prefab:hover:not(:disabled) .model-chip-credits{opacity:0}.agent-cost-prefab-label{letter-spacing:.06em;text-transform:none;white-space:nowrap;opacity:0;max-width:0;font-size:17px;font-weight:600;transition:opacity .18s,max-width .2s;overflow:hidden}.agent-cost-prefab:hover:not(:disabled) .agent-cost-prefab-label{opacity:1;max-width:80px}.agent-input-prefab{background:var(--color-bg);border-radius:14px;flex:1;padding:3px 10px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #00000038}.agent-chat-panel .agent-input-prefab{background:#1f2428f2}.agent-chat-panel .agent-input-prefab-field{color:#f0f6ff}.agent-chat-panel .agent-input-prefab-field::placeholder{color:#d7e1ebd1}.agent-input-prefab-inline{margin:0}.agent-input-prefab.has-leading-attachments{padding-top:52px}.agent-input-prefab-field{color:#f5f9ff;resize:none;min-height:44px;font-size:12px;line-height:1.5;font-family:var(--font-primary);background:0 0;border:none;outline:none;flex:1;padding:14px 20px;font-weight:400}.agent-input-prefab-field:focus-visible{outline:none}.agent-send-prefab:focus-visible{outline:none;box-shadow:inset 0 1px #ffffff14,0 0 0 2px #34c8ff2e,0 10px 22px #00000059}.agent-input-prefab-field::placeholder{opacity:.8;font-size:14px}.agent-thinking{letter-spacing:.02em;color:#f5f9ffb3;margin:4px 0 0;font-size:12px;animation:1.4s ease-in-out infinite pulse-thinking}@keyframes pulse-thinking{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.agent-input-prefab-field::placeholder{color:#f5f9ff99;font-family:var(--font-primary)}.agent-input-prefab-field:disabled{opacity:.6;cursor:not-allowed}.agent-input-prefab-field::-webkit-scrollbar{width:6px}.agent-input-prefab-field::-webkit-scrollbar-track{background:0 0}.agent-input-prefab-field::-webkit-scrollbar-thumb{background:#c9cdd640;border-radius:999px}.agent-input-prefab-field::-webkit-scrollbar-thumb:hover{background:#c9cdd666}.ai-studio-page .agent-chat-panel .agent-drop-hint,.ai-studio-page .agent-chat-panel .agent-chat-empty,.ai-studio-page .agent-chat-panel .agent-message p,.ai-studio-page .agent-chat-panel .agent-message .tiny{font-size:14px;line-height:1.6}.ai-studio-page .agent-chat-panel .agent-input-prefab-field{font-size:14px;line-height:1.55}.ai-studio-page .agent-chat-panel .agent-input-prefab-field::placeholder{font-size:14px}.ai-studio-page .agent-composer-hint,.ai-studio-page .agent-chat-panel .agent-thinking{font-size:13px;line-height:1.5}