*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 100% 0%,#073b9c80,transparent 53%),radial-gradient(ellipse at 76% 65%,#05214a50,transparent 58%),#020710;color:#cdd9f2;font-family:Arial,Helvetica,sans-serif;font-weight:400}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#2b71b545 .8px,transparent 1px);background-size:42px 42px;opacity:.45;z-index:-1}button{font:inherit;color:inherit;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:12px;padding:12px 20px}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid #9fcfff;outline-offset:5px}button:disabled{cursor:default;opacity:.45}header{height:139px;padding:28px 4%;display:flex;align-items:flex-start;justify-content:space-between}header img{width:79px;height:79px;object-fit:contain}nav{display:flex;gap:12px;padding-top:2px}nav button{font-size:20px;color:#8495bf;padding:10px 6px}nav button.active{color:#e3edff}.layout{display:grid;grid-template-columns:230px 1fr;gap:24px;padding:0 4% 70px}aside{padding-top:7px}#steps{display:flex;flex-direction:column;gap:4px}#steps button{text-align:left;padding:10px 0;font-size:18px;border-radius:0;color:#667ba5}#steps button.active{color:#e0e7fa;text-shadow:0 0 8px #b7d7ff50}.generate{margin-top:15px;border-color:#0d4789;width:170px;color:#9abfff}main{width:100%;max-width:1050px;padding:0 3%}h1{text-align:center;font-size:34px;margin:4px 0 15px;font-weight:650;text-shadow:0 0 9px #a1c7ff44}.subtitle{text-align:center;color:#779bbd;font-size:25px;margin:0 0 32px}textarea{display:block;width:88%;margin:0 auto;height:200px;resize:vertical;border:1px solid #42679d;border-radius:16px;background:linear-gradient(120deg,#071329a0,#123a7960);box-shadow:0 -2px 5px #7aaaff33;color:#e5edff;font:19px/1.5 Arial;padding:18px}textarea::placeholder{color:#6680ac}.hint{color:#85a6c7;font-size:22px;text-align:center;margin:35px 0 27px}.modes{display:flex;justify-content:center;gap:38px}.modes button{width:280px;font-size:20px;background:linear-gradient(#0c2e67,#071228);border-color:#173e7a;box-shadow:inset 0 2px 5px #5085da44}.modes button:before{content:'○';margin-right:12px}.modes button.selected:before{content:'✓'}.selected,.primary{border-color:#3098ff!important;box-shadow:0 0 11px #087dff88,inset 0 0 14px #126ef166!important;background:linear-gradient(#103d88,#071730)!important;color:#e4edff!important}.actions{display:flex;justify-content:center;gap:25px;margin-top:60px}.actions button{min-width:160px;font-size:21px}.primary{min-width:200px!important;border:1px solid}h2{font-size:16px;font-weight:600;letter-spacing:2px;margin:0 0 15px}.ratios{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.ratio{padding:23px 8px 16px;min-height:155px;border:1px solid #183564;background:linear-gradient(#07162b,#061020);border-radius:12px;display:flex;align-items:center;flex-direction:column;gap:15px}.ratio .shape{width:48px;height:28px;border:2px solid #7b9ad2;border-radius:3px;display:block}.ratio[data-ratio="AUTO"] .shape{width:30px;height:30px;border-style:dashed}.ratio[data-ratio="9:16"] .shape{width:22px;height:39px}.ratio[data-ratio="1:1"] .shape{width:35px;height:35px}.ratio[data-ratio="4:3"] .shape{width:40px;height:30px}.ratio[data-ratio="2.39:1"] .shape{height:20px}.ratio strong{font-size:16px}.ratio small{font-size:13px;color:#8a9fc4;line-height:1.4}.length{margin-top:38px;position:relative}.length output{display:block;text-align:center;font-size:28px;margin-top:-30px;margin-bottom:17px}.length input{width:100%;accent-color:#2797ff;cursor:pointer}.ticks{display:flex;justify-content:space-between;color:#8c9dbd;font-size:13px;margin-top:10px}.small{text-align:center;color:#8a9bb8;font-size:14px;line-height:1.6;margin-top:24px}#reset{display:block;margin:35px auto;border-color:#355075}#saveError{color:#edbf9d;text-align:center}[hidden]{display:none!important}@media(min-width:1600px){header{height:170px}.layout{grid-template-columns:260px 1fr}main{max-width:1200px}h1{font-size:40px}textarea{height:250px}#steps button{padding:13px 0}}@media(max-width:900px){header{height:110px}.layout{grid-template-columns:170px 1fr;gap:10px}main{padding:0}h1{font-size:27px}.subtitle{font-size:19px}.ratios{grid-template-columns:repeat(3,1fr)}.modes{gap:15px}.modes button{font-size:15px;padding:15px 8px}.hint{font-size:18px}.length output{margin:10px 0}#steps button{font-size:15px}textarea{width:100%}}@media(max-width:600px){header{height:96px;padding:20px}header img{width:54px;height:54px}nav{gap:9px}nav button{font-size:14px}.layout{display:block;padding:0 20px 40px}aside{margin-bottom:25px}#steps{flex-direction:row;gap:22px}#steps button:disabled,.generate{display:none}#steps button{padding:8px 0}.subtitle{margin-bottom:25px}h1{font-size:25px}textarea{height:210px;font-size:16px}.hint{margin:25px 0}.modes{gap:10px}.modes button{font-size:14px}.actions{margin-top:35px;gap:12px}.actions button{min-width:110px;font-size:17px}.primary{min-width:145px!important}.ratio{min-height:147px}.small{font-size:12px}}

.character-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:94%;margin:0 auto 24px}.character-cards button{position:relative;border:1px solid #285999;background:linear-gradient(130deg,#081a38,#061126);box-shadow:inset 0 1px 5px #4b83d455;min-height:235px;display:flex;align-items:center;flex-direction:column;padding:25px 20px;gap:17px}.character-cards svg{width:57px;height:57px;fill:none;stroke:#9cb9ed;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.character-cards strong{font-size:18px;font-weight:500;line-height:1.35}.character-cards span{font-size:16px;line-height:1.45;color:#8fa8ce;max-width:215px}.character-cards .selected:after{content:'✓';position:absolute;right:12px;top:12px;border:1px solid #8ec9ff;border-radius:50%;padding:1px 5px;color:#d9efff;box-shadow:0 0 10px #308cff}#characterFields,#characterAuto{width:94%;margin:auto}.character-row{display:flex;gap:8px;align-items:center;margin-bottom:8px;padding:6px 10px;border:1px solid #20599e;box-shadow:inset 0 1px 4px #2975c855;border-radius:13px;background:#07142c99}.character-row input{width:100%;min-width:0;background:transparent;border:1px solid transparent;border-radius:8px;color:#dce9ff;font:16px Arial;padding:12px}.character-row input:focus-visible{outline:2px solid #9fcfff}.character-row.described input{width:22%;border-color:#23477e}.character-row textarea{flex:1;width:auto;margin:0;height:46px;min-height:46px;padding:10px;font-size:14px;border-radius:8px;box-shadow:none}.character-row button{font-size:26px;padding:3px 10px}.character-row input::placeholder,.character-row textarea::placeholder{color:#8098bd}#addCharacter{width:100%;border:2px dashed #2c67ac;background:#09204060;color:#a0c4f6;border-radius:12px;font-size:18px}#characterAuto{text-align:center}#characterAuto h3{font-size:26px;margin:30px 0 12px;text-shadow:0 0 8px #3b8bff}#characterAuto p{font-size:20px;color:#9db4db;line-height:1.45;margin:0 auto 18px;max-width:720px}.character-info{text-align:left;border:1px solid #3267b3;border-radius:17px;padding:22px 30px;color:#a2c0ed;box-shadow:0 0 7px #2168cf66}#characters .actions{margin-top:35px}#charactersSkip{font-size:16px;color:#8eabd2}@media(max-width:900px){.character-cards{width:100%;gap:9px}.character-cards button{padding:20px 10px}.character-cards strong{font-size:15px}.character-cards span{font-size:13px}#characterFields,#characterAuto{width:100%}}@media(max-width:600px){#steps{gap:15px}#steps button{font-size:13px}.character-cards{grid-template-columns:1fr}.character-cards button{min-height:0;display:grid;grid-template-columns:45px 1fr;text-align:left;gap:10px 18px;padding:20px}.character-cards svg{width:42px;height:42px;grid-row:span 2}.character-cards span{max-width:none}.character-cards strong{padding-right:18px}.character-row.described{flex-wrap:wrap}.character-row.described input{width:calc(100% - 46px)}.character-row.described textarea{order:3;flex-basis:100%;height:90px;margin-bottom:4px}#characters .actions{gap:5px}#characters .actions button{min-width:65px!important;padding:12px;font-size:15px}#characterAuto h3{font-size:22px}#characterAuto p{font-size:17px}}

.object-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:94%;margin:0 auto 24px}.object-cards button{position:relative;border:1px solid #285999;background:linear-gradient(130deg,#081a38,#061126);box-shadow:inset 0 1px 5px #4b83d455;min-height:235px;display:flex;align-items:center;flex-direction:column;padding:25px 20px;gap:17px}.object-cards svg{width:57px;height:57px;fill:none;stroke:#9cb9ed;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.object-cards strong{font-size:18px;font-weight:500;line-height:1.35}.object-cards span{font-size:16px;line-height:1.45;color:#8fa8ce;max-width:215px}.object-cards .selected:after{content:'✓';position:absolute;right:12px;top:12px;border:1px solid #8ec9ff;border-radius:50%;padding:1px 5px;color:#d9efff;box-shadow:0 0 10px #308cff}#objectFields,#objectAuto{width:94%;margin:auto}.object-row{display:flex;gap:8px;align-items:center;margin-bottom:8px;padding:6px 10px;border:1px solid #20599e;box-shadow:inset 0 1px 4px #2975c855;border-radius:13px;background:#07142c99}.object-row input{width:100%;min-width:0;background:transparent;border:1px solid transparent;border-radius:8px;color:#dce9ff;font:16px Arial;padding:12px}.object-row input:focus-visible{outline:2px solid #9fcfff}.object-row.described input{width:22%;border-color:#23477e}.object-row textarea{flex:1;width:auto;margin:0;height:46px;min-height:46px;padding:10px;font-size:14px;border-radius:8px;box-shadow:none}.object-row button{font-size:26px;padding:3px 10px}.object-row input::placeholder,.object-row textarea::placeholder{color:#8098bd}#addObject{width:100%;border:2px dashed #2c67ac;background:#09204060;color:#a0c4f6;border-radius:12px;font-size:18px}#objectAuto{text-align:center}#objectAuto h3{font-size:26px;margin:30px 0 12px;text-shadow:0 0 8px #3b8bff}#objectAuto p{font-size:20px;color:#9db4db;line-height:1.45;margin:0 auto 18px;max-width:720px}.object-info{text-align:left;border:1px solid #3267b3;border-radius:17px;padding:22px 30px;color:#a2c0ed;box-shadow:0 0 7px #2168cf66}#objects .actions{margin-top:35px}#objectsSkip{font-size:16px;color:#8eabd2}@media(max-width:900px){.object-cards{width:100%;gap:9px}.object-cards button{padding:20px 10px}.object-cards strong{font-size:15px}.object-cards span{font-size:13px}#objectFields,#objectAuto{width:100%}}@media(max-width:600px){#steps{gap:15px}#steps button{font-size:13px}.object-cards{grid-template-columns:1fr}.object-cards button{min-height:0;display:grid;grid-template-columns:45px 1fr;text-align:left;gap:10px 18px;padding:20px}.object-cards svg{width:42px;height:42px;grid-row:span 2}.object-cards span{max-width:none}.object-cards strong{padding-right:18px}.object-row.described{flex-wrap:wrap}.object-row.described input{width:calc(100% - 46px)}.object-row.described textarea{order:3;flex-basis:100%;height:90px;margin-bottom:4px}#objects .actions{gap:5px}#objects .actions button{min-width:65px!important;padding:12px;font-size:15px}#objectAuto h3{font-size:22px}#objectAuto p{font-size:17px}}

@media(max-width:600px){#steps{flex-wrap:wrap;gap:5px 16px}}

.location-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:94%;margin:0 auto 24px}.location-cards button{position:relative;border:1px solid #285999;background:linear-gradient(130deg,#081a38,#061126);box-shadow:inset 0 1px 5px #4b83d455;min-height:235px;display:flex;align-items:center;flex-direction:column;padding:25px 20px;gap:17px}.location-cards svg{width:57px;height:57px;fill:none;stroke:#9cb9ed;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.location-cards strong{font-size:18px;font-weight:500;line-height:1.35}.location-cards span{font-size:16px;line-height:1.45;color:#8fa8ce;max-width:215px}.location-cards .selected:after{content:'✓';position:absolute;right:12px;top:12px;border:1px solid #8ec9ff;border-radius:50%;padding:1px 5px;color:#d9efff;box-shadow:0 0 10px #308cff}#locationFields,#locationAuto{width:94%;margin:auto}.location-row{display:flex;gap:8px;align-items:center;margin-bottom:8px;padding:6px 10px;border:1px solid #20599e;box-shadow:inset 0 1px 4px #2975c855;border-radius:13px;background:#07142c99}.location-row input{width:100%;min-width:0;background:transparent;border:1px solid transparent;border-radius:8px;color:#dce9ff;font:16px Arial;padding:12px}.location-row input:focus-visible{outline:2px solid #9fcfff}.location-row.described input{width:22%;border-color:#23477e}.location-row textarea{flex:1;width:auto;margin:0;height:46px;min-height:46px;padding:10px;font-size:14px;border-radius:8px;box-shadow:none}.location-row button{font-size:26px;padding:3px 10px}.location-row input::placeholder,.location-row textarea::placeholder{color:#8098bd}#addLocation{width:100%;border:2px dashed #2c67ac;background:#09204060;color:#a0c4f6;border-radius:12px;font-size:18px}#locationAuto{text-align:center}#locationAuto h3{font-size:26px;margin:30px 0 12px;text-shadow:0 0 8px #3b8bff}#locationAuto p{font-size:20px;color:#9db4db;line-height:1.45;margin:0 auto 18px;max-width:720px}.location-info{text-align:left;border:1px solid #3267b3;border-radius:17px;padding:22px 30px;color:#a2c0ed;box-shadow:0 0 7px #2168cf66}#location .actions{margin-top:35px}#locationsSkip{font-size:16px;color:#8eabd2}@media(max-width:900px){.location-cards{width:100%;gap:9px}.location-cards button{padding:20px 10px}.location-cards strong{font-size:15px}.location-cards span{font-size:13px}#locationFields,#locationAuto{width:100%}}@media(max-width:600px){#steps{gap:15px}#steps button{font-size:13px}.location-cards{grid-template-columns:1fr}.location-cards button{min-height:0;display:grid;grid-template-columns:45px 1fr;text-align:left;gap:10px 18px;padding:20px}.location-cards svg{width:42px;height:42px;grid-row:span 2}.location-cards span{max-width:none}.location-cards strong{padding-right:18px}.location-row.described{flex-wrap:wrap}.location-row.described input{width:calc(100% - 46px)}.location-row.described textarea{order:3;flex-basis:100%;height:90px;margin-bottom:4px}#location .actions{gap:5px}#location .actions button{min-width:65px!important;padding:12px;font-size:15px}#locationAuto h3{font-size:22px}#locationAuto p{font-size:17px}}

@media(max-width:600px){#steps{flex-wrap:wrap;gap:5px 16px}}

#locationFields .location-row.described{border:0;box-shadow:none;background:none;padding:0;gap:10px}#locationFields .location-row.described input,#locationFields .location-row.described textarea{border:1px solid #285999;background:#07142c99;border-radius:12px;padding:13px}#locationFields .location-row.described input{width:26%}@media(max-width:600px){#locationFields .location-row.described input{width:calc(100% - 46px)}}

.genre-carousel{display:grid;grid-template-columns:1fr 1.36fr 1fr;gap:16px;align-items:center;margin-top:18px}.genre-card{position:relative;overflow:hidden;height:260px;border:1px solid #154179;background:linear-gradient(135deg,#07182f,#031024);padding:0;display:flex;align-items:center;justify-content:center;border-radius:14px}.genre-card img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.genre-card strong{position:absolute;bottom:0;left:0;right:0;padding:30px 5px 14px;background:linear-gradient(transparent,#031025ed);font-size:20px;text-align:center}.genre-card.current{height:290px;border:2px solid #369cff;box-shadow:0 0 14px #087dffa0,inset 0 0 30px #126ef166}.genre-card.side{opacity:.55}.genre-card.side img{filter:blur(2px)}.genre-card.side:hover{opacity:.85}.genre-spark{font-size:100px;color:#c8dfff}.genre-card:has(.genre-spark) strong{bottom:45px;background:none}.genre-controls{display:flex;align-items:center;justify-content:center;gap:35px;margin-top:20px}.genre-controls button{border:1px solid #1669b7;border-radius:50%;padding:4px;width:38px;height:38px;font-size:25px}.genre-controls strong{font-size:23px;min-width:130px;text-align:center}#genreDescription{margin:8px 0 14px}.genre-dots{display:flex;justify-content:center;gap:9px}.genre-dots button{width:11px;height:11px;border:1px solid #2188d5;border-radius:50%;padding:0}#genreCount{margin:8px 0 0}.era{margin-top:20px}.era output{display:block;text-align:center;font-size:23px;font-weight:600;margin:-20px 0 20px}.era input{width:100%;accent-color:#159aff;cursor:pointer}.era-labels{display:grid;grid-template-columns:repeat(9,1fr);gap:0;margin:8px -4% 0}.era-labels button{font-size:11px;padding:9px 2px;color:#779fc7;border-radius:5px}.era-labels button.active{color:#e0edff;text-shadow:0 0 7px #4595ff}.era .small{margin-top:20px}#genre .actions{margin-top:35px}@media(max-width:900px){.genre-card{height:200px}.genre-card.current{height:230px}.genre-card strong{font-size:16px}.era-labels{margin:8px 0 0;grid-template-columns:repeat(3,1fr)}.era-labels button{font-size:12px}.era-labels button.active{border-color:#2589df}}@media(max-width:600px){.genre-carousel{gap:8px;grid-template-columns:1fr 1.9fr 1fr}.genre-card{height:150px}.genre-card.current{height:200px}.genre-card strong{font-size:11px;padding:25px 2px 10px}.genre-card.current strong{font-size:18px}.genre-spark{font-size:70px}.genre-card:has(.genre-spark) strong{bottom:25px}.genre-controls{gap:20px}.genre-controls strong{font-size:20px}.era output{margin:0 0 15px}}

.lens-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.lens-card{position:relative;overflow:hidden;padding:0;border:1px solid #215797;border-radius:10px;background:#051224;text-align:center}.lens-card img,.lens-auto{display:block;width:100%;aspect-ratio:1.12;object-fit:cover}.lens-auto{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#073579,#020e21 75%);box-shadow:inset 0 0 12px #276cd477}.lens-auto svg{width:60px;height:60px;fill:none;stroke:#bfd5ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #368cff)}.lens-caption{min-height:66px;padding:12px 5px;display:flex;flex-direction:column;gap:6px}.lens-caption strong{font-size:16px;font-weight:500}.lens-caption span{font-size:13px;color:#93add1}.lens-card.selected:after{content:'✓';position:absolute;right:9px;top:9px;border:1px solid #a6ceff;background:#064a99c9;border-radius:50%;padding:2px 6px;box-shadow:0 0 9px #3098ff;color:#e5f2ff}#lens .actions{margin-top:38px}@media(max-width:1100px){.lens-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.lens-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lens-caption strong{font-size:15px}}

#colorDescription{margin:8px 0 14px}#colorCount{margin:8px 0 0}#color .actions{margin-top:45px}#color .genre-controls strong{min-width:190px}@media(max-width:600px){#color .genre-controls{gap:10px}#color .genre-controls strong{font-size:17px;min-width:175px}}

#lightingDescription{margin:8px 0 14px}#lightingCount{margin:8px 0 0}#lighting .actions{margin-top:45px}#lighting .genre-controls strong{min-width:165px}

#camera .genre-carousel{grid-template-columns:1fr 1.15fr 1fr;gap:25px;margin-top:10px}#camera .genre-card{height:165px}#camera .genre-card.current{height:180px}#camera .genre-card video{width:100%;height:100%;object-fit:cover}#camera .genre-card strong{font-size:16px;padding:25px 3px 10px}#camera .genre-controls{margin-top:12px;gap:22px}#camera .genre-controls strong{font-size:20px;min-width:220px}#camera .genre-spark{font-size:65px}#camera .genre-card:has(.genre-spark) strong{bottom:10px}.camera-group+.camera-group{margin-top:28px}.camera-description{margin:7px 0 12px}.camera-count{margin:8px 0 0}.camera-playback{display:block;margin:12px auto 0;padding:6px 12px;font-size:13px;color:#9cb9dc;border-color:#254d79}#camera .actions{margin-top:28px}@media(max-width:600px){#camera .genre-carousel{gap:8px;grid-template-columns:1fr 1.7fr 1fr}#camera .genre-card{height:110px}#camera .genre-card.current{height:145px}#camera .genre-card strong{font-size:10px}#camera .genre-card.current strong{font-size:13px}#camera .genre-controls{gap:7px}#camera .genre-controls strong{font-size:16px;min-width:200px}}

.sound-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 auto 28px;width:94%}.sound-cards button{position:relative;display:flex;align-items:center;flex-direction:column;gap:17px;padding:25px 12px 20px;border:1px solid #285999;background:linear-gradient(130deg,#081a38,#061126);min-height:180px}.sound-cards svg{width:46px;height:46px;fill:none;stroke:#a8c8f3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.sound-cards strong{font-size:17px;font-weight:500}.sound-cards span{font-size:15px;color:#8fa8ce}.sound-cards button:after{content:'';position:absolute;top:12px;right:12px;width:22px;height:22px;border:1px solid #3d71b5;border-radius:50%}.sound-cards button.selected:after{content:'✓';border-color:#8ec9ff;color:#d9efff;box-shadow:0 0 10px #308cff}.sound-field{width:94%;margin:0 auto 24px}.sound-field label{display:flex;justify-content:space-between;font-size:16px;color:#92b2d8;margin-bottom:10px}.sound-field label span{color:#6e94c1}.sound-field textarea{width:100%;height:105px;font-size:16px;margin:0}#sound .actions{margin-top:35px}@media(max-width:600px){.sound-cards{width:100%;gap:8px}.sound-cards button{padding:24px 6px 15px;min-height:170px;gap:13px}.sound-cards strong{font-size:12px}.sound-cards span{font-size:12px;line-height:1.4}.sound-cards svg{width:36px;height:36px}.sound-cards button:after{width:17px;height:17px;top:6px;right:6px}.sound-field{width:100%}}

.timeline-modes{margin:35px 0 28px}.timeline-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#88a9cf;margin:22px 0 16px}.timeline-heading h2,.timeline-heading h3{margin:0;color:#c4d8f5}.timeline-heading span{font-size:14px}#timelineRuler{border-bottom:1px solid #42618c;padding-bottom:12px}#timelineTrack{position:relative;display:flex;margin-top:10px;min-height:130px}.timeline-shot{border:1px solid #244e87;border-radius:7px;background:#07152c;min-width:0;padding:14px 10px;text-align:left;overflow:hidden;display:flex;flex-direction:column;gap:8px;font-size:13px}.timeline-shot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;flex-shrink:0}.timeline-shot span:nth-child(n+3){font-size:11px;color:#89a5cd}.cut-handle{position:absolute;top:0;width:10px;height:38px;background:#5688d7;border:2px solid #a5c5ff;border-radius:8px;transform:translateX(-50%);cursor:ew-resize;touch-action:none;z-index:2}.cut-handle:focus-visible{outline:2px solid white;outline-offset:3px}.timeline-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:13px;color:#8aa6ce;font-size:13px}.timeline-tools button{border-color:#285999;font-size:13px;padding:9px 12px}.shot-editor{border:1px solid #244e87;border-radius:12px;padding:0 20px 22px;margin-top:22px;background:#07152c66}.shot-fields{display:grid;grid-template-columns:1fr 1fr 1.7fr 1.7fr;gap:18px}.shot-fields label{font-size:11px;color:#90acd0}.shot-fields input,.shot-fields select{width:100%;display:block;margin-top:10px;padding:12px 8px;background:#061329;color:#c5d9f5;border:1px solid #244e87;border-radius:7px;font:14px Arial}.shot-fields input:disabled{opacity:.6}#timelineError{color:#edbf9d;font-size:13px}#timeline .actions{margin-top:32px}@media(max-width:700px){.shot-fields{grid-template-columns:1fr 1fr}.timeline-shot{padding:12px 4px}.timeline-heading span{font-size:11px}.timeline-modes{gap:10px}.timeline-modes button{font-size:13px}.timeline-tools{align-items:flex-start}}

.scale-panel{margin-top:44px;border:1px solid #278bfa;border-radius:15px;background:linear-gradient(120deg,#071329a0,#123a7950);box-shadow:0 0 12px #087dff55,inset 0 1px 5px #719dce55;padding:22px 25px 32px}.scale-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.scale-heading h2{letter-spacing:0;font-size:16px;font-weight:400;margin:0}.scale-heading button{border-color:#18509b;border-radius:9px;padding:12px 20px;font-size:18px}.scale-heading button:before{content:'○';margin-right:12px}.scale-heading button.selected:before{content:'✓'}#scaleName{text-align:center;font-size:48px;margin:22px 0 10px}#scaleSubtitle{text-align:center;color:#84a8e9;font-size:23px;margin:0 0 34px}.scale-slider{margin:0 18px}#scaleRange{appearance:none;width:100%;height:6px;background:#0d459f;border-radius:9px;cursor:pointer;margin:12px 0 0}#scaleRange::-webkit-slider-thumb{appearance:none;width:28px;height:28px;border:2px solid #c2deff;border-radius:50%;background:#1680ff;box-shadow:0 0 15px #157bff}#scaleRange::-moz-range-thumb{width:25px;height:25px;border:2px solid #c2deff;border-radius:50%;background:#1680ff;box-shadow:0 0 15px #157bff}#scaleRange.is-auto{opacity:.45}#scaleLabels{display:flex;justify-content:space-between;margin:13px -18px 0}#scaleLabels button{position:relative;padding:15px 0 0;font-size:14px;color:#86a8d9;border-radius:0}#scaleLabels button:before{content:'';position:absolute;top:0;left:50%;height:10px;width:2px;background:#6588b5}#scaleLabels button[aria-pressed=true]{color:#d0e4ff}#scaleDescription{text-align:center;color:#87a8d3;font-size:18px;line-height:1.5;margin:35px 0 0}.scale-hint{font-size:18px;margin-top:40px}#scale .actions{margin-top:42px}@media(max-width:600px){.scale-panel{padding:18px 16px 25px;margin-top:30px}.scale-heading h2{font-size:12px}.scale-heading button{font-size:14px;padding:10px}#scaleName{font-size:34px;margin-top:30px}#scaleSubtitle{font-size:16px}#scaleLabels button{font-size:10px}#scaleDescription{font-size:15px}.scale-hint{font-size:15px}}

.timeline-shot{padding-top:33px}.remove-shot{position:absolute;top:3px;transform:translateX(calc(-100% - 7px));z-index:3;width:23px;height:25px;min-width:0;padding:0;border:1px solid transparent;border-radius:5px;background:#07152c;color:#91add4;font-size:21px;line-height:22px}.remove-shot:hover{color:#fff;border-color:#6182b5;background:#173356}.remove-shot:focus-visible{outline:2px solid #b9daff;outline-offset:1px}

.result-wrap{position:relative;margin-top:32px;margin-right:40px}#resultText{width:100%;height:470px;min-height:280px;margin:0;padding:25px;border:1px solid #2384f3;border-radius:16px;box-shadow:0 0 10px #087dff55,inset 0 1px 7px #71a5ef55;background:linear-gradient(120deg,#071329a0,#123a7950);font:15px/1.65 Arial,sans-serif;color:#c9dcf5;overflow:auto;white-space:pre-wrap}#copyResult{position:absolute;top:0;right:-46px;padding:5px;color:#9dbfff;filter:drop-shadow(0 0 4px #388fff)}#copyResult:hover{color:#e5f2ff}#result .subtitle{font-size:22px;line-height:1.45}#result .actions{margin-top:24px}#resultStatus{color:#b9d7ff}.generate{border-color:#2587f5;box-shadow:0 0 10px #087dff66;background:linear-gradient(#103d88,#071730);color:#e4edff}@media(max-width:600px){.generate{display:block;margin:15px 0;width:160px}#result .subtitle{font-size:17px}#resultText{font-size:13px;padding:15px;height:420px}.result-wrap{margin-right:32px}#copyResult{right:-37px}}

body.home-page{background:radial-gradient(ellipse at 100% 0%,#073b9c80,transparent 52%),linear-gradient(115deg,#000 20%,#020b1b 78%,#031128)}body.home-page:before{display:none}.home-page .layout{display:block!important;padding-bottom:100px}.home-page main{max-width:1180px;margin:auto;padding:0 2%}#home{text-align:center}#home h1{font-size:clamp(36px,4.6vw,66px);line-height:1.07;margin:0;font-weight:650}#home p{font-size:21px;line-height:1.45;color:#7c9fc8;margin:18px 0}#home h2{font-size:34px;line-height:1.25;letter-spacing:0;text-shadow:0 0 8px #a1c7ff55}#home h3{font-size:20px;font-weight:600;margin:0 0 12px}.home-hero{padding-top:15px}.home-hero p{font-size:27px!important;margin:22px 0 32px!important}.home-start{font-size:17px;min-width:210px!important;padding:13px 24px}.home-direction{margin-top:90px}.home-direction p{margin:20px 0!important}.home-how{margin-top:75px}.home-media{position:relative;width:100%;aspect-ratio:3.1;margin:20px auto 0;mix-blend-mode:screen}.home-media img,.home-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.home-playback{display:block;margin:4px 0 16px auto;padding:5px 9px;font-size:11px;color:#819ac0}.home-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;text-align:left;padding:0 15px}.home-columns p{font-size:18px!important;margin:0!important}.home-savings{margin-top:70px}.home-savings h2{font-size:55px!important;line-height:1.15!important;margin-bottom:10px}.home-closing{font-size:28px!important;margin:65px 0 30px}@media(max-width:700px){.home-page main{padding:0}.home-hero p{font-size:19px!important}#home h2{font-size:25px}#home p{font-size:17px}.home-direction{margin-top:60px}.home-how{margin-top:50px}.desktop-break{display:none}.home-columns{grid-template-columns:1fr;gap:28px;padding:0 8px}.home-columns p{font-size:16px!important}.home-columns h3{font-size:18px!important}.home-savings h2{font-size:40px!important}.home-closing{font-size:23px!important}.home-media{width:100%}.home-playback{margin-bottom:25px}}

.account-page main{margin:0 auto;max-width:1050px;width:100%;padding:0 3%}.account-page .layout{display:block!important}.account-panel{max-width:610px;margin:25px auto 0;border:1px solid #235495;border-radius:15px;padding:30px 36px;background:linear-gradient(120deg,#061020a0,#0c235155)}.account-tabs{display:flex;margin:0 0 35px;border-bottom:1px solid #203556}.account-tabs button{width:50%;border-radius:0;padding:5px 0 18px;color:#7e9bc8;font-size:20px}.account-tabs button.active{color:#e0eaff;border-bottom:2px solid #279bff;box-shadow:0 6px 8px -6px #269aff}.account-field{margin:24px 0 0}.account-field label,.account-field>span{display:block;font-size:15px;color:#87a8d9;margin-bottom:9px}.account-input{position:relative}.account-input input,.profile-value{width:100%;border:1px solid #244c83;border-radius:9px;background:#040d1b66;padding:15px 20px;color:#d2dff3;font:18px Arial}.account-input input::placeholder{color:#799bc9}.account-input input[type=password],.account-input input[data-visible]{padding-right:50px}.password-eye{position:absolute;right:6px;top:5px;padding:9px;color:#89b0ed;font-size:20px}.account-submit{display:block;width:100%;margin-top:35px;font-size:19px;padding:17px 10px}.forgot-link{display:block;margin:5px 0 0 auto;color:#86a8db;padding:8px 0;font-size:16px}.account-text{display:block;margin:20px auto 0;color:#86a8db;font-size:17px}.outlined{border:1px solid #244c83;border-radius:9px}.account-edit-actions{display:flex;gap:12px;margin-top:30px}.account-edit-actions button{font-size:15px;padding:15px}.account-edit-actions .primary{flex:1}.account-panel h2{font-size:26px;letter-spacing:0;margin:0 0 30px}.field-error{color:#edbf9d;font-size:13px;margin:7px 0 0}.account-input input[aria-invalid=true]{border-color:#d7947d}.account-preview{max-width:610px;margin:22px auto 0;color:#8597b5;font-size:12px;line-height:1.5}.account-preview span{display:block;margin-bottom:10px}.account-preview label{margin-right:10px}.account-preview select{background:#071329;color:#9eb8dd;border:1px solid #244c83;border-radius:6px;padding:6px;font:12px Arial}.account-message{color:#8dadd6;line-height:1.6;text-align:center}.account-builder{font-size:14px}@media(max-width:600px){.account-panel{padding:22px 20px}.account-tabs button{font-size:15px}.account-input input,.profile-value{font-size:16px}.account-edit-actions{flex-wrap:wrap}.account-edit-actions .primary{min-width:150px!important}.account-page main{padding:0}}

.mobile-menu-toggle,.mobile-menu-overlay{display:none}
@media(max-width:700px){
 header{height:90px;padding:18px 20px;align-items:center}header>nav{display:none}header>img{width:54px;height:54px}header .mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:11px;border:1px solid #34455e;border-radius:9px;background:#172236;color:#e5efff}.mobile-menu-toggle span{display:block;height:2px;width:22px;background:currentColor;border-radius:2px}
 .layout{display:block!important}.layout>aside{display:none!important}
 .mobile-menu-overlay:not([hidden]){display:block;position:fixed;inset:0;z-index:1000}.mobile-menu-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}.mobile-drawer{position:relative;width:min(86vw,360px);height:100%;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:24px 18px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));background:linear-gradient(155deg,#1d2b40,#101722 65%);border-right:1px solid #3a4c69;box-shadow:15px 0 50px #0006;box-sizing:border-box}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;color:#e2eeff;font-size:23px;font-weight:bold;letter-spacing:2px}.mobile-menu-close{width:44px;height:44px;padding:0;font-size:32px;color:#b9cce8}.mobile-main-links{display:flex;flex-direction:column;gap:8px}.mobile-main-links>button{display:flex;justify-content:space-between;text-align:left;width:100%;min-height:54px;padding:16px;border-radius:10px;font-size:17px;letter-spacing:1px}.mobile-main-links button.active{background:#27436a;color:#e6f3ff;box-shadow:inset 0 0 0 1px #4e79ad}#mobileBuilderSteps:not([hidden]){display:flex;flex-direction:column;gap:4px;border-left:1px solid #3e5779;margin:0 0 8px 19px;padding-left:12px}#mobileBuilderSteps button{text-align:left;min-height:44px;padding:12px;border-radius:7px;font-size:13px;letter-spacing:1px}#mobileBuilderSteps .mobile-generate{color:#9bc8ff;margin-top:8px;border:1px solid #3c6597}.mobile-menu-open{overflow:hidden}
}

.mobile-timeline-mode,#mobileTimeline{display:none}
@media(max-width:700px){
 .mobile-drawer{background:linear-gradient(150deg,#090f19,#040a12 75%);border-right-color:#1c2d43}.mobile-main-links button.active{background:#0b1c32;box-shadow:inset 0 0 0 1px #29476c}.mobile-menu-toggle{background:#080f1b!important;border-color:#25364f!important}
 #eraLabels{display:none}
 .mobile-timeline-mode{display:flex;gap:10px;margin:24px 0}.mobile-timeline-mode button{flex:1;min-width:0;padding:15px 8px;font-size:13px}
 #mobileTimeline{display:grid;gap:14px;margin:20px 0}#timelineRuler,#timelineTrack{display:none}#timeline .timeline-tools>span{display:none}#timeline .timeline-tools{justify-content:flex-end}#timeline .timeline-heading{flex-wrap:wrap;gap:8px}#timeline .shot-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}#timeline .shot-fields label{min-width:0}#timeline .shot-fields select,#timeline .shot-fields input{width:100%;min-width:0;box-sizing:border-box;font-size:16px}#timeline .shot-fields label:nth-child(n+3){grid-column:1/-1}.timeline-modes button{min-width:0;font-size:13px;padding:15px 10px}
 .mobile-shot-card{padding:14px 16px;border:1px solid #20334c;border-radius:14px;background:#070f1d}.mobile-shot-card.selected{border-color:#3a83c7;box-shadow:0 0 14px #1765b322}.mobile-shot-head{display:flex;justify-content:space-between;align-items:center}.mobile-shot-head button{min-height:44px;padding:8px;font-size:16px}.mobile-shot-head button:last-child:not(:first-child){font-size:26px;width:44px}.mobile-shot-card p{margin:8px 0 20px;font-size:15px;color:#a4b9d7}.mobile-shot-card label{display:block;color:#a4b9d7;font-size:13px;letter-spacing:1px}.mobile-shot-card output{color:#dbeaff;font-size:19px;font-weight:bold}.mobile-shot-card input[type=range]{display:block;width:100%;height:44px;margin:8px 0 0;accent-color:#329dff;touch-action:pan-y}
}

#resetConfirm{max-width:480px;margin:16px auto 32px;padding:20px;border:1px solid #29476c;border-radius:12px;background:#080f1b;text-align:center}#resetConfirm p{color:#b6c9e4;line-height:1.5}#resetConfirm>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}#resetConfirm button{min-height:48px;padding:12px 16px;font-size:14px}.mobile-shot-card{cursor:pointer}@media(max-width:700px){#reset{min-height:48px;position:relative;margin-bottom:90px;touch-action:manipulation}#resetConfirm{margin-bottom:100px}}
.project-panel{margin:32px auto;max-width:760px;text-align:left}.project-panel[hidden]{display:none}.project-panel h2{margin-top:0}.project-panel label{display:block;margin:20px 0 8px}.project-panel input{box-sizing:border-box;width:100%;padding:14px;border:1px solid #254e76;border-radius:10px;background:#061426;color:#edf5ff;font:inherit}.project-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.project-actions button{font-size:14px;padding:12px 16px}.project-row{padding:20px 0;border-top:1px solid #254e76}.project-row strong{display:block;overflow-wrap:anywhere}.project-row small{display:block;margin-top:8px;color:#8da6bd}#projectStatus{overflow-wrap:anywhere}