@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");:root{--primary-color:#0070f3;--background-color:#f9f9f9;--text-color:#333}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Arial,sans-serif;background-color:var(--background-color);color:var(--text-color)}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}body{font-family:Arial,sans-serif;margin:0;padding:0;background:#f5f5f5;color:#333}.header{background:#0070f3;color:white;padding:1rem;display:flex;justify-content:space-between;align-items:center}@media (max-width:1024px){.header{flex-direction:column;padding:.5rem;text-align:center}}.header a{color:white;text-decoration:none;margin:0 1rem;font-weight:700}.header a:hover{text-decoration:underline}@media (max-width:1024px){.header a{color:#ffffff;margin:0 .5rem;font-weight:400;font-size:14px;display:block;padding:.5rem 0;text-align:center}.header{flex-direction:column;align-items:center;padding:.5rem}}.script-writing-page{max-width:1200px;margin:2rem auto;padding:1rem;background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media (max-width:1024px){.script-writing-page{max-width:100%;margin:1rem;padding:.5rem;border-radius:4px;box-shadow:none}}.ai-section,.editor-section,.templates-section{margin-bottom:2rem}@media (max-width:1024px){.ai-section,.editor-section,.templates-section{margin-bottom:1rem;padding:0 1rem}}.script-editor{width:100%;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.ql-toolbar{border-radius:8px 8px 0 0;background:#f9f9f9}.ql-container{border-radius:0 0 8px 8px;min-height:300px;font-size:16px}.templates-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.template-card{background:white;border:1px solid #ddd;border-radius:8px;padding:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.template-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.ai-generate-section{background:white;border:1px solid #ddd;border-radius:8px;padding:1rem}.ai-generate-section textarea{width:100%;height:100px;padding:.5rem;border:1px solid #ddd;border-radius:4px;margin-bottom:1rem}.ai-generate-section button{background:#0070f3;color:white;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.ai-generate-section button:hover{background:#005bb5}.script-writing-page{display:flex;height:calc(100vh - 60px)}.characters-sidebar{position:fixed;top:0;left:0;background:#f5f5f5;border-right:1px solid #ddd;transition:width .3s ease;overflow:hidden;z-index:1000000;flex:1;overflow-y:auto;max-height:calc(100vh - 60px)}.characters-sidebar.closed{width:0}.characters-sidebar.open{width:900px}.toggle-button{position:fixed;top:30%;left:2%;background:#ffae00;color:rgb(0,0,0);border:none;padding:.5rem;cursor:pointer;transform:translateY(-50%);z-index:1000000;transition:left .3s ease}.resize-handle{position:absolute;top:0;right:0;width:5px;height:100%;background:#ddd;cursor:ew-resize}.script-editor-container{flex:1;padding:1rem;overflow-y:auto;z-index:1}.splash-container{display:flex;align-items:center;justify-content:center;height:100vh;background:radial-gradient(circle at top,#fff4e6 0,#ffffff 55%,#fff 100%);animation:fadeIn .8s ease-out}.splash-content{text-align:center;transform:translateY(-8%);max-width:720px;padding:0 20px}.logo-placeholder{width:360px;height:360px;background:var(--primary-color);border-radius:24px;margin:0 auto 2rem;animation:pulse 2s infinite}.splash-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#ff7a00;background:rgba(255,122,0,.12);border:1px solid rgba(255,122,0,.35);padding:6px 12px;border-radius:999px;margin-bottom:16px}.splash-title{font-size:2.4rem;font-weight:700;color:#1a1a1a;margin:12px 0 8px}.splash-subtitle{font-size:1.05rem;color:#5a5a5a;margin:0 auto 18px;line-height:1.5}.splash-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#ff8a00,#f97316);color:#111;font-weight:700;cursor:pointer;box-shadow:0 10px 20px rgba(249,115,22,.25);transition:transform .2s ease,box-shadow .2s ease}.splash-cta:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(249,115,22,.3)}.splash-trust{margin-top:14px;font-size:.9rem;color:#7a7a7a}@keyframes pulse{0%{transform:scale(.98)}50%{transform:scale(1.02)}to{transform:scale(.98)}}.canvas-wrapper canvas{box-shadow:0 0 20px rgba(0,0,0,.1);margin:20px auto}.editor-container{display:grid;grid-template-columns:300px 1fr 300px;height:100vh}@media (max-width:1024px){.script-writing-page{flex-direction:column;height:auto;padding:1rem}.script-editor{width:100%;margin-bottom:1rem}.ql-container{min-height:200px;font-size:14px}.templates-section{grid-template-columns:1fr;gap:.5rem}.template-card{padding:.5rem;font-size:14px}.ai-generate-section{padding:.5rem}.ai-generate-section textarea{height:80px;font-size:14px}.characters-sidebar.open{width:100%;position:relative;max-height:none;border-right:none}.characters-sidebar.closed{width:0}.toggle-button{position:fixed!important;top:130px;left:calc(env(safe-area-inset-left) + 30px);z-index:9999}.script-editor-container{padding:.5rem}.splash-container{padding:1.5rem;height:auto}.editor-container{grid-template-columns:1fr;height:auto}}@media (max-width:500px){.splash-title{font-size:1.6rem}.splash-subtitle{font-size:.95rem}.ai-generate-section textarea{height:60px}}