.hoshen-creative,.hoshen-storyboard,.creative-state-notice{--creative-panel:var(--bg-panel,var(--bg-card));--creative-raised:var(--bg-elevated,var(--surface-1));--creative-hover:var(--bg-hover,var(--surface-2));--creative-canvas:var(--bg-canvas,var(--bg-base));--creative-text:var(--text-primary,var(--fg-strong));--creative-muted:var(--text-secondary,var(--fg-muted));--creative-subtle:var(--text-muted,var(--fg-subtle));--creative-violet:var(--accent-violet,var(--accent));--creative-blue:var(--accent-blue,var(--accent-strong));--creative-cyan:var(--accent-cyan,var(--accent-soft));--creative-warm:var(--accent-orange,var(--warning));--creative-gradient:var(--gradient-primary,linear-gradient(105deg, var(--creative-violet), var(--creative-blue) 58%, var(--creative-cyan)));--creative-shadow:var(--shadow-panel,var(--shadow-sm));--creative-float:var(--shadow-floating,var(--shadow-md));--creative-glow:var(--glow-active,0 0 0 1px color-mix(in srgb, var(--creative-violet) 54%, transparent), 0 18px 46px -28px color-mix(in srgb, var(--creative-blue) 72%, transparent));--creative-fast:var(--motion-fast,.14s);--creative-normal:var(--motion-normal,.26s);--creative-slow:var(--motion-slow,.42s);--creative-ease:var(--ease-standard,var(--ease-out));--creative-emphasis:var(--ease-emphasized,var(--ease-out))}.hoshen-creative .cd-section,.hoshen-storyboard .sb-scenes,.hoshen-storyboard .shot-scroll,.hoshen-storyboard .shot-inspector,.hoshen-storyboard .sb-approval{background:var(--creative-panel);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--creative-text) 5%, transparent), var(--creative-shadow);border:0}.hoshen-creative .cd-section,.hoshen-storyboard .shot-inspector{animation:hoshen-surface-in var(--creative-normal) var(--creative-emphasis) both}.hoshen-creative .cd-section-head,.hoshen-storyboard .sb-head,.hoshen-storyboard .shot-inspector-head{min-height:32px}.hoshen-creative .cd-section-title,.hoshen-storyboard .sb-title,.hoshen-storyboard .shot-inspector-title{color:var(--creative-text);letter-spacing:-.018em}.hoshen-creative .cd-section-title,.hoshen-storyboard .shot-inspector-title{font-weight:500}.hoshen-creative .cd-hint,.hoshen-creative .state-body,.hoshen-storyboard .cd-hint,.hoshen-storyboard .state-body{color:var(--creative-muted)}.hoshen-creative label.field{background:0 0;border:0;min-height:0;padding:0}.hoshen-creative .field,.hoshen-creative .cd-textarea,.hoshen-storyboard .field,.hoshen-storyboard .cd-textarea{background:var(--creative-raised);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--creative-text) 6%, transparent);transition:background-color var(--creative-fast) var(--creative-ease), box-shadow var(--creative-fast) var(--creative-ease);border-color:#0000}.hoshen-creative .field:hover,.hoshen-creative .cd-textarea:hover,.hoshen-storyboard .field:hover,.hoshen-storyboard .cd-textarea:hover{background:var(--creative-hover)}.hoshen-creative .field:focus,.hoshen-creative .cd-textarea:focus,.hoshen-storyboard .field:focus,.hoshen-storyboard .cd-textarea:focus{background:var(--creative-hover);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--creative-violet) 74%, transparent), 0 0 0 3px color-mix(in srgb, var(--creative-violet) 13%, transparent);border-color:#0000}.hoshen-creative .concept-grid{animation:hoshen-content-in var(--creative-slow) var(--creative-emphasis) both;gap:14px}.hoshen-creative .concept-card{background:linear-gradient(145deg, color-mix(in srgb, var(--creative-raised) 96%, var(--creative-violet) 4%), var(--creative-raised));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--creative-text) 5%, transparent);transition:transform var(--creative-normal) var(--creative-emphasis), background-color var(--creative-fast) var(--creative-ease), box-shadow var(--creative-normal) var(--creative-ease);border-color:#0000;position:relative;overflow:hidden}.hoshen-creative .concept-card:before{content:"";background:var(--creative-gradient);opacity:0;width:2px;transition:opacity var(--creative-fast) var(--creative-ease), transform var(--creative-normal) var(--creative-emphasis);position:absolute;inset:0 auto 0 0;transform:scaleY(.5)}[dir=rtl] .hoshen-creative .concept-card:before{inset:0 0 0 auto}.hoshen-creative .concept-card:hover{background:var(--creative-hover);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--creative-text) 8%, transparent), var(--creative-float);transform:translateY(-2px)scale(1.005)}.hoshen-creative .concept-card.is-selected{background:color-mix(in srgb, var(--creative-raised) 88%, var(--creative-violet) 12%);box-shadow:var(--creative-glow);border-color:#0000}.hoshen-creative .concept-card.is-selected:before,.hoshen-creative .concept-card.is-approved:before{opacity:1;transform:none}.hoshen-creative .concept-card.is-approved{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--success) 34%, transparent), var(--creative-shadow);border-color:#0000}.hoshen-creative .concept-title{letter-spacing:-.018em;font-size:1.05rem;font-weight:420}.hoshen-creative .blend-body,.hoshen-creative .plan-row,.hoshen-creative .ref-row,.hoshen-creative .version-row{background:var(--creative-raised);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--creative-text) 4%, transparent);border:0}.hoshen-creative .plan-row,.hoshen-creative .ref-row,.hoshen-creative .version-row{transition:background-color var(--creative-fast) var(--creative-ease), transform var(--creative-fast) var(--creative-emphasis)}.hoshen-creative .plan-row:hover,.hoshen-creative .ref-row:hover,.hoshen-creative .version-row:hover{background:var(--creative-hover);transform:translateY(-1px)}.creative-state-notice.ai-activity,.hoshen-creative .ai-activity{isolation:isolate;position:relative;overflow:hidden}.creative-state-notice.ai-activity:before,.hoshen-creative .ai-activity:before{content:"";z-index:var(--z-behind);background:radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--creative-cyan) 15%, transparent), transparent 44%), linear-gradient(110deg, transparent 18%, color-mix(in srgb, var(--creative-violet) 8%, transparent) 48%, transparent 78%);pointer-events:none;background-size:100% 100%,220% 100%;animation:2.8s linear infinite hoshen-ai-light;position:absolute;inset:0}.hoshen-creative .creative-job-progress{background:color-mix(in srgb, var(--creative-text) 7%, transparent);height:4px;box-shadow:inset 0 1px 2px color-mix(in srgb, var(--creative-canvas) 70%, transparent)}.hoshen-creative .creative-job-progress>span{background:var(--gradient-ai,var(--creative-gradient));transition:width var(--creative-normal) var(--creative-emphasis);position:relative;overflow:hidden}.hoshen-creative .creative-job-progress>span:after{content:"";animation:hoshen-progress-sheen 1.8s var(--creative-ease) infinite;background:linear-gradient(90deg,#0000,#ffffff61,#0000);position:absolute;inset:0;transform:translate(-100%)}.creative-state-notice,.hoshen-creative .state-notice{background:var(--creative-raised);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--creative-text) 5%, transparent);border-color:#0000}.creative-state-notice.state-provider,.hoshen-creative .state-provider{background:color-mix(in srgb, var(--creative-raised) 93%, var(--creative-warm) 7%);box-shadow:inset 2px 0 0 color-mix(in srgb, var(--creative-warm) 55%, transparent);border-color:#0000}[dir=rtl] .creative-state-notice.state-provider,[dir=rtl] .hoshen-creative .state-provider{box-shadow:inset -2px 0 0 color-mix(in srgb, var(--creative-warm) 55%, transparent)}.creative-state-notice.state-error,.hoshen-creative .state-error{box-shadow:inset 2px 0 0 color-mix(in srgb, var(--danger) 68%, transparent);border-color:#0000}[dir=rtl] .creative-state-notice.state-error,[dir=rtl] .hoshen-creative .state-error{box-shadow:inset -2px 0 0 color-mix(in srgb, var(--danger) 68%, transparent)}.hoshen-storyboard .sb-body{gap:14px}.hoshen-storyboard .sb-scenes,.hoshen-storyboard .shot-scroll,.hoshen-storyboard .shot-inspector{background:var(--creative-panel)}.hoshen-storyboard .scene-row{transition:color var(--creative-fast) var(--creative-ease), background-color var(--creative-fast) var(--creative-ease), transform var(--creative-fast) var(--creative-emphasis);position:relative;overflow:hidden}.hoshen-storyboard .scene-row:after{content:"";background:var(--creative-gradient);opacity:0;width:2px;transition:opacity var(--creative-fast) var(--creative-ease), transform var(--creative-normal) var(--creative-emphasis);border-radius:2px;position:absolute;inset-block:7px;inset-inline-start:0;transform:scaleY(.45)}.hoshen-storyboard .scene-row:hover{background:var(--creative-raised);transform:translate(-1px)}[dir=ltr] .hoshen-storyboard .scene-row:hover{transform:translate(1px)}.hoshen-storyboard .scene-row.is-active{background:color-mix(in srgb, var(--creative-raised) 88%, var(--creative-violet) 12%)}.hoshen-storyboard .scene-row.is-active:after{opacity:1;transform:none}.hoshen-storyboard .shot-grid{animation:hoshen-content-in var(--creative-normal) var(--creative-emphasis) both}.hoshen-storyboard .shot-card{background:var(--creative-raised);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--creative-text) 4%, transparent);transition:transform var(--creative-fast) var(--creative-emphasis), background-color var(--creative-fast) var(--creative-ease), box-shadow var(--creative-fast) var(--creative-ease);border-color:#0000}.hoshen-storyboard .shot-card:hover{background:var(--creative-hover);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--creative-text) 7%, transparent), var(--creative-shadow);border-color:#0000;transform:translateY(-1px)scale(1.005)}.hoshen-storyboard .shot-card.is-selected{background:color-mix(in srgb, var(--creative-raised) 88%, var(--creative-violet) 12%);box-shadow:var(--creative-glow);border-color:#0000}.hoshen-storyboard .shot-card.is-locked{box-shadow:inset 2px 0 0 color-mix(in srgb, var(--creative-violet) 75%, transparent), inset 0 1px 0 color-mix(in srgb, var(--creative-text) 4%, transparent);border-inline-start:0}[dir=rtl] .hoshen-storyboard .shot-card.is-locked{box-shadow:inset -2px 0 0 color-mix(in srgb, var(--creative-violet) 75%, transparent), inset 0 1px 0 color-mix(in srgb, var(--creative-text) 4%, transparent)}.hoshen-storyboard .shot-card.is-selected.is-locked{box-shadow:inset -2px 0 0 color-mix(in srgb, var(--creative-violet) 85%, transparent), var(--creative-glow)}.hoshen-storyboard .shot-inspector{animation-name:hoshen-inspector-in}.hoshen-storyboard .shot-block+.shot-block{border-block-start:1px solid color-mix(in srgb, var(--creative-text) 6%, transparent);padding-block-start:10px}.hoshen-storyboard .shot-edit-blocked,.hoshen-storyboard .version-row{background:var(--creative-raised);border:0}.hoshen-storyboard .sb-approval{background:color-mix(in srgb, var(--creative-panel) 95%, var(--creative-violet) 5%)}.sb-approval-actions .sb-approval-current,.sb-approval-actions .sb-approval-current:disabled{opacity:1;cursor:default;color:var(--text-primary);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-strong)}.hoshen-storyboard .sb-warnings{background:color-mix(in srgb, var(--creative-panel) 92%, var(--creative-warm) 8%);box-shadow:inset -2px 0 0 color-mix(in srgb, var(--creative-warm) 58%, transparent);border-color:#0000}.hoshen-storyboard .sb-fixture-mark{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--danger) 32%, transparent);border:0}.hoshen-creative .dialog,.hoshen-storyboard .dialog{background:color-mix(in srgb, var(--creative-panel) 90%, transparent);-webkit-backdrop-filter:blur(var(--blur-floating,22px)) saturate(1.25);backdrop-filter:blur(var(--blur-floating,22px)) saturate(1.25);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--creative-text) 8%, transparent), var(--creative-float);animation:hoshen-dialog-in var(--creative-normal) var(--creative-emphasis) both;border-color:#0000}.hoshen-creative .dialog-scrim,.hoshen-storyboard .dialog-scrim{animation:hoshen-scrim-in var(--creative-fast) var(--creative-ease) both}.hoshen-creative :is(.cta-pill,.cta-ghost,.icon-btn),.hoshen-storyboard :is(.cta-pill,.cta-ghost,.icon-btn){transition:transform var(--creative-fast) var(--creative-emphasis), background-color var(--creative-fast) var(--creative-ease), color var(--creative-fast) var(--creative-ease), box-shadow var(--creative-fast) var(--creative-ease), opacity var(--creative-fast) var(--creative-ease)}.hoshen-creative :is(.cta-pill,.cta-ghost):hover:not(:disabled),.hoshen-storyboard :is(.cta-pill,.cta-ghost):hover:not(:disabled){transform:translateY(-1px)}.hoshen-creative :is(.cta-pill,.cta-ghost,.icon-btn):active:not(:disabled),.hoshen-storyboard :is(.cta-pill,.cta-ghost,.icon-btn):active:not(:disabled){transform:scale(.97)}@keyframes hoshen-surface-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hoshen-content-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes hoshen-inspector-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}[dir=ltr] .hoshen-storyboard .shot-inspector{animation-name:hoshen-inspector-in-ltr}@keyframes hoshen-inspector-in-ltr{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}@keyframes hoshen-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes hoshen-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes hoshen-ai-light{0%{background-position:0 0,115% 0}to{background-position:0 0,-115% 0}}@keyframes hoshen-progress-sheen{to{transform:translate(100%)}}@media (max-width:1240px){.hoshen-storyboard .sb-body{gap:10px}}@media (max-width:900px){.hoshen-creative .cd-section,.hoshen-storyboard .shot-inspector{padding:14px}.hoshen-storyboard .sb-scenes,.hoshen-storyboard .shot-scroll,.hoshen-storyboard .shot-inspector{max-height:none}.hoshen-storyboard .sb-scenes ul{flex-direction:row;gap:4px;padding-block-end:3px;overflow-x:auto}.hoshen-storyboard .sb-scenes li{min-width:min(210px,72vw)}}@media (prefers-reduced-motion:reduce){.hoshen-creative *,.hoshen-creative :before,.hoshen-creative :after,.creative-state-notice,.creative-state-notice:before,.creative-state-notice:after,.hoshen-storyboard *,.hoshen-storyboard :before,.hoshen-storyboard :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}
