*{box-sizing:border-box}body{margin:0;background:#0b0d10;color:#eef1f4;font:15px Inter,system-ui,sans-serif}header{height:64px;display:flex;align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid #282d35;background:#111419}header b{font-size:22px}header span{color:#8f98a5}header a{margin-left:auto;color:#eef1f4}main{padding:32px;max-width:1200px;margin:auto}.hero{padding:40px}.hero h1{font-size:42px;max-width:780px}.card{background:#15191f;border:1px solid #2b313a;border-radius:14px;padding:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project{color:white;text-decoration:none;display:flex;flex-direction:column;gap:8px}.project small,small{color:#9099a5}input,select,textarea,button{background:#0e1115;color:#eef1f4;border:1px solid #343b45;border-radius:8px;padding:11px;margin:4px}button{background:#e8ff54;color:#111;font-weight:700;cursor:pointer}.workspace{display:grid;grid-template-columns:285px 1fr;min-height:calc(100vh - 64px)}aside{border-right:1px solid #282d35;padding:20px;background:#101318}aside h3{font-size:11px;letter-spacing:1.4px;color:#858e99}.scene{width:100%;background:transparent;color:white;display:flex;text-align:left;gap:12px;border:0;border-bottom:1px solid #222831}.scene strong{color:#e8ff54}.scene span{font-size:12px}.workspace main{max-width:none;margin:0}.scenehead{display:flex;justify-content:space-between;align-items:start}.scenehead h1{margin:5px 0}.scenehead small{color:#e8ff54}pre{white-space:pre-wrap;background:#0d1014;padding:20px;border-radius:10px;line-height:1.55}.shotform{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0}.shotform textarea{grid-column:span 2}.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shot h3{font-weight:500}.shot strong{color:#e8ff54}.empty{text-align:center;margin-top:20vh;color:#89929d}@media(max-width:800px){.workspace{grid-template-columns:1fr}aside{border-right:0}.shotform,.grid,.shots{grid-template-columns:1fr}.shotform textarea{grid-column:auto}}
.gearline{display:block;margin:5px 4px}.sectiontitle{grid-column:1/-1;color:#e8ff54;font-size:11px;font-weight:800;letter-spacing:1.2px;margin:12px 4px 2px;border-top:1px solid #2b313a;padding-top:14px}.shotform .check{display:flex;align-items:center;gap:8px;color:#cbd1d8;padding:8px}.shotform .check input{width:auto}.shotform .save{grid-column:span 2}.hide{display:none!important}@media(max-width:800px){.sectiontitle,.shotform .save{grid-column:auto}}

/* v0.3 Guided Camera Setup */
.field{display:flex;flex-direction:column;gap:3px;min-width:0;margin:2px 4px}.field input,.field select,.field textarea{width:100%;margin:0}.fieldlabel{font-size:10px;font-weight:750;letter-spacing:.65px;text-transform:uppercase;color:#aeb6c1;display:flex;align-items:center;gap:5px;min-height:18px}.info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border:1px solid #68717d;border-radius:50%;font-size:10px;font-weight:800;line-height:1;color:#cbd2da;text-transform:none;cursor:help;outline:none}.tip{display:none;position:absolute;z-index:1000;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);width:280px;padding:11px 12px;background:#242a32;color:#e9edf2;border:1px solid #46505d;border-radius:9px;box-shadow:0 10px 28px rgba(0,0,0,.45);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.45}.tip b{display:block;color:#e8ff54;margin-bottom:4px;font-size:12px}.tip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:#46505d}.info:hover .tip,.info:focus .tip,.info.open .tip{display:block}.notesfield{grid-column:span 2}.notesfield textarea{min-height:64px}.shotform .check{margin-top:20px}.shotform .check .info{vertical-align:middle;margin-left:3px}@media(max-width:800px){.notesfield{grid-column:auto}.tip{position:fixed;left:12px;right:12px;bottom:18px;transform:none;width:auto}.tip:after{display:none}}
.exportmenu{margin-left:auto;position:relative}.exportbtn{background:transparent;color:#eef1f4;border:1px solid #394149;padding:7px 11px;border-radius:6px}.exportdrop{display:none;position:absolute;right:0;top:100%;min-width:220px;background:#171c21;border:1px solid #343b43;border-radius:7px;z-index:50;box-shadow:0 10px 30px #0008}.exportdrop a{display:block;padding:10px 12px;color:#eef1f4;text-decoration:none}.exportdrop a:hover{background:#222a31}.exportmenu:hover .exportdrop,.exportmenu:focus-within .exportdrop{display:block}

/* v0.5 Storyboard + Animatic planning */
.shotactions{margin-top:12px}.shotactions button{font-size:12px;padding:8px 10px}.storyboard{margin:22px 0}.storyhead{display:flex;justify-content:space-between;align-items:flex-start}.storyhead h2{margin:5px 4px 14px}.sectiontitle.noTop{border-top:0;padding-top:0}.ghost{background:transparent;color:#eef1f4;border-color:#46505a}.ghost.disabled{opacity:.45;cursor:not-allowed}.storyimage{display:block;max-width:100%;max-height:520px;margin:0 auto 16px;border-radius:10px;border:1px solid #343b45;object-fit:contain;background:#090b0e}.storyplaceholder{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #4b5562;border-radius:10px;color:#aeb6c1;background:#0d1014;margin-bottom:16px}.storyform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.storyform .wide{grid-column:1/-1}.storyform textarea{min-height:72px;width:100%;margin:0}.storybuttons{display:flex;gap:8px;flex-wrap:wrap}.storybuttons button{margin:0}@media(max-width:800px){.storyform{grid-template-columns:1fr}.storyform .wide{grid-column:auto}}
.authwrap{max-width:560px;margin:48px auto}.authcard{padding:28px}.authcard form{display:grid;gap:14px}.authcard input,.authcard select,.authcard textarea{width:100%;box-sizing:border-box}.toplinks{margin-left:auto;display:flex;gap:12px;align-items:center}.toplinks a{color:inherit;text-decoration:none}.qr{width:220px;height:220px;background:#fff;padding:8px;border-radius:8px}.secret{font-family:monospace;word-break:break-all;background:#f2f4f5;padding:10px;border-radius:6px}.notice{padding:12px;border:1px solid #bbb;border-radius:7px;margin:12px 0}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.charactergrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.charimg{width:100%;height:180px;object-fit:cover;border-radius:6px}.recovery{columns:2;font-family:monospace;font-size:16px}.flash{max-width:760px;margin:12px auto;padding:10px;border:1px solid #d5a000;border-radius:6px;background:#fff8dc}@media(max-width:700px){.settingsgrid{grid-template-columns:1fr}}

.loggedin{padding:.45rem .7rem;border:1px solid #343b45;border-radius:8px;color:#e9eef5}.welcome{max-width:1100px;margin:22px auto 0;color:#aeb7c2}.editScene{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.wide{grid-column:1/-1}.editScene textarea{min-height:260px}.revisionwarn,.reviewflag{background:#332d12;border:1px solid #665a1e;padding:10px;border-radius:8px}.reviewflag{margin-top:12px;color:#fff0a6}.gearadvisor{background:#10151b;border:1px solid #343b45;border-radius:10px;padding:14px}.advisorgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.advice{margin-top:10px;line-height:1.5}.advice small{color:#b9c1cb}@media(max-width:900px){.advisorgrid{grid-template-columns:1fr}.editScene{grid-template-columns:1fr}}