/* Values measured from the reference UI and its public style definitions, 2026-10-24. */
body[data-page]{--line:rgba(0,0,0,.06);--blue:#0471fe;--muted:#717171;--shadow:0 2px 12px rgba(0,0,0,.05);background:#f9f9f9;color:#181818;font-family:-apple-system-body,ui-sans-serif,-apple-system,system-ui,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;line-height:1.5}
body[data-page] button{transition:background-color .2s,color .2s,box-shadow .2s,transform .2s}
body[data-page] svg.icon{stroke-width:1.25}
body[data-page] button:hover:not(:disabled){background-color:#f1f1f1}
.page-shell{background:#fcfcfc;border-radius:16px 0 0 16px;box-shadow:-2px 0 6px -3px #0000001a}
.rail{width:52px;padding:8px 6px 16px;background:#f9f9f9;gap:0}
.rail .brand{width:36px;height:36px;margin-bottom:24px;border-radius:0}
.rail .brand img{width:26px;height:26px;object-fit:contain}
.rail nav{gap:16px;margin:0;align-items:center}
.rail nav a{height:36px;min-height:36px;width:36px;border-radius:10px}
.rail nav a.active{background:#eee}
.rail .icon{height:22px;width:22px}
.rail-bottom .avatar{width:40px;height:40px;background:#fff;border-radius:50%;padding:0;margin-top:24px}
.rail-bottom .avatar img{width:40px;height:40px;object-fit:cover;border-radius:50%}
.rail-bottom small{font-family:"DIN Alternate","Arial Narrow",system-ui,sans-serif;font-size:11px;line-height:16px;margin:0;color:#181818}
.rail-bottom>a{height:16px;min-height:16px;margin-bottom:6px}
.rail-bottom .subscribe{font-size:11px;min-height:16px;height:16px;padding:0;color:#0471fe}
.home{position:relative;padding:96px 60px 16px;background:none;overflow:hidden;min-height:100vh}
.home:before{content:"";position:absolute;pointer-events:none;width:860px;max-width:100%;height:210px;left:50%;top:0;transform:translate(-50%,-50%);background:radial-gradient(ellipse 50% 100% at center 8%,#fdfcfc 0%,#9dd2ff 50%,#9dd2ff00 78%);filter:blur(98px)}
.home>h1{position:relative;margin:0 0 64px;font-size:28px;font-weight:600;line-height:36px;letter-spacing:0;color:#0f1419;white-space:normal}
.home>h1 span{color:#0471fe}
.home-prompt{position:relative;width:100%;max-width:840px;min-height:142px;border:2px solid #fff;border-radius:20px;padding:8px;background:#fff;box-shadow:0 4px 24px #00000014}
.home-line{height:90px;gap:0;align-items:flex-start;min-height:0}
.add-reference{height:64px;width:56px;min-width:56px;flex:0 0 56px;margin:9px 24px 9px 24px;border:0;border-radius:10px;background:linear-gradient(136.6deg,#d7ecff4d 20.9%,#67e6ff4d 98.9%);box-shadow:0 0 0 3px #fff,-4px 8px 20px #0000000a;transform:rotate(-8deg);font-size:24px;color:#222529;font-weight:300;line-height:64px;padding:0}
.add-reference:hover{transform:rotate(0);background-color:#fff!important}
.home-line textarea{height:90px;min-height:0;resize:none;border:0;box-shadow:none;background:transparent;font-size:14px;line-height:26px;padding:12px 16px;color:#1f2937}
.home-line textarea::placeholder{color:#00000040;opacity:1}
.home-prompt .prompt-bottom{height:32px;margin:0;gap:8px}
.home-mode-trigger{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:18px;border-radius:999px;height:32px;padding:0 8px;font-weight:400}
.home-mode-trigger .icon{width:18px;height:18px}.mode-chevron{font-size:15px;margin-left:1px;transform:translateY(-2px)}
.home-prompt .send-circle{height:32px;width:32px;line-height:32px;font-size:24px;padding:0;background:#181818}
.home-prompt .send-circle:disabled{opacity:.35;background:#181818}
.home-prompt [data-action=voice]{height:32px;width:32px;display:grid;place-items:center;color:#717171;padding:0}.home-prompt [data-action=voice] .icon{width:18px;height:18px}
.quick-tools{width:100%;max-width:840px;margin:48px auto 64px;padding:0 16px;gap:0;justify-content:space-between}
.quick-tools button{flex:0 0 88px;width:88px;font-size:14px;line-height:20px;color:#222;border-radius:16px;padding:0;display:flex;flex-direction:column;align-items:center;gap:16px}
.quick-tools button:hover{background:transparent!important}
.quick-tools .tool-icon{height:48px;width:48px;margin:0;border:1px solid #0000000f;border-radius:16px;box-shadow:0 2px 12px #0000000d;transition:background .2s}
.quick-tools button:hover .tool-icon{background:#f1f1f1}
.quick-tools .icon{width:24px;height:24px;stroke-width:1.25}
.section-heading{gap:8px;margin:0 0 16px;align-items:baseline}
.section-heading h2{font-size:20px;font-weight:600;line-height:28px;color:#181818}.section-heading small{font-size:12px;line-height:16px;color:#71717a}
.scene-row-wrap{position:relative}.scene-row{gap:24px;border-radius:18px;padding-bottom:8px;overscroll-behavior-x:contain}
.scene{width:calc(22.222222% - 21.333333px);min-width:240px;border-radius:12px;border-color:#0000000f;background:#fcfcfc}
.scene-cover{position:relative;display:block;aspect-ratio:16/9;width:100%;overflow:hidden;background:#ebebeb}
.scene-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease-out}.scene:hover img{transform:scale(1.02)}
.scene-play{position:absolute;right:8px;top:8px;width:20px;height:20px;display:grid;place-items:center;font-size:10px;border-radius:50%;background:#0005;color:#ffffff99;transition:opacity .15s}.scene:hover .scene-play{opacity:0}
.scene .scene-caption{height:40px;padding:0 16px;gap:8px;position:relative;color:#444}
.scene .scene-caption .icon{height:14px;width:14px;flex:0 0 14px;stroke-width:1.5}
.scene .scene-caption strong{font-size:14px;font-weight:500;flex-shrink:0;line-height:20px}
.scene .scene-caption small{font-size:11px;color:#717171;line-height:16px;margin-left:8px;flex:1;min-width:0;overflow:hidden;white-space:nowrap}
.scene-arrow{position:absolute;right:16px;top:4px;height:32px;width:20px;display:grid;place-items:center;background:#fcfcfc;font-size:23px;opacity:0;transform:translateX(8px);transition:opacity .2s,transform .2s;box-shadow:-10px 0 14px #fcfcfc}
.scene:hover .scene-arrow{opacity:1;transform:translateX(0)}
.scene-scroll{position:absolute;top:0;bottom:8px;width:60px;z-index:2;font-size:23px;padding:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;background:transparent!important}
.scene-scroll:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}.scene-scroll-right{right:0}.scene-scroll-right:after{background:linear-gradient(90deg,#fcfcfc00,#fcfcfc)}.scene-scroll-left{left:0}.scene-scroll-left:after{background:linear-gradient(270deg,#fcfcfc00,#fcfcfc)}.scene-row-wrap:hover .scene-scroll-right{opacity:1}.scene-scroll-left{visibility:hidden}
.discover{margin-top:40px}.discover .tabs{gap:24px;font-size:14px}
.credit-float{position:fixed;top:24px;right:24px;height:38px;min-width:52px;padding:0 14px;border:1px solid #0000000f;border-radius:10px;background:#fcfcfc;z-index:3;font-size:12px}
.workspace{background:#fcfcfc;overflow:hidden;min-height:0}
.skill-sidebar{width:248px;min-width:248px;background:#fcfcfc;border-right:1px solid #0000000f;padding:0;scrollbar-width:none}
.side-title{height:52px;min-height:52px;padding:0 12px 0 16px;margin:0}.side-title h2{font-size:17px;font-weight:500;line-height:24px}.side-title>button{height:36px;width:36px;padding:0;border-radius:8px;display:grid;place-items:center;color:#717171}.side-title .icon{width:24px;height:24px}
.skill-categories{padding:8px 6px 16px}.skill-sidebar h3{font-size:14px;font-weight:500;line-height:20px;color:#8f8f8f;margin:0;padding:8px 10px}
.skill-sidebar .skill-categories>h3:not(:first-child){margin-top:20px}
.skill-link{gap:10px;padding:8px 12px;border-radius:8px;min-height:49px}.skill-link img{width:28px;height:28px;object-fit:cover;border-radius:4px}.skill-link strong{font-size:13px;font-weight:400;line-height:20px}.skill-link small{font-size:10px;font-weight:400;line-height:16px;margin:0;color:#717171;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skill-link>span{min-width:0}.skill-link.active{background:#f1f1f1}
.workspace-content{display:grid;grid-template-columns:minmax(386px,.51fr) minmax(0,1fr) minmax(150px,.18fr);grid-template-rows:minmax(0,1fr);gap:12px;padding:24px 16px;flex:1;min-width:0;min-height:0;align-items:stretch}
.workspace-content:has(>.recent-panel.hidden){grid-template-columns:minmax(386px,.51fr) minmax(0,1fr) minmax(0,.07fr)}
.panel{border:1px solid #0000000f;border-radius:12px;box-shadow:none;background:#fcfcfc}
.editor-panel,.workspace.no-skills .editor-panel{padding:10px;min-width:0;max-width:none;gap:8px;overflow:hidden}
.editor-header{height:52px;min-height:52px;padding:0;gap:8px}.editor-header .skill-title{gap:6px;padding:0;font-size:14px;line-height:17px;font-weight:700;color:#3c3c3c;white-space:nowrap;min-width:0;background:linear-gradient(90deg,#eee 44px,#eee0 100%);border-radius:8px;padding-right:8px}
.editor-header .skill-heading-art{width:52px;height:52px;object-fit:contain;flex-shrink:0;padding:4px;border-radius:8px}.editor-header .skill-title>span{max-width:180px;overflow:hidden;text-overflow:ellipsis}.editor-header .new{font-size:12px;line-height:16px;height:32px;border-radius:8px;padding:0 8px;font-weight:600}
.editor-header .skill-title>.icon{height:20px;width:20px;margin:0 6px}
.editor-box{padding:12px 16px 10px;border-radius:10px;border:1px solid #0000000f;box-shadow:0 1px 2px #0000000d;min-height:0;overflow:auto;scrollbar-width:none;flex:1}
.editor-utilities{height:24px;min-height:24px;font-size:10px;font-weight:500;margin:0 0 8px;color:#717171}
.utility-buttons{gap:6px}.utility-buttons button{height:24px;width:24px;display:grid;place-items:center;border-radius:6px;color:#8f8f8f}.utility-buttons svg{width:16px;height:16px}
.slots{margin:0 0 16px;padding:0 4px;gap:29px;flex-wrap:wrap;flex-shrink:0;align-items:flex-start;row-gap:10px}
.slot{position:relative;max-width:64px;width:64px;min-width:64px;gap:4px;font-size:10px;line-height:16px;font-weight:500;border-radius:8px;overflow:visible}
.slot:hover{background:transparent!important}.slot:not(:first-child):before{content:"";position:absolute;left:-15px;top:8px;width:1px;height:48px;background:#0000000f}
.slot .slot-graphic{height:64px;width:64px;border-radius:10px;border:1px solid #0000000f;background:#f9f9f9;box-shadow:0 1px 2px #0000000d;transition:border-color .2s;overflow:hidden}.slot:hover .slot-graphic{border-color:#999}
.slot img{width:100%;height:100%;object-fit:cover;border-radius:0}.slot .up{height:16px;width:16px;right:4px;bottom:4px;background:#5c5c5c;display:grid;place-items:center;box-shadow:0 1px 2px #0002}.slot .up .icon{height:12px;width:12px;color:#fff;stroke-width:1.5}
.slot>span:last-child{max-width:none;white-space:nowrap;color:#555;font-size:10px;line-height:16px}
.editor-text{font-family:inherit;font-size:14px;line-height:26px;padding:0;background:transparent;min-height:80px;color:#1f2937}.editor-text::placeholder{color:#717171;opacity:1}
.editor-text-foot{height:28px;min-height:28px;margin:8px 0 0;color:#8f8f8f;font-size:10px;line-height:16px}.editor-text-foot [data-action=voice]{height:28px;width:28px;padding:0}.editor-text-foot .icon{width:18px;height:18px}.editor-text-foot .director{font-size:12px;line-height:16px;font-weight:600;color:#0471fe;padding:0 8px;height:28px;margin-left:0}
.editor-options{margin:0;gap:8px;flex-shrink:0}.option-trigger{height:52px;min-height:52px;padding:8px 12px;border-radius:10px;gap:12px;box-shadow:0 1px 2px #0000000d;border:1px solid #0000000f;line-height:16px}.option-trigger>svg{width:20px;height:20px;flex:0 0 20px}.option-trigger small{font-size:10px;line-height:14px;color:#717171}.option-trigger strong{font-size:11px;line-height:16px;font-weight:600;letter-spacing:.5px;margin:0}
.generate{height:40px;min-height:40px;flex-shrink:0;margin:0;font-size:12px;line-height:16px;padding:0 12px;border-radius:10px;font-weight:600;background:#181818}.generate small{font-size:10px;line-height:16px;margin-left:12px}.generate:disabled{background:#181818;color:#fafafa;opacity:.45}
.preview-panel{padding:16px;min-width:0;gap:12px;overflow:hidden}.preview-panel .tabs{height:24px;min-height:24px;font-size:12px;line-height:16px;gap:24px}.preview-panel .tabs button{padding:0 0 8px;font-size:12px}.tabs button.selected:after{left:28%;right:28%;height:2px;background:#181818}
.preview-content{padding:0 16px;min-height:0;gap:0}.preview-content h2{font-size:20px;font-weight:600;line-height:28px;margin:0 0 6px}.preview-content p{font-size:14px;line-height:24px;color:#717171;margin:0 0 16px}.preview-hero{width:100%;max-width:none;aspect-ratio:16/9;height:auto;max-height:70%;object-fit:cover;border-radius:12px;margin:0;display:block}
.preview-content video.preview-hero{object-fit:contain}
.recent-panel{width:auto;min-width:0;padding:10px;overflow:auto}.recent-title{height:24px;min-height:24px;margin:0 0 8px;font-size:12px;font-weight:600;line-height:16px}.recent-title button{padding:0}.recent-title small{font-size:10px;font-weight:400;color:#717171}.draft{padding:10px;gap:8px;border:1px solid #bfc2c6;border-radius:12px;align-items:center;font-size:11px;line-height:16px;min-height:74px;margin:0 0 8px}.draft .draft-icon{height:52px;width:52px;min-width:52px;padding:0;display:grid;place-items:center;border-radius:8px;background:#eee}.draft .draft-icon .icon{width:25px;height:25px;color:#8f8f8f}.draft small{font-size:10px;line-height:14px;margin-top:4px;color:#717171}
.recent-panel .delete-draft{opacity:0;transition:opacity .15s;margin-top:-8px;height:0;overflow:hidden}.recent-panel:hover .delete-draft{opacity:1;height:16px;margin-bottom:6px}
.workspace.no-skills .editor-header{height:32px;min-height:32px;margin:0 0 8px}.workspace.no-skills .editor-header .skill-title{font-size:12px;background:transparent;padding:0}
.workspace.no-skills .workspace-content{padding:24px 36px;grid-template-columns:minmax(386px,.51fr) minmax(0,1fr) minmax(150px,.18fr)}
.collapsed-sidebar{width:0;min-width:0;border:0;padding:0;overflow:hidden}.collapsed-sidebar .side-title{position:fixed;top:12px;left:56px;z-index:9;width:36px;padding:0}.collapsed-sidebar .side-title button{background:#fcfcfc}
.review-tools{bottom:5px;right:8px;background:transparent;border:0;box-shadow:none;opacity:.28;font-size:9px}.review-tools a,.review-tools button{padding:3px 7px}
/* Menus appear beside their trigger and never dim the whole workspace. */
.popover-backdrop{position:fixed;inset:0;z-index:40;background:transparent}
.anchored-popover{position:fixed;width:320px;max-width:calc(100vw - 24px);max-height:calc(100vh - 32px);overflow:auto;padding:12px;border:1px solid #0000000f;border-radius:12px;background:#fcfcfc;box-shadow:0 10px 30px #00000014;transform-origin:bottom left;animation:popoverIn .16s ease-out both;font-size:12px}
.anchored-popover>h3{font-size:10px;font-weight:500;color:#8f8f8f;line-height:16px;margin:0 0 6px;padding:0 4px}.anchored-popover .modal-header{display:none}.anchored-popover .field{margin:12px 0}.anchored-popover .field:first-child{margin-top:0}.anchored-popover .field>label{font-size:10px;color:#8f8f8f;font-weight:500;margin:0 0 6px}
.anchored-popover .segmented{gap:4px}.anchored-popover .segmented button{background:#f7f7f7;border:0;border-radius:6px;font-size:11px;line-height:16px;padding:8px 10px;min-width:0;flex:1;white-space:nowrap;color:#717171}.anchored-popover .segmented button.selected{background:#e8e8e8;color:#181818;font-weight:500}.anchored-popover .model-row{padding:10px;border:0;border-radius:8px;margin:2px 0;background:transparent}.anchored-popover .model-row.selected{background:#eee}.anchored-popover .model-row strong{font-size:12px;line-height:18px;font-weight:500;margin:0 0 3px}.anchored-popover .model-row small{font-size:10px;line-height:16px;color:#8f8f8f}.anchored-popover .modal-footer{margin:8px 0 0}.anchored-popover .modal-footer .btn{font-size:11px;padding:5px 10px}.home-mode-option{height:36px;padding:0 8px;display:flex;align-items:center;gap:8px;border-radius:8px;width:100%;font-size:12px}.home-mode-option span{flex:1;text-align:left}.home-mode-option.selected{background:#eee}.home-mode-option svg{height:18px;width:18px}
@keyframes popoverIn{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1920px){.workspace-content{max-width:1728px;margin:0 auto}.workspace.no-skills .workspace-content{padding-left:28px;padding-right:28px}}
@media(max-width:1100px){.skill-sidebar{width:210px;min-width:210px}.workspace-content{grid-template-columns:minmax(386px,.51fr) minmax(0,1fr) minmax(150px,.18fr);overflow-x:auto}.home{padding-top:96px}.home>h1{font-size:28px}}
@media(max-width:1023px){.rail{display:none}.page-shell{margin-left:0;border-radius:0}.workspace{height:auto;min-height:100vh;overflow:visible}.skill-sidebar{display:none}.workspace-content,.workspace.no-skills .workspace-content{display:flex;flex-direction:column;padding:24px;overflow:visible}.editor-panel,.workspace.no-skills .editor-panel{min-height:520px;max-width:none;flex:none}.preview-panel{min-height:460px}.recent-panel{display:none}.home>h1{margin-bottom:64px}.home .quick-tools{margin-bottom:64px}}
@media(max-width:767px){.home{padding:48px 24px 40px}.home>h1{font-size:24px;line-height:32px;margin-bottom:32px}.quick-tools{max-width:none;overflow:auto;gap:12px;margin:32px 0;padding:0}.quick-tools button{flex-basis:72px;min-width:72px}.scene{width:82%;max-width:320px}.home-prompt{min-height:136px}.add-reference{margin-left:10px;margin-right:14px}.home-line textarea{padding:12px 8px}.scene-row{gap:12px}.section-heading{gap:8px}.section-heading small{display:none}.credit-float{position:absolute;top:10px;right:12px}.preview-panel{display:flex}.review-tools a{display:none}}

/* Live DOM measurements from the public reference, 1280px viewport. */
.home-prompt{height:142px;min-height:142px;display:flex;flex-direction:column;justify-content:space-between}
.home-prompt .prompt-bottom{flex-shrink:0}
.scene-scroll-left{visibility:hidden}.can-scroll-left:hover .scene-scroll-left{visibility:visible;opacity:1}.scene-row-wrap:not(.can-scroll-right) .scene-scroll-right{visibility:hidden}
.scene-row:after{content:"";position:sticky;right:0;flex:0 0 0;width:0;box-shadow:0 0 16px 16px #fcfcfc;z-index:1;pointer-events:none}
.discover{margin-top:40px}.discover>.tabs{gap:4px;margin-bottom:24px;height:26px;align-items:center}.discover>.tabs button{height:26px;padding:4px 14px;border-radius:999px;font-size:14px;line-height:18px;color:#8f8f8f}.discover>.tabs button.selected{background:#eee;color:#181818}.discover>.tabs button:after{display:none}
.discover-grid{display:block;position:relative;width:100%;gap:8px;min-height:300px}.discover-card{position:absolute;left:0;top:0;min-width:0;border:0;border-radius:12px;background:#ebebeb;overflow:hidden;box-shadow:none;transition:transform .3s,width .3s,box-shadow .3s}.discover-card:hover{box-shadow:0 8px 24px #0f172a1a}.discover-card .discover-cover{display:block;width:100%;height:100%;padding:0;overflow:hidden;border-radius:12px}.discover-card img{height:100%;width:100%;display:block;object-fit:cover;transition:transform .3s}.discover-card:hover img{transform:scale(1.02)}.discover-card .card-body{position:absolute;bottom:0;left:0;right:0;padding:8px;display:flex;align-items:center;gap:6px;min-width:0;background:linear-gradient(0deg,#0006,transparent);color:#fff}.discover-card .title{display:flex;align-items:center;gap:6px;flex:1;min-width:0;font-size:11px;line-height:16px;color:#fff;padding:0;text-shadow:0 1px 3px #000a;background:transparent!important}.discover-card .title>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-card .title .icon{width:16px;height:16px;flex-shrink:0}.discover-card .like{display:flex;align-items:center;gap:3px;color:#fff;font-size:11px;line-height:16px;padding:0;background:transparent!important;flex-shrink:0}.discover-card .like svg{width:16px;height:16px;stroke-width:1.5}.discover-card .like.liked svg{fill:#ef4e6e;color:#ef4e6e}.discover-card .card-body button:hover{opacity:.8}

.skill-link{gap:14px;min-height:48px;height:48px;margin-bottom:1px}.skill-link small{line-height:12px}
.editor-box{padding-top:8px}.editor-utilities{height:28px;min-height:28px;margin-bottom:6px}.utility-buttons{gap:6px}.utility-buttons button{height:28px;width:28px}.utility-buttons svg{height:14px;width:14px}.slots{padding-left:3.094px}
.option-trigger{padding:8px;gap:8px;box-shadow:none}.option-trigger>svg,.option-trigger>.option-icon{height:28px;width:28px;flex:0 0 28px;padding:7px}.option-trigger .model-glyph{width:14px;height:14px;display:block}.option-trigger>span:not(.chevron):not(.option-icon){min-width:0;flex:1}.option-trigger strong{font-size:10px;line-height:14px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-trigger small{font-weight:600;line-height:12.5px}.option-trigger .chevron{font-size:12px;color:#717171;margin:0;width:12px;flex:0 0 12px}
.preview-content h2{font-size:20px;line-height:20px;font-weight:700;margin:0 0 12px}.preview-content p{font-size:14px;line-height:14px;margin:0 0 20px}.preview-content .preview-director{font-size:inherit;font-weight:700;padding:0;color:#0471fe;line-height:inherit}.preview-hero::-webkit-media-controls{opacity:0;transition:opacity .2s}.preview-hero:hover::-webkit-media-controls,.preview-hero:focus::-webkit-media-controls{opacity:1}
@media(max-width:1535px){.preview-content h2{font-size:18px;line-height:18px}}@media(max-width:1279px){.preview-content p{font-size:12px;line-height:12px}}

.anchored-popover.model-popover{padding:10px 8px;box-shadow:none}.anchored-popover.model-popover .model-row{height:52px;min-height:52px;margin:0 0 2px;padding:6px 8px;display:flex;align-items:center;gap:8px;border-radius:10px}.anchored-popover.model-popover .model-row:last-child{margin-bottom:0}.anchored-popover.model-popover .model-option-icon{height:28px;width:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:6px;background:#f3f4f6}.model-option-icon img{height:14px;width:14px}.model-option-copy{flex:1;min-width:0}.anchored-popover.model-popover .model-row strong{font-size:11px;line-height:16px;font-weight:600;display:flex;gap:4px;align-items:center;margin:0 0 2px}.model-option-copy em{font-size:7px;line-height:12px;background:#ecfdf5;color:#047857;border-radius:2px;font-style:normal;padding:0 4px}.model-option-description{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}.anchored-popover.model-popover .model-row small{font-size:10px;line-height:16px;font-weight:500}.model-option-description i{font-size:10px;font-style:normal;color:#9a3412}
.anchored-popover.settings-popover{padding:10px 8px;box-shadow:none}.anchored-popover.settings-popover .field{margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid #0000000f}.anchored-popover.settings-popover .field:last-child{border:0;margin:0;padding-bottom:0}.anchored-popover.settings-popover .field>label{font-size:9px;line-height:12px;margin:0 0 6px}.anchored-popover.settings-popover .segmented{gap:8px;flex-wrap:nowrap}.anchored-popover.settings-popover .segmented button{height:30px;min-height:30px;padding:6px 8px;line-height:18px;font-size:11px;background:#f7f7f7;color:#717171}.anchored-popover.settings-popover .segmented button.selected{background:#e8e8e8;color:#181818}.anchored-popover.settings-popover .segmented button b{font-size:11px;font-weight:600;margin-left:8px}.anchored-popover.settings-popover .ratio-options{gap:4px}.anchored-popover.settings-popover .ratio-options button{height:64px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;line-height:12px}.ratio-shape{display:block;border:1.25px solid currentColor;border-radius:7px;flex-shrink:0}.duration-field input[type=range]{accent-color:#181818;height:12px;margin:4px 0 8px;padding:0;width:100%}.duration-labels{display:flex;align-items:center;justify-content:space-between;font-size:11px;line-height:16px;padding:0 8px}.duration-labels button{font-size:11px;color:#717171;padding:0}.duration-labels span{background:#eee;border-radius:6px;padding:0 6px;font-weight:600}

.anchored-popover.skill-popover{padding:16px 12px;border-radius:10px;box-shadow:0 1px 2px #0000000d;background:#f9f9f9;max-height:calc(100vh - 120px)}.skill-picker-heading{display:flex;gap:16px;align-items:baseline;margin:0 4px 12px;white-space:nowrap}.skill-picker-heading h3{font-size:14px;font-weight:600;line-height:20px;margin:0}.skill-picker-heading>span{font-size:10px;line-height:16px;color:#8f8f8f}.skill-picker-nav{display:flex;gap:12px;align-items:center;margin:0 0 12px;overflow:hidden;min-height:28px}.skill-picker-tabs{display:flex;gap:16px;align-items:center;white-space:nowrap;flex-shrink:0;padding:0 4px}.skill-picker-tabs button{position:relative;font-size:11px;line-height:16px;padding:4px 0 8px;color:#717171}.skill-picker-tabs button.selected{color:#0471fe}.skill-picker-tabs button.selected:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#0471fe}.skill-picker-search{font-size:11px;width:64px;flex:0 0 64px;padding:4px 0;border:0;background:transparent;outline:0;box-shadow:none}.skill-picker-nav:focus-within .skill-picker-tabs{overflow:auto;flex-shrink:1}.skill-picker-nav:focus-within .skill-picker-search{width:100px;flex-basis:100px}.skill-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:304px;overflow:auto;padding:0 0 2px;scrollbar-width:thin}.skill-picker-card{height:78px;min-width:0;padding:12px;display:flex;align-items:center;gap:12px;border:1px solid #0000000f;border-radius:10px;box-shadow:0 2px 12px #00000005;text-align:left}.skill-picker-card img{height:44px;width:44px;flex:0 0 44px;object-fit:cover;border-radius:6px;box-shadow:0 0 0 4px #00000004}.skill-picker-card>span{min-width:0}.skill-picker-card strong{font-size:12px;line-height:16px;display:block;font-weight:600}.skill-picker-card small{font-size:10px;line-height:16px;color:#8f8f8f;display:block;margin-top:2px}.skill-picker-card.selected{border-color:#0471fe;background:#0471fe08}.skill-picker-footer{font-size:10px;line-height:16px;color:#8f8f8f;text-align:center;padding-top:12px}.skill-picker-empty{grid-column:1/-1;font-size:12px;color:#8f8f8f;padding:32px;text-align:center}

.anchored-popover.settings-popover .field{margin:0;padding:0;border:0}.anchored-popover.settings-popover .field+.field{margin-top:8px;border-top:1px solid rgba(79,103,127,.14);padding-top:8px}.anchored-popover.settings-popover .field:last-child{padding-bottom:0}.anchored-popover.settings-popover .field>label{font-size:9px;line-height:12px;height:12px}.anchored-popover.settings-popover .segmented{padding:2px 2px 0;height:32px}.anchored-popover.settings-popover .ratio-options{padding:0;height:65px}.anchored-popover.settings-popover .ratio-options button{height:65px}
.duration-field input[type=range]{appearance:none;-webkit-appearance:none;height:26px;margin:0;background:linear-gradient(to right,#181818 var(--range-progress,37.5%),#eee var(--range-progress,37.5%)) center/100% 1px no-repeat;outline:none;border:0;display:block}.duration-field input[type=range]::-webkit-slider-runnable-track{height:1px;background:transparent}.duration-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:8px;width:8px;border-radius:50%;background:#181818;margin-top:-3.5px;border:0}.duration-labels{height:22px;line-height:16px}.duration-labels span{padding:2px 6px}

.skill-picker-tabs{gap:22px}.skill-picker-card{padding:12px 16px;gap:14px}

.model-option-icon svg{width:14px;height:14px}.ratio-shape.ratio-auto{width:32px!important;height:32px!important;border-style:dashed}body[data-page=image] .option-trigger strong{white-space:normal}

.anchored-popover.settings-popover .field>label{font-size:8px;font-weight:600;letter-spacing:.12em}body[data-page=image] .settings-popover .ratio-options,body[data-page=image] .settings-popover .ratio-options button{height:69.5px}

.editor-input-wrap{position:relative;display:flex;flex-direction:column;min-height:80px;flex:1}.editor-input-wrap .editor-text{width:100%;flex:1;resize:none}.editor-placeholder{position:absolute;left:0;right:0;top:0;font-size:14px;line-height:26px;color:#717171;pointer-events:none}.editor-placeholder button{pointer-events:auto;display:inline-block;white-space:nowrap;padding:0;font-size:14px;line-height:26px;color:#1f2937}

.preview-panel,.recent-panel{border-radius:16px}.anchored-popover{border-radius:10px}

.home>.section-heading,.home>.scene-row-wrap,.home>.discover,.home>footer{max-width:1744px;margin-left:auto;margin-right:auto}