:root{
  --hf-bg:#0e1012;
  --hf-panel:#17191c;
  --hf-card:#232529;
  --hf-card-deep:#1b1d20;
  --hf-line:#3a3e43;
  --hf-line-soft:#2b2f33;
  --hf-text:#f1f2f4;
  --hf-muted:#92989f;
  --hf-lime:#79abff;
  --hf-cyan:#63ddff;
}

/* Shared Higgsfield-style shell */
:where(body.unified-studio-page,body.film-page,body.motion-transfer-page){background:var(--hf-bg);color:var(--hf-text);font-family:Pretendard,"Noto Sans KR",Inter,system-ui,sans-serif}
:where(.unified-studio-page,.film-page,.motion-transfer-page) .site-nav{height:60px;min-height:60px;padding-inline:28px;border-bottom:1px solid #2d3034;background:rgba(10,12,14,.96);backdrop-filter:blur(18px)}
:where(.unified-studio-page,.film-page,.motion-transfer-page) .site-nav .nav-links{gap:24px}
:where(.unified-studio-page,.film-page,.motion-transfer-page) .site-nav .nav-links a{color:#92989f;font-size:11px}
:where(.unified-studio-page,.film-page,.motion-transfer-page) .site-nav .nav-links a.active{color:#fff}
:where(.unified-studio-page,.film-page,.motion-transfer-page) .site-nav .nav-links a.active:after{height:2px;background:var(--hf-lime)}
:where(.unified-studio-page,.film-page,.motion-transfer-page) .nav-pill{border-color:#3b3f44;background:linear-gradient(180deg,#2b2e32,#191b1e);box-shadow:inset 0 1px rgba(255,255,255,.06),0 3px 0 #08090a}
:where(.unified-studio-page,.film-page,.motion-transfer-page) .nav-pill.primary{border-color:#aecdff;background:linear-gradient(180deg,#b8d7ff,var(--hf-lime));box-shadow:inset 0 1px rgba(255,255,255,.65),0 4px 0 #0d418e;color:#040a16}
:where(.unified-studio-page,.film-page,.motion-transfer-page) button{transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}
:where(.unified-studio-page,.film-page,.motion-transfer-page) button:focus-visible{outline:2px solid var(--hf-lime);outline-offset:2px}

/* Shared draggable dividers for Studio and Motion */
.hf-tool-resizer{position:absolute;z-index:90;top:0;bottom:0;width:14px;border:0;background:transparent;cursor:col-resize;touch-action:none;outline:0}
.hf-tool-resizer:before{content:"";position:absolute;left:6px;top:50%;width:2px;height:68px;border-radius:999px;background:#3d4349;transform:translateY(-50%);transition:.18s}
.hf-tool-resizer:after{content:"";position:absolute;left:-8px;top:50%;width:28px;height:28px;border:1px solid #676e75;border-radius:50%;background:radial-gradient(circle at 38% 34%,#35393e,#17191c 68%);box-shadow:inset 0 1px rgba(255,255,255,.1),0 5px 14px rgba(0,0,0,.4);transform:translateY(-50%);transition:.18s}
.hf-tool-resizer:hover:before,.hf-tool-resizer:focus-visible:before,.hf-tool-resizer.is-dragging:before{height:98px;background:var(--hf-lime);box-shadow:0 0 16px rgba(121,171,255,.42)}
.hf-tool-resizer:hover:after,.hf-tool-resizer:focus-visible:after,.hf-tool-resizer.is-dragging:after{border-color:var(--hf-lime);background:radial-gradient(circle at 38% 34%,#20355b,#0b1323 68%);box-shadow:0 0 20px rgba(121,171,255,.24)}
.hf-tool-resizer.studio-start{left:calc(var(--hf-studio-compose-w) - 7px)}
.hf-tool-resizer.motion-start{left:calc(var(--hf-motion-rail-w) - 7px)}
.hf-tool-resizer.motion-end{right:calc(var(--hf-motion-inspector-w) - 7px)}
.is-hf-resizing,.is-hf-resizing *{cursor:col-resize!important;user-select:none!important}

/* AI Studio */
.unified-studio{--hf-studio-compose-w:390px;position:relative;min-height:calc(100vh - 60px);grid-template-columns:var(--hf-studio-compose-w) minmax(0,1fr);background:#111315}
.unified-compose-panel{top:0;height:calc(100vh - 60px);padding:14px 16px 24px;border-right:1px solid var(--hf-line);background:linear-gradient(180deg,#181a1d,#121416);box-shadow:none;scrollbar-color:#42474d transparent}
.unified-project-head{min-height:46px;margin:0 0 10px;padding:2px 3px 10px;border-bottom:1px solid var(--hf-line-soft);background:none!important;box-shadow:none!important}
.unified-project-head .arife-tool-text small{color:#697078;font-size:11px;letter-spacing:.12em}.unified-project-head .arife-tool-text strong{font-size:13px}.unified-cloud-state{border:1px solid #3f454b!important;background:#202327!important;color:#8e969e!important;box-shadow:none!important}
.unified-model-trigger{min-height:76px;padding:9px;border:1px solid #464b51;border-radius:16px;background:linear-gradient(145deg,#2c2f33,#1d1f22);box-shadow:inset 0 1px rgba(255,255,255,.07),0 5px 0 #08090a,0 14px 28px rgba(0,0,0,.25)}
.unified-model-trigger:hover{border-color:#6e757c;transform:translateY(-1px)}
.unified-model-trigger .model-art{border-color:#596068;border-radius:12px;background:#1b1e21;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.unified-model-trigger small,.unified-model-trigger em{color:#939aa1}.unified-model-trigger strong{color:#fff;font-size:13px}.model-change{color:var(--hf-lime)!important}
.unified-compose-form{gap:10px;margin-top:13px}.unified-section{padding:12px;border:1px solid #3b4046;border-radius:17px;background:linear-gradient(145deg,#25282c,#1b1d20);box-shadow:inset 0 1px rgba(255,255,255,.055),0 4px 0 #090a0b,0 12px 24px rgba(0,0,0,.18)}
.unified-section-title>span,.prompt-section>label{font-size:12px}.unified-section-title em{display:none}.unified-section-title button{border-color:#4b5157;background:#303338;color:#d7dcdf}
.unified-reference-drop{min-height:112px;border-color:#565c62!important;border-radius:16px!important;background:#383b3f!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important}
.unified-reference-drop:hover{border-color:var(--hf-lime)!important;background:#3d4237!important}.unified-reference-drop .reference-plus{border-color:#676e74!important;background:#2a2d31!important;color:#fff!important}.unified-reference-drop strong{font-size:12px!important}.unified-reference-drop small{color:#a1a7ad!important}
.prompt-section textarea{min-height:118px!important;border-color:#464c52!important;border-radius:14px!important;background:#191b1e!important;color:#f5f6f4!important;box-shadow:inset 0 2px 8px rgba(0,0,0,.2)}
.prompt-meta button{border-color:#4d5359!important;border-radius:999px!important;background:#303338!important;color:#e6e9eb!important}.prompt-meta span{color:#899198!important}
.unified-setting-grid label,.unified-advanced{border-color:#444a50!important;border-radius:12px!important;background:#1a1d20!important}.unified-setting-grid select,.unified-advanced input{color:#f0f2f3!important}
.unified-submit-area>p{margin-bottom:6px;color:#92999f}.unified-generate-button{height:56px;border-color:#bad5ff;border-radius:16px;background:linear-gradient(180deg,#b8d7ff,var(--hf-lime));box-shadow:inset 0 1px rgba(255,255,255,.72),0 5px 0 #0d418e,0 16px 28px rgba(5,59,157,.2)}
.unified-generate-button:hover{transform:translateY(-1px)}
.unified-history-panel{padding:30px clamp(22px,3.5vw,58px) 100px;background:radial-gradient(circle at 82% 2%,rgba(121,171,255,.055),transparent 24%),#111315}
.unified-history-head{align-items:center;padding:2px 0 22px;border-color:#30343a}.unified-history-head p{margin-bottom:7px;color:#8c949b}.unified-history-head h1{font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.05em}.unified-history-head span{margin-top:10px;color:#858d94}
.history-view-actions{border-color:#474c52;border-radius:14px;background:linear-gradient(145deg,#2d3034,#1b1d20);box-shadow:inset 0 1px rgba(255,255,255,.05),0 4px 0 #090a0b}.history-view-actions button.active{background:#41454a}
.unified-history-item,.unified-current-preview{border-color:#3c4147!important;border-radius:22px!important;background:#1c1f22!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.22)!important}
.unified-history-media{border-radius:17px!important;background:#090b0d!important}.unified-history-actions button,.unified-history-more{border-color:#454b51!important;border-radius:10px!important;background:linear-gradient(180deg,#303338,#1c1e21)!important;box-shadow:0 3px 0 #08090a!important}
.unified-model-dialog,.unified-library-dialog{border-color:#4a5056!important;border-radius:26px!important;background:#1b1e21!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 32px 90px rgba(0,0,0,.62)!important}
.unified-model-dialog header,.unified-library-dialog header{border-color:#34393e!important}.unified-model-option,.unified-library-card{border-color:#41474d!important;border-radius:16px!important;background:#25282c!important}.unified-model-option:hover,.unified-model-option.active{border-color:var(--hf-lime)!important}

/* AI Film Studio */
.film-page .film-app{--film-library-width:236px;--film-inspector-width:304px;min-height:calc(100vh - 60px);background:#101214}
.film-library,.film-inspector{background:linear-gradient(180deg,#181a1d,#121416)}.film-library{padding:15px 12px;border-right-color:var(--hf-line)}.film-inspector{border-left-color:var(--hf-line)}
.film-product{min-height:46px;margin:0 0 11px;padding:2px 4px 10px;border-bottom:1px solid var(--hf-line-soft);background:none!important;box-shadow:none!important}.film-product .arife-tool-text small{color:#697078;font-size:11px}.film-product .arife-tool-text strong{font-size:13px}.film-product .arife-tool-chip{border-color:#3e444a!important;background:#202327!important;color:#8f969d!important;box-shadow:none!important}
.film-new-project,.film-add-selected{border:1px solid #4b5157!important;border-radius:12px!important;background:linear-gradient(180deg,#303338,#1c1f22)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 4px 0 #08090a!important;color:#f1f3f3!important}.film-new-project:hover,.film-add-selected:hover{border-color:var(--hf-lime)!important}
.film-library-tabs{gap:3px;padding:4px;border:1px solid #34393e;border-radius:14px;background:#1b1e21}.film-library-tabs button{border-radius:10px;font-size:12px}.film-library-tabs button.active{background:#3a3e43;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.film-drop-zone{min-height:116px;border-color:#575e65;border-radius:17px;background:#393c40;box-shadow:inset 0 1px rgba(255,255,255,.055)}.film-drop-zone:hover,.film-drop-zone.is-dragging,.film-drop-zone.is-over{border-color:var(--hf-lime);background:#3c4235}.film-drop-zone span{border:1px solid #626970;background:#2c2f33;color:#fff}.film-drop-zone small{color:#a0a6ac}
.film-bin-head{color:#858d94}.film-media-filters{padding:3px;border:1px solid #34393e!important;border-radius:11px!important;background:#1a1d20!important}.film-media-filters button.active{background:#3a3e43!important;color:#fff!important}
.film-asset-item,.film-auto-list button{border-color:#3d4349!important;border-radius:12px!important;background:#222529!important;box-shadow:inset 0 1px rgba(255,255,255,.035)}.film-auto-list button:hover{border-color:var(--hf-lime)!important}
.film-library-status{display:none}.film-workspace{padding:13px 15px 16px;background:#111315}
.film-project-bar{min-height:48px;padding:0 3px 10px;border-bottom:1px solid #30343a}.film-project-bar small{display:none}.film-project-bar input{font-size:14px}.film-project-actions span{color:#858d94}.film-project-actions button{border:1px solid #444a50!important;border-radius:10px!important;background:linear-gradient(180deg,#303338,#1c1e21)!important;box-shadow:0 3px 0 #08090a!important}.film-project-actions button.primary{border-color:#aacaff!important;background:linear-gradient(180deg,#b8d7ff,var(--hf-lime))!important;color:#040a16!important;box-shadow:0 4px 0 #0d418e!important}
.film-tool-bar{margin-top:10px;padding:5px;border:1px solid #34393e;border-radius:12px;background:#1b1e21;box-shadow:0 5px 0 #08090a}.film-tool-group button,.film-history-actions button{min-height:34px;border-radius:10px!important}.film-tool-group button.active{background:#3d4247!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.film-viewer-shell{margin-top:13px;border:1px solid #3b4046;border-radius:20px;background:#1c1f22;box-shadow:inset 0 1px rgba(255,255,255,.04),0 7px 0 #08090a,0 20px 38px rgba(0,0,0,.26);overflow:hidden}.film-viewer-head{border-color:#34393e;background:#202327}.film-viewer{background:#090b0d}.film-transport{border-color:#34393e;background:#1d2023}.film-transport button{border-color:#454b51!important;border-radius:10px!important;background:linear-gradient(180deg,#2d3034,#191b1e)!important}.film-transport button.play{border-color:#b8d3ff!important;background:var(--hf-lime)!important;color:#040916!important}
.film-edit-assist{border-color:#3b4147!important;border-radius:16px!important;background:#1b1e21!important}.film-assist-run{border-color:#aacaff!important;border-radius:12px!important;background:linear-gradient(180deg,#b8d7ff,var(--hf-lime))!important;box-shadow:0 4px 0 #0d418e!important;color:#040a16!important}
.film-timeline{border:1px solid #3a3f45!important;border-radius:18px!important;background:#181a1d!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 6px 0 #08090a!important;overflow:hidden}.film-timeline-head,.film-timeline-controls{border-color:#34393e!important;background:#202327!important}.film-track-head,.film-track-lane{border-color:#30353a!important;background:#17191c!important}.film-workspace-clip{border-radius:9px!important;background:linear-gradient(135deg,#35454a,#26333a)!important}.film-workspace-clip.active{border-color:var(--hf-lime)!important}
.film-inspector-tabs{padding:7px 7px 0;border-color:#33383d;background:#17191c}.film-inspector-tabs button{font-size:12px!important}.film-inspector-tabs button.active{color:#fff;border-color:var(--hf-lime)}.film-inspector-panel{padding:12px 10px}.film-inspector-title{margin-bottom:10px;padding:8px 9px!important;border:1px solid #383e44;border-radius:12px;background:#202327}.film-control-section{margin-bottom:10px!important;border:1px solid #3a4046!important;border-radius:14px!important;background:#202327!important;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.film-control-section input,.film-control-section select,.film-control-section textarea{border-color:#454b51!important;border-radius:10px!important;background:#17191c!important}.film-look-grid button,.film-effect-list button,.film-transform-actions button,.film-compose-buttons button{border-color:#444a50!important;border-radius:10px!important;background:linear-gradient(180deg,#2e3236,#1b1e21)!important;box-shadow:0 3px 0 #090a0b!important}.film-render-summary{border-color:#2e3c55!important;border-radius:13px!important;background:#1b1c25!important}.film-render-button{border:1px solid #bad5ff!important;border-radius:12px!important;background:linear-gradient(180deg,#b8d7ff,var(--hf-lime))!important;box-shadow:0 4px 0 #0d418e!important;color:#040a16!important}
.film-resize-handle{position:relative;background:#101214!important;overflow:visible}.film-resize-handle:before{content:"";position:absolute;z-index:4;left:3px;top:50%;width:2px;height:68px;border-radius:999px;background:#3d4349;transform:translateY(-50%)}.film-resize-handle:after{content:"";position:absolute;z-index:5;left:-7px;top:50%;width:28px;height:28px;border:1px solid #676e75;border-radius:50%;background:radial-gradient(circle at 38% 34%,#35393e,#17191c 68%);box-shadow:0 5px 14px rgba(0,0,0,.4);transform:translateY(-50%)}.film-resize-handle:hover:before,.film-resize-handle.is-dragging:before{height:98px;background:var(--hf-lime);box-shadow:0 0 16px rgba(121,171,255,.42)}.film-resize-handle:hover:after,.film-resize-handle.is-dragging:after{border-color:var(--hf-lime);background:#121b30}.film-viewer-resizer{background:#111315!important}.film-viewer-resizer span{border-color:#5e656c!important;background:#24272b!important}
.film-modal-card,.film-generate-card{border-color:#4a5056!important;border-radius:24px!important;background:#1b1e21!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 30px 90px rgba(0,0,0,.65)!important}.film-generate-submit,.film-modal-submit{border-radius:13px!important;background:linear-gradient(180deg,#b8d7ff,var(--hf-lime))!important;box-shadow:0 4px 0 #0d418e!important;color:#040a16!important}

/* Motion Control */
.motion-app{--hf-motion-rail-w:220px;--hf-motion-inspector-w:304px;position:relative;grid-template-columns:var(--hf-motion-rail-w) minmax(700px,1fr) var(--hf-motion-inspector-w);min-height:calc(100vh - 60px);background:#101214}
.motion-rail,.motion-inspector{background:linear-gradient(180deg,#181a1d,#121416)}.motion-rail{padding:16px 13px 22px;border-color:var(--hf-line);overflow:auto}.motion-inspector{padding:17px 15px 24px;border-color:var(--hf-line);overflow:auto}
.motion-product{min-height:46px;margin:0 0 11px;padding:2px 4px 10px;border-bottom:1px solid var(--hf-line-soft);background:none!important;box-shadow:none!important}.motion-product .arife-tool-text small{color:#697078;font-size:11px}.motion-product .arife-tool-text strong{font-size:13px}.motion-product .arife-tool-chip{border-color:#3f454b!important;background:#202327!important;color:#90979e!important;box-shadow:none!important}
.motion-new-project{height:39px!important;border:1px solid #4b5157!important;border-radius:12px!important;background:linear-gradient(180deg,#303338,#1c1f22)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 4px 0 #08090a!important;color:#f2f4f4!important}.motion-new-project:hover{border-color:var(--hf-lime)!important}.motion-rail-label{margin-top:22px;color:#747c83;font-size:11px}.motion-steps{gap:5px}.motion-steps button{min-height:52px;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important}.motion-steps button:hover{background:#202327!important}.motion-steps button.active{border-color:#2d3d57!important;background:#1c1f2b!important;box-shadow:inset 0 1px rgba(255,255,255,.035)}.motion-steps button.active i{background:var(--hf-lime)!important;color:#040a16!important}.motion-steps small{display:none}.motion-guide-card{display:none}.motion-provider-status{border-color:#3a4046!important;border-radius:13px!important;background:#202327!important;box-shadow:none!important}.motion-provider-status p{display:none}
.motion-workspace{padding:20px 22px 34px;background:radial-gradient(circle at 55% 0,rgba(121,171,255,.045),transparent 25%),#111315}.motion-workspace-head{align-items:center;max-width:1200px;margin-bottom:17px}.motion-workspace-head p{margin-bottom:7px;color:#858d94;font-size:11px}.motion-workspace-head h1{font-size:clamp(26px,2.2vw,36px)}.motion-workspace-head>div>small{margin-top:7px;color:#8c949b!important;font-size:11px!important}.motion-draft{border-color:#42484e!important;background:#202327!important;color:#8f969d!important}.motion-head-actions button{border:1px solid #454b51!important;border-radius:10px!important;background:linear-gradient(180deg,#303338,#1c1e21)!important;box-shadow:0 3px 0 #08090a!important}
.motion-input-grid{max-width:1200px;gap:13px}.motion-transfer-link{width:38px}.motion-input-card{border-color:#3d4349!important;border-radius:18px!important;background:#1b1e21!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 5px 0 #08090a!important}.motion-input-card header{border-color:#34393e!important;background:#202327!important}.motion-input-card header small{display:none}.motion-input-card header h2{font-size:12px}.motion-drop-zone{min-height:195px;margin:10px;border-color:#585f66;border-radius:16px;background:#393c40}.motion-drop-zone:hover,.motion-drop-zone.is-dragging{border-color:var(--hf-lime);background:#3c4235}.motion-drop-zone>button{border-color:#626970;border-radius:10px;background:linear-gradient(180deg,#303338,#1c1e21);box-shadow:0 3px 0 #08090a}.motion-drop-zone>small{color:#a2a8ae!important}.motion-input-meta{display:none}
.motion-review{max-width:1200px;margin-top:17px;border:1px solid #3c4248!important;border-radius:20px!important;background:#1a1d20!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 6px 0 #08090a!important;overflow:hidden}.motion-review-head{border-color:#34393e!important;background:#202327!important}.motion-review-head small{display:none}.motion-preview-stage{height:310px;background:#0b0d0f!important}.motion-timeline,.motion-quality-row{border-color:#34393e!important;background:#1d2023!important}.motion-timeline button{border-color:#454b51!important;border-radius:10px!important;background:linear-gradient(180deg,#2e3236,#1a1c1f)!important}.motion-quality-row li{border-color:#3c4248!important;border-radius:11px!important;background:#202327!important}
.motion-inspector-head{padding-bottom:13px;border-color:#34393e}.motion-inspector-head small{color:#777f86;font-size:11px}.motion-inspector-head>span{border-color:#2c3951;background:#171c28}.motion-model-card{border-color:#2b3650!important;border-radius:15px!important;background:#171c28!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 4px 0 #090a0b!important}.motion-model-logo{border-radius:11px!important;background:linear-gradient(180deg,#b8d7ff,var(--hf-lime))!important;box-shadow:0 3px 0 #0d418e!important;color:#040a16!important}.motion-model-pick select{color:#fff!important}.motion-setting-section{padding:13px 0;border-color:#34393e!important}.motion-segmented{padding:4px;border:1px solid #3d4349!important;border-radius:13px!important;background:#1b1e21!important}.motion-segmented button{border-radius:10px!important}.motion-segmented button.active{background:#3a3f44!important;color:#fff!important}.motion-segmented button small{color:#92999f!important}.motion-inspector textarea{border-color:#454b51;border-radius:12px;background:#191b1e}.motion-consent{border-color:#3b4147!important;border-radius:13px!important;background:#202327!important}.motion-cost-card{border-color:#2e3950!important;border-radius:14px!important;background:#171c28!important}.motion-generate{height:54px;border:1px solid #bad5ff;border-radius:12px;background:linear-gradient(180deg,#b8d7ff,var(--hf-lime));box-shadow:inset 0 1px rgba(255,255,255,.7),0 5px 0 #0d418e,0 14px 26px rgba(5,59,157,.18);color:#040a16}.motion-generate:not(:disabled):hover{transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,.7),0 6px 0 #0d418e,0 17px 30px rgba(5,59,157,.2)}.motion-hook-note{display:none}.motion-footer{display:none}
.motion-modal-card{border-color:#4a5056!important;border-radius:24px!important;background:#1b1e21!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 30px 90px rgba(0,0,0,.65)!important}.motion-modal-start,.motion-modal-actions a{border-radius:13px!important;background:linear-gradient(180deg,#b8d7ff,var(--hf-lime))!important;box-shadow:0 4px 0 #0d418e!important;color:#040a16!important}

/* Motion model picker modal */
.motion-model-pick{position:relative;min-width:0}.motion-model-native-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}
.motion-model-popup-trigger{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:4px;padding:0;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.motion-model-popup-trigger strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.motion-model-popup-trigger span{flex:none;padding:5px 7px;border:1px solid #2d3d58;border-radius:999px;background:#161f31;color:var(--hf-lime);font-size:11px;font-weight:900}.motion-model-popup-trigger:hover span{border-color:var(--hf-lime);background:#192640}
.motion-model-modal[hidden]{display:none!important}.motion-model-modal{position:fixed;z-index:180;inset:0;display:grid;place-items:center;padding:24px}.motion-model-backdrop{position:absolute;inset:0;border:0;background:rgba(3,4,5,.78);backdrop-filter:blur(13px);cursor:default}.motion-model-dialog{position:relative;width:min(820px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 40px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #4b5157;border-radius:27px;background:#1b1e21;box-shadow:inset 0 1px rgba(255,255,255,.065),0 34px 100px rgba(0,0,0,.7)}
.motion-model-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 20px;border-bottom:1px solid #383d42}.motion-model-dialog>header small{display:block;margin-bottom:7px;color:var(--hf-lime);font:850 11px/1 ui-monospace,Consolas,monospace;letter-spacing:.16em}.motion-model-dialog>header h2{margin:0;font-size:25px;letter-spacing:-.045em}.motion-model-dialog>header p{margin:8px 0 0;color:#92999f;font-size:11px}.motion-model-dialog>header>button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #484e54;border-radius:50%;background:linear-gradient(180deg,#303338,#1c1f22);box-shadow:0 3px 0 #090a0b;color:#dfe2e4;font-size:19px;cursor:pointer}
.motion-model-options{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:18px 20px 22px;overflow:auto}.motion-model-option{position:relative;min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:13px;padding:16px;border:1px solid #41474d;border-radius:18px;background:linear-gradient(145deg,#282b2f,#202226);box-shadow:inset 0 1px rgba(255,255,255,.045),0 4px 0 #0a0b0c;color:#f1f2f4;text-align:left;cursor:pointer}.motion-model-option:hover{border-color:#697078;transform:translateY(-1px)}.motion-model-option.active{border-color:var(--hf-lime);background:linear-gradient(145deg,#202634,#1a1c25);box-shadow:inset 0 1px rgba(255,255,255,.055),0 4px 0 #0c3a7f,0 0 24px rgba(121,171,255,.08)}
.motion-model-option-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#b8d7ff,var(--hf-lime));box-shadow:inset 0 1px rgba(255,255,255,.65),0 4px 0 #0d418e;color:#040a16;font-size:17px;font-weight:950}.motion-model-option-icon.violet{background:linear-gradient(145deg,#d5b3ff,#9769dd);box-shadow:inset 0 1px rgba(255,255,255,.45),0 4px 0 #56398a;color:#160c24}.motion-model-option-icon.cyan{background:linear-gradient(145deg,#a7eeff,#57d4f4);box-shadow:inset 0 1px rgba(255,255,255,.45),0 4px 0 #277f97;color:#07151a}.motion-model-option-icon.amber{background:linear-gradient(145deg,#ffe49b,#f3b84d);box-shadow:inset 0 1px rgba(255,255,255,.45),0 4px 0 #95651d;color:#1b1003}
.motion-model-option-copy{min-width:0}.motion-model-option-copy>small{display:block;color:#8e969d;font:800 11px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.1em}.motion-model-option-copy>strong{display:block;margin-top:7px;font-size:17px}.motion-model-option-copy>em{display:block;min-height:32px;margin-top:7px;color:#a0a7ad;font-size:12px;font-style:normal;line-height:1.55}.motion-model-option-copy>span{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.motion-model-option-copy i{padding:5px 7px;border:1px solid #454b51;border-radius:999px;background:#1a1d20;color:#aeb4b9;font-size:11px;font-style:normal}.motion-model-option> b{align-self:center;color:#aeb4b9;font-size:12px;white-space:nowrap}.motion-model-option.active>b{color:var(--hf-lime)}
.motion-model-dialog>footer{padding:13px 24px;border-top:1px solid #383d42;background:#17191c;color:#858d94;font-size:12px}.motion-model-modal-open{overflow:hidden!important}

@media(max-width:1450px){.unified-studio{--hf-studio-compose-w:350px}.motion-app{--hf-motion-rail-w:198px;--hf-motion-inspector-w:280px}.film-page .film-app{--film-library-width:210px;--film-inspector-width:280px}}
@media(max-width:1180px){.motion-app{display:block}.hf-tool-resizer.motion-start,.hf-tool-resizer.motion-end{display:none}.motion-rail{display:none}.motion-inspector{display:grid}.motion-workspace{padding-inline:18px}}
@media(max-width:1050px){.unified-studio{--hf-studio-compose-w:340px}.unified-history-panel{padding-inline:24px}}
@media(max-width:840px){.film-resize-handle,.film-viewer-resizer{display:none!important}}
@media(max-width:780px){.hf-tool-resizer.studio-start{display:none}.unified-studio{display:block}.unified-compose-panel{height:auto}.unified-history-head h1{font-size:34px}}
@media(max-width:680px){.motion-model-modal{padding:10px}.motion-model-dialog{width:100%;max-height:calc(100vh - 20px);border-radius:21px}.motion-model-dialog>header{padding:19px 18px 16px}.motion-model-options{grid-template-columns:1fr;padding:12px}.motion-model-option{grid-template-columns:43px minmax(0,1fr) auto;padding:13px}.motion-model-option-icon{width:41px;height:41px}.motion-model-dialog>footer{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.hf-tool-resizer:before,.hf-tool-resizer:after{transition:none}}