.studio-top{padding:16px 3%;background:#101015;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:15;border-bottom:1px solid #423039}.studio-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.studio-actions .button{padding:12px;font-size:10px;min-height:40px}.studio-actions span{color:#aaa;font-size:11px}.studio-shell{display:grid;grid-template-columns:265px minmax(0,1fr);min-height:calc(100vh - 82px)}.studio-sidebar{padding:28px 17px;background:#131217;border-right:1px solid #3e333b}.studio-sidebar .button{width:100%;margin-bottom:20px}.script-list{display:grid;gap:8px}.script-item{background:#242028;border:1px solid #443540;padding:12px;text-align:left;color:white;width:100%;font-size:13px}.script-item.active{border-color:#ed4757}.script-item small{display:block;color:#aaa;margin-top:6px}.sidebar-note,.back-link{display:block;color:#aaa;font-size:12px;line-height:1.7;margin-top:30px}.back-link{color:#ff6d79}.studio-workspace{padding:30px 3%;background:#1c1b20;min-width:0}.studio-notice{background:#39252a;border:1px solid #8b3a45;padding:14px;margin-bottom:18px;font-size:13px}.studio-notice a{text-decoration:underline}.studio-meta{display:flex;gap:18px;max-width:820px;margin:0 auto 22px}.studio-meta label{flex:1;font-size:11px;font-weight:800;letter-spacing:1px}.studio-meta input{display:block;margin-top:7px;width:100%;padding:12px;background:#131217;color:white;border:1px solid #57424a}.studio-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 auto 18px;max-width:820px}.studio-toolbar label,.toolbar-hint{font-size:11px;color:#aaa}.studio-toolbar select,.studio-toolbar button{background:#29252c;border:1px solid #58434c;color:white;padding:10px;font-size:12px}.toolbar-hint{margin-left:auto}.pages{width:min(816px,100%);margin:auto;background:white;color:#161616;min-height:1056px;padding:95px 92px 100px;box-shadow:0 18px 50px #0007;font:12pt/1.45 "Courier New",monospace}.script-element{display:block;min-height:24px;white-space:pre-wrap;overflow-wrap:anywhere;outline:none;border-radius:2px;padding:2px 4px;margin:0 0 10px}.script-element:focus{background:#f1f1f1;outline:1px solid #c8c8c8}.script-element:empty:before{content:attr(data-placeholder);color:#aaa}.script-element.scene{font-weight:bold;text-transform:uppercase;margin-top:22px}.script-element.character{margin-left:36%;text-transform:uppercase;margin-top:14px;margin-bottom:0}.script-element.dialogue{margin-left:24%;margin-right:15%;margin-bottom:10px}.script-element.parenthetical{margin-left:30%;margin-right:20%;margin-bottom:0}.script-element.transition{text-align:right;text-transform:uppercase;margin-top:14px}.studio-bottom{max-width:820px;margin:18px auto;display:flex;justify-content:space-between;align-items:center}.studio-bottom p{color:#aaa;font-size:12px}@media(max-width:950px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{border-right:0;border-bottom:1px solid #423039}.studio-top{position:relative;flex-wrap:wrap}.pages{padding:48px 7%;min-height:780px}.studio-meta{flex-wrap:wrap}.studio-meta label{min-width:200px}}@media print{.studio-top,.studio-sidebar,.studio-toolbar,.studio-meta,.studio-bottom,.studio-notice{display:none!important}.studio-shell{display:block}.studio-workspace{padding:0;background:white}.pages{width:auto;min-height:0;padding:0;box-shadow:none;color:black;font-size:12pt}.script-element:focus{background:transparent;outline:0}@page{size:letter;margin:1in 1in 1in 1.5in}body{background:white}.script-element{break-inside:avoid}}
