/* Approved blue AI emblem and original golden-dragon art. No media filters. */
:root{--ys-brand-scene:url('/brand/dragon-battle-f5035adb032f.webp');--ys-brand-mark:url('/brand/ai-emblem-274419ab97c4.webp')}
/* Persist selection independently of pointer hover and keyboard focus. */
.cw-template-choice{margin-bottom:8px;padding:8px 10px;border:1px solid #625031;border-radius:8px;background:#19160f}
.cw-template-choice>p,.cw-template-summary{margin:10px 0 0;color:#c7bda9;font-size:12px;line-height:1.6}
.cw-generation-requirements{margin-top:8px;display:grid;gap:4px;min-width:0}
.cw-generation-requirements label{font-size:13px;font-weight:600;color:#e6d4a7}
.cw-generation-requirements textarea{width:100%;box-sizing:border-box;min-height:52px;max-height:220px;resize:vertical;padding:5px 9px;border:1px solid #6a5631;border-radius:6px;background:#101114;color:#f3ead7;font:inherit;font-size:13px;line-height:1.6}
.cw-generation-requirements textarea:focus{outline:2px solid #d5af59;outline-offset:2px}
.cw-generation-requirements textarea:disabled{opacity:.65}
.cw-generation-requirements p{margin:0;color:#c7bda9;font-size:12px;line-height:1.6}
.desktop-app .ys-workspace .cw-storyboard-editor button[data-storyboard-template]{min-height:30px;padding:3px 12px;background:#191a1c;color:#c6c0b5;border:1px solid #625b4e;box-shadow:none}
.desktop-app .ys-workspace .cw-storyboard-editor button[data-storyboard-template][aria-pressed=true]{background:#3a2c16;color:#ffe4a3;border-color:#ffd477;box-shadow:0 0 0 2px #f4c563,0 0 16px #f4bf5566,inset 0 0 12px #f4bf551a;font-weight:600}
.desktop-app .ys-workspace .cw-storyboard-editor button[data-storyboard-template]:focus-visible{outline:2px dashed #eee6d6;outline-offset:5px}
.desktop-app .ys-workspace .cw-storyboard-editor button[data-storyboard-template][aria-pressed=true]:disabled{opacity:.75}
.cw-template-selector>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}
.cw-template-selector>div>div{display:flex;margin:0;gap:8px;flex-wrap:wrap}
.cw-storyboard-progress{display:grid;gap:5px;margin-top:6px}
.cw-storyboard-progress-summary,.cw-storyboard-batch-actions{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap;min-width:0}
.cw-storyboard-batch-actions>button{margin:0;min-height:30px;padding:4px 10px}
.cw-storyboard-progress p{margin:0}
.cw-storyboard-help{color:#c7bda9;font-size:12px}
.cw-storyboard-help summary{cursor:pointer}
.cw-storyboard-help[open]{flex-basis:100%}
.cw-storyboard-help p{margin-top:4px;line-height:1.6}
.cw-segment-generation-status>p{margin-top:4px;margin-bottom:0}
/* Approved black-and-gold rider artwork for the empty image canvas only. */
.desktop-app .ys-workspace .iw-main{background:#111214}
.desktop-app .ys-workspace .iw-stage:not(.iw-stage-results){background:#111214 url('/brand/image-workshop-3c064a8a7b11.webp') center center/cover no-repeat}
.desktop-app .ys-workspace .iw-stage:not(.iw-stage-results)::before{background:linear-gradient(90deg,#11121457,transparent 60%),linear-gradient(0deg,#11121466,transparent 35%)}
.desktop-app .ds-window-titlebar{background:#161719;border-color:#51442c;color:#f1d7a4}
.desktop-app .ds-window-titlebar img{width:23px;height:23px;object-fit:contain}
.desktop-app .ys-workspace{--ys-sidebar:210px;background:linear-gradient(#111214b8,#111214f5 70%),var(--ys-brand-scene) center top/cover no-repeat}
.desktop-app .ys-workspace .ys-sidebar{background:#141414f7;padding:22px 14px 12px;border-right-color:#4d4534}
.desktop-app .ys-workspace .ds-brand{height:162px;min-height:162px;margin:0 0 14px;overflow:hidden}
.ys-brand-lockup{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0}
.desktop-app .ys-workspace .ds-brand .ys-brand-lockup img,.ys-brand-lockup img{display:block;width:88px;height:88px;max-width:100%;object-fit:contain}
.ys-brand-name{color:#f1d7a4;font-size:25px;font-weight:650;line-height:1.3;white-space:nowrap;letter-spacing:.5px}
.desktop-app .ys-workspace .ds-new-project{height:43px;margin-bottom:23px;background:linear-gradient(105deg,#f2d695,#cfa052);border-color:#ddba77;font-size:14px}
.desktop-app .ys-workspace .ys-sidebar nav button{height:42px;min-height:42px;font-size:13px}
.desktop-app .ys-workspace .ys-sidebar button.active{background:linear-gradient(95deg,#c8a45a9c,#3b3426b3);color:#ffebba;border-color:#b7964a55}
.desktop-app .ys-workspace .ys-sidebar .ds-profile{margin-top:12px;padding-top:13px}
.desktop-app .ys-workspace .ds-topbar{height:54px;min-height:54px;background:#141414ef;padding:0 26px}
.desktop-app .ys-workspace .lm-membership-page{top:54px;inset-block-start:54px;background:linear-gradient(#111214cd,#111214f7 65%),var(--ys-brand-scene) center top/cover no-repeat}
.desktop-app .ys-workspace .ds-content:has(.ys-home-hero){position:relative;background:#111214}
.desktop-app .ys-workspace .ds-content:has(.ys-home-hero)::before{content:"";position:absolute;top:0;right:0;width:min(100%,1050px);height:590px;background:linear-gradient(0deg,#111214,transparent 58%),linear-gradient(90deg,#111214b3,transparent 70%),var(--ys-brand-scene) right top/auto 590px no-repeat;mask-image:linear-gradient(90deg,transparent,#000 24%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%);pointer-events:none}
.desktop-app .ys-workspace .ds-page:has(>.ys-home-hero){position:relative;padding:0 26px 34px}
.ys-home-hero{min-height:clamp(300px,31vw,400px);display:flex;align-items:center;justify-content:space-between;position:relative;padding:32px 6px 46px;gap:20px}
.ys-home-hero-copy{max-width:570px;text-shadow:0 2px 14px #0009}
.ys-home-greeting{font-size:13px!important;font-weight:400!important;color:#d7c9ae!important;margin:0 0 16px}
.ys-home-hero h1{color:#f4d99e;font-size:clamp(36px,4.5vw,62px);font-weight:650;line-height:1.25;letter-spacing:2px;margin:0}
.ys-home-rule{height:1px;width:min(310px,80%);background:linear-gradient(90deg,#edc973,#edc97366);margin-top:25px;position:relative}
.ys-home-rule span{position:absolute;width:9px;height:9px;left:50%;top:-4px;border:1px solid #e2bf78;transform:rotate(45deg);background:#292219}
.ys-home-actions{position:absolute;right:0;top:22px;display:flex;gap:9px}
.desktop-app .ys-workspace .ys-home-actions button{background:#17191be0;border:1px solid #6e5d3a;color:#eadab8;min-height:34px;padding:7px 10px;border-radius:7px;display:inline-flex;align-items:center;gap:9px;font-size:12px}
.ys-home-actions button>span{background:#d9bb80;color:#21190c;border-radius:10px;padding:0 5px;font-size:10px}
.ys-home-launchers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 24px;min-width:0}
.desktop-app .ys-workspace .ys-home-launchers>button{min-width:0;min-height:144px;padding:25px 28px;display:flex;align-items:center;justify-content:flex-start;gap:23px;border:1px solid #aa8b4b80;border-radius:12px;text-align:left;color:#e9c780;background:radial-gradient(ellipse at 100% 140%,#a07f3529,transparent 70%),linear-gradient(135deg,#262625eb,#1c1c1ee8);box-shadow:inset 0 1px #ffecbb0d}
.desktop-app .ys-workspace .ys-home-launchers>button:hover:not(:disabled){background:#302c24;border-color:#e2bf78}
.ys-home-launchers svg{flex-shrink:0}
.ys-home-launch-copy{display:flex;flex-direction:column;gap:12px;min-width:0}
.ys-home-launch-copy strong{font-size:clamp(18px,1.9vw,27px);font-weight:600;color:#f1dfbc;white-space:nowrap}
.ys-home-launch-action{display:inline-flex;align-items:center;gap:18px;border:1px solid #d1a85b;border-radius:24px;padding:4px 14px;align-self:flex-start;color:#e8c682;font-size:12px;white-space:nowrap}
.ys-home-launch-action>span{font-size:19px;line-height:1}
.desktop-app .ys-workspace .ds-page:has(>.ys-home-hero)>.ds-section-heading{margin:0;padding:18px 20px;background:#1b1c1eea;border:1px solid #5d513a;border-bottom:0;border-radius:11px 11px 0 0;gap:12px;flex-wrap:wrap}
.desktop-app .ys-workspace .ds-page:has(>.ys-home-hero)>.ds-section-heading h2{font-size:18px;color:#f1dfbc;border-left:3px solid #e2bf78;padding-left:11px}
.desktop-app .ys-workspace .ds-page:has(>.ys-home-hero)>.ds-project-grid,.desktop-app .ys-workspace .ds-page:has(>.ys-home-hero)>.ds-empty{background:#17181ae8;border:1px solid #5d513a;border-top:0;border-radius:0 0 11px 11px;padding:18px 20px 26px;margin:0;min-width:0}
.desktop-app .ys-workspace .ds-page:has(>.ys-home-hero)>.ds-empty{min-height:190px;padding-top:32px}
.desktop-app .ys-workspace .ds-page:has(>.ys-home-hero) .ds-project-card{background:#202123}
.desktop-app .ds-login-art{background:linear-gradient(90deg,#0c1015b8,#0c101547),linear-gradient(0deg,#0e1117e0,transparent 70%),var(--ys-brand-scene) 61% center/cover no-repeat}
.desktop-app .ds-login-art>div:first-child:not(.ys-brand-lockup){display:none}
.desktop-app .ds-login-art>.ys-brand-lockup{align-self:flex-start;flex-direction:row;gap:13px}
.desktop-app .ds-login-art .ys-brand-lockup img{width:62px;height:62px}
.desktop-app .ds-login-art .ys-brand-name{font-size:27px}
.desktop-app .ds-login-art h1{color:#f3deb6;text-shadow:0 2px 18px #0009}
.desktop-app .ds-login-form{background:#151618}
.desktop-app .ys-workspace:has(.ds-collapsed){--ys-sidebar:64px}
.desktop-app .ys-workspace .ds-collapsed .ds-brand{height:72px;min-height:72px;margin-bottom:14px}
.desktop-app .ys-workspace .ds-collapsed .ds-brand .ys-brand-lockup img{width:43px;height:43px}
.desktop-app .ys-workspace .ds-collapsed .ys-brand-name{display:none}
@media(max-height:850px) and (min-width:701px){.desktop-app .ys-workspace .ys-sidebar{padding-top:12px}.desktop-app .ys-workspace .ds-brand{min-height:118px;height:118px;margin-bottom:10px}.desktop-app .ys-workspace .ds-brand .ys-brand-lockup img{width:65px;height:65px}.ys-brand-name{font-size:22px}.desktop-app .ys-workspace .ds-new-project{margin-bottom:15px}.desktop-app .ys-workspace .ys-sidebar nav button{height:37px;min-height:37px}.desktop-app .ys-workspace .ds-sidebar-bottom{padding-top:10px}}
@media(max-width:1200px){.desktop-app .ys-workspace{--ys-sidebar:185px}.ys-home-launchers{gap:12px}.desktop-app .ys-workspace .ys-home-launchers>button{padding:22px 18px;gap:15px}.ys-home-launchers svg{width:32px;height:32px}.ys-home-launch-copy strong{font-size:21px}.ys-home-hero{min-height:320px}}
@media(max-width:900px){.desktop-app .ys-workspace{--ys-sidebar:160px}.desktop-app .ys-workspace .ds-brand .ys-brand-lockup img{width:70px;height:70px}.ys-brand-name{font-size:23px}.desktop-app .ys-workspace .ds-page:has(>.ys-home-hero){padding-left:18px;padding-right:18px}.ys-home-launchers{gap:10px}.desktop-app .ys-workspace .ys-home-launchers>button{flex-direction:column;align-items:flex-start;padding:20px 16px;gap:12px}.ys-home-launch-copy strong{font-size:19px}.ys-home-launch-action{padding:3px 10px;gap:10px}.ys-home-hero{min-height:300px}.ys-home-hero h1{font-size:39px}}
@media(max-width:700px){.desktop-app .ys-workspace{--ys-sidebar:64px}.desktop-app .ys-workspace .ys-sidebar{padding:12px 8px}.desktop-app .ys-workspace .ds-brand{height:66px;min-height:66px;margin-bottom:14px}.desktop-app .ys-workspace .ds-brand .ys-brand-lockup img{width:43px;height:43px}.desktop-app .ys-workspace .ys-brand-name{display:none}.desktop-app .ys-workspace .ds-content:has(.ys-home-hero){background-size:auto,auto,auto 370px;background-position:center top,center top,60% top}.desktop-app .ys-workspace .ds-page:has(>.ys-home-hero){padding:0 12px 24px}.ys-home-hero{min-height:285px;padding:60px 0 30px}.ys-home-hero h1{font-size:clamp(29px,7vw,42px)}.ys-home-greeting{font-size:12px!important}.ys-home-launchers{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.desktop-app .ys-workspace .ys-home-launchers>button{min-height:100px;flex-direction:row;align-items:center;gap:18px;padding:17px 20px}.ys-home-launch-copy{gap:8px}.ys-home-launch-copy strong{font-size:21px}.desktop-app .ys-workspace .ds-page:has(>.ys-home-hero)>.ds-section-heading{padding:16px 12px}.desktop-app .ys-workspace .ds-page:has(>.ys-home-hero)>.ds-project-grid{padding:0 12px 20px}.ys-home-actions{gap:6px}.desktop-app .ys-workspace .ys-home-actions button{font-size:11px;padding:6px 9px}.desktop-app .ds-login-art>.ys-brand-lockup{gap:9px}.desktop-app .ds-login-art .ys-brand-lockup img{width:40px;height:40px}.desktop-app .ds-login-art .ys-brand-name{font-size:21px}}