*{box-sizing:border-box}body{font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer;border:2px solid var(--ink);border-radius:8px;padding:9px 15px;background:var(--bill);color:#123940;font-weight:650;min-height:44px}button.secondary{background:transparent;color:var(--ink);border:1px solid var(--sand-warm)}button:disabled{opacity:.45;cursor:default}input,textarea,select{width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--sand-warm);border-radius:7px;padding:10px}textarea{resize:vertical}label{display:block;font-weight:650;margin:10px 0 5px}h1,h2,p{margin:0}h1{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-1px}h2{font-size:20px;line-height:1.2}a{color:var(--sea)}[hidden]{display:none!important}.editor-shell{max-width:1320px;margin:auto;padding:20px 48px 70px}.editor-heading,.project-bar,.title-row,.stage-toolbar,.timeline-heading,.chat-heading,.chat-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.editor-heading p{margin-top:8px;color:var(--wing-gray)}.project-bar{justify-content:flex-start;margin:24px 0;border-bottom:1px solid var(--sand-warm);padding-bottom:18px}.project-bar span{font-size:13px;color:var(--wing-gray)}.welcome{display:flex;gap:40px;align-items:center;max-width:850px;margin:65px auto}.welcome h2{font-size:30px}.welcome p{margin:16px 0;max-width:55ch}.welcome a{display:inline-block;margin:12px 0 12px 14px}.quiet{font-size:13px;color:var(--wing-gray)}.title-row{margin-bottom:20px}.title-row label{flex:1;max-width:550px;margin:0}.editing-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.stage-panel{min-width:0}.stage-toolbar{margin-bottom:12px}#stage-label{font-weight:700}#layout-stage{position:relative;aspect-ratio:16/9;background:var(--surf);border-radius:12px;overflow:hidden;border:1px solid var(--sand-warm)}#layout-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.actor{position:absolute;height:40%;padding:0;border:2px solid transparent;background:transparent;min-height:0;transform:translateX(-50%);touch-action:none;border-radius:3px;cursor:grab}.actor svg{height:100%;width:auto;display:block;pointer-events:none}.actor.selected{border-color:var(--sea);outline:2px dashed var(--paper);outline-offset:2px}.actor:active{cursor:grabbing}.stage-help{margin:10px 0}.cast-list{display:flex;gap:8px;flex-wrap:wrap}.cast-list button{background:var(--surf);color:var(--ink);border:1px solid var(--sand-warm);padding:7px 12px}.cast-list button[aria-pressed=true]{border-color:var(--ink)}.inspector{padding:20px;background:var(--surf);border-radius:12px;min-width:0}.inspector h2{margin-bottom:14px}.inspector button{width:100%;margin-top:10px}.inspector .quiet{margin-top:10px}.coordinates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.timeline{grid-column:1/-1}.timeline-heading{padding:18px 0 12px}.check{display:flex;align-items:center;gap:8px;font-size:13px}.check input{width:auto}.beat{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--sand-warm);border-radius:0;padding:14px 12px;font-weight:400}.beat.selected{background:var(--surf);box-shadow:inset 4px 0 var(--sea)}.beat strong{min-width:90px;font-size:14px}.beat span{flex:1}.beat small{font-size:12px;color:var(--wing-gray)}#notice{margin-top:20px;min-height:24px;color:var(--sea)}#playback{position:relative;aspect-ratio:16/9;margin-bottom:56px}#preview{position:absolute;width:100%;height:calc(100% + 56px);border:0;border-radius:12px}.chat-panel{position:fixed;z-index:100;right:20px;bottom:20px;width:min(470px,calc(100vw - 40px));max-height:85dvh;overflow:auto;background:var(--paper);border:2px solid var(--ink);border-radius:16px;padding:20px;box-shadow:0 12px 40px #0003}.chat-panel p{margin:14px 0}.chat-heading{flex-wrap:nowrap}.chat-heading h2{font-size:20px}.chat-heading button{padding:5px 10px}.chat-panel pre{overflow:auto;font-size:13px;background:var(--surf);padding:12px}.chat-message{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0;padding:12px;border-radius:8px;background:var(--surf);max-height:400px;overflow:auto}.chat-message.user{background:transparent;border:1px solid var(--sand-warm)}#permission{padding:12px;border:2px solid var(--bill);border-radius:8px}#permission button{margin:5px}#apply-proposal{margin:12px 0;width:100%}@media(max-width:900px){.editing-grid{grid-template-columns:minmax(0,1fr) 260px}.editor-shell{padding:16px 24px 60px}}@media(max-width:650px){.editor-shell{padding:12px 18px 45px}.editor-heading{align-items:flex-start}.editor-heading>button{font-size:13px}.project-bar{gap:8px}.project-bar button{padding:8px 10px;font-size:13px}.welcome{margin:25px 0;gap:12px;align-items:flex-start}.welcome img{width:85px;height:130px}.welcome h2{font-size:24px}.welcome a{margin-left:0}.editing-grid{grid-template-columns:minmax(0,1fr);gap:18px}.inspector{padding:16px}.timeline{grid-column:auto}.beat{gap:10px;padding:12px 8px;align-items:flex-start}.beat strong{min-width:65px;max-width:80px;overflow-wrap:anywhere}.beat small{max-width:58px}.chat-panel{right:8px;bottom:8px;width:calc(100vw - 16px);max-height:90dvh;padding:16px}.title-row>span{width:100%}}

#job-project,#job-video{display:inline-block;margin:8px 16px 12px 0;min-height:32px}#job-status:not(:empty){margin:12px 0}

.agent-connection{display:flex;flex-direction:column;gap:6px;align-items:flex-end}#agent-status{font-size:13px;color:var(--wing-gray)}#agent-status[data-connected=true]{color:var(--sea);font-weight:700}@media(max-width:650px){.agent-connection{align-items:flex-start}}