@font-face{font-family:Body;src:url('fonts/Poppins-700.woff')}@font-face{font-family:Display;src:url('fonts/ArchivoBlack-400.woff')}*{box-sizing:border-box}body{margin:0;background:#eceee8;color:#162623;font:14px/1.6 system-ui,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,select,.import{cursor:pointer}button,input,textarea,select{border:1px solid #b9c3b6;border-radius:8px;color:inherit;background:#f8f9f4;padding:10px 12px}button:hover{background:#d9e6d1}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #d34f2f;outline-offset:3px}header,main,footer{max-width:1540px;margin:auto;padding:24px 34px}header{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #c6ccbd;font-size:11px;letter-spacing:.1em}header a{text-decoration:none}header span{color:#6b7568}.intro{display:flex;justify-content:space-between;gap:30px;margin:34px 0 28px;align-items:center}.intro p{max-width:760px;color:#657062}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:#64715e}.intro h1{font:clamp(34px,4vw,60px)/1.08 Display,system-ui;margin:10px 0;letter-spacing:-.04em}.facts{display:flex;gap:26px;font-size:11px;color:#667560}.facts b{display:block;font:32px Display;color:#223c2f}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr) 290px;background:#f8f9f4;border:1px solid #c4ccbb;border-radius:14px;overflow:hidden}.workspace aside,.properties{padding:18px;background:#f3f4ed}.workspace aside{border-right:1px solid #d3d9cb}.workspace .properties{border-left:1px solid #d3d9cb}.stage-column{padding:20px;min-width:0}.stage-label{display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.5;color:#65735e;min-height:40px}.stage-label span:last-child{text-align:right}#canvas-shell{background:#151c23;min-height:420px;display:flex;justify-content:center;align-items:center;border-radius:10px;overflow:hidden}#film{display:block;width:100%;height:auto}#canvas-shell[data-format=portrait] #film{max-height:550px;width:auto;max-width:100%}#canvas-shell[data-format=square] #film{max-height:550px;width:auto;max-width:100%}.transport{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.transport input{min-width:90px;flex:1;accent-color:#49714a}.transport output{font-size:11px;min-width:108px}.transport button,.transport select{font-size:11px;padding:8px}.muted{font-size:11px;line-height:1.7;color:#667560}#scene-list{display:grid;gap:8px;max-height:640px;overflow:auto}#scene-list button{text-align:left;padding:12px;background:transparent;min-width:0}#scene-list button[aria-pressed=true]{background:#173d31;color:#f3f3e5;border-color:#173d31}#scene-list small{display:block;font-size:9px;opacity:.6}#scene-list strong{display:block;font-size:12px;font-weight:600;margin-top:5px;overflow-wrap:anywhere}.properties label,.project-settings label{display:block;font-size:11px;margin:10px 0}.properties input,.properties textarea,.properties select,.project-settings input,.project-settings select{width:100%;display:block;margin-top:5px}.properties textarea{resize:vertical;min-height:70px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order{display:flex;gap:8px}.order button{font-size:10px;padding:8px}.project-settings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;margin:36px 0 50px;padding:26px;border:1px solid #c6cfbd;border-radius:12px}.project-settings button{margin:0 8px 12px 0;font-size:11px}.project-settings input[type=color]{height:40px;padding:5px}.import input{font-size:10px}h2{font:30px/1.12 Display;letter-spacing:-.035em;margin:12px 0 25px}.deliveries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.delivery{border:1px solid #c3ccba;border-radius:12px;overflow:hidden;min-width:0;background:#f8f9f4}.delivery video{width:100%;display:block;height:260px;object-fit:contain;background:#121b20}.delivery>div{padding:15px}.delivery h3{margin:0 0 8px;font-size:14px}.delivery a{font-size:11px;display:block;margin:5px 0}.links{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.links a{font-size:11px;border:1px solid #bfc9b7;border-radius:6px;padding:8px 11px}footer{border-top:1px solid #c4ccb9;font-size:11px;color:#65725f;margin-top:35px}#error{color:#9e301b;font-size:11px;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:1150px){.workspace{grid-template-columns:160px minmax(0,1fr)}.properties{grid-column:1/-1;border-top:1px solid #c7cebf;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.properties .eyebrow,.properties .muted{grid-column:1/-1}#canvas-shell{min-height:250px}.project-settings{gap:20px;padding:20px}.delivery video{height:220px}}@media(max-width:720px){header,main,footer{padding:18px}.intro{display:block}.facts{margin-top:22px}.workspace{display:flex;flex-direction:column}.workspace aside{border-right:0;border-bottom:1px solid #ccd3c3}#scene-list{display:flex;overflow:auto;max-height:none}#scene-list button{flex:0 0 170px}.workspace aside>.muted{display:none}.stage-column{padding:12px}#canvas-shell{min-height:170px}.properties{display:block}.project-settings{grid-template-columns:1fr}.deliveries{grid-template-columns:1fr}.delivery video{height:auto;max-height:520px}.transport{gap:8px}.transport output{min-width:90px}.intro h1{font-size:36px}header{font-size:9px;flex-wrap:wrap}}

.project-settings input[type=checkbox]{display:inline-block;width:auto;margin:0 7px 0 0;vertical-align:middle}.story-nav{display:flex;gap:12px;flex-wrap:wrap;margin:4px 0 24px}.story-nav a{border:1px solid #bfcab5;border-radius:8px;padding:10px 15px;font-size:12px;text-decoration:none}.story-nav a[aria-current=page]{background:#183d31;color:#f5f4e9}.story-nav a:hover{box-shadow:0 0 0 2px #77916c}
