@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--canvas: #000000;--surface: #0d0d0d;--card: #1a1a1a;--elevated: #262626;--hairline: #3c3c3c;--text: #ffffff;--body: #bbbbbb;--muted: #7e7e7e;--m-blue-1: #0066b1;--m-blue-2: #1c69d4;--m-red: #e22718;--accent: #1c69d4}html,body{height:100%;background:var(--canvas);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column}.m-stripe{height:3px;background:linear-gradient(to right,var(--m-blue-1) 33%,var(--m-blue-2) 33% 66%,var(--m-red) 66%);flex-shrink:0}.header{display:flex;align-items:center;gap:0;padding:0 32px;height:56px;border-bottom:1px solid var(--hairline);background:var(--canvas);flex-shrink:0}.header-logo{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text)}.header-sep{width:1px;height:24px;background:var(--hairline);margin:0 20px}.header-sub{font-size:11px;font-weight:300;color:var(--muted);letter-spacing:1px;text-transform:uppercase;flex:1}.header-export-btn{padding:9px 24px;background:var(--text);color:var(--canvas);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border:none;cursor:pointer;transition:background .15s;flex-shrink:0}.header-export-btn:hover{background:#e0e0e0}.header-export-btn:disabled{background:var(--elevated);color:var(--muted);cursor:not-allowed}.body{display:flex;flex:1;overflow:hidden}.script-panel{flex:0 0 40%;border-right:1px solid var(--hairline);display:flex;flex-direction:column;overflow:hidden;background:var(--surface)}.script-panel-header{padding:20px 20px 12px;border-bottom:1px solid var(--hairline);flex-shrink:0}.panel-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.script-textarea{width:100%;height:160px;background:var(--card);border:1px solid var(--hairline);color:var(--text);padding:12px;font-size:13px;font-family:inherit;font-weight:300;resize:none;outline:none;transition:border-color .15s;line-height:1.7}.script-textarea:focus{border-color:var(--body)}.script-textarea::placeholder{color:var(--muted)}.script-prose-wrap{flex:1;overflow-y:auto;padding:16px 20px}.script-prose{font-size:14px;font-weight:300;color:var(--body);line-height:2;cursor:default}.sentence-span{cursor:pointer;padding:2px 0;transition:background .1s,color .1s;border-radius:0;display:inline}.sentence-span:hover{background:#1c69d42e;color:var(--text)}.sentence-span.selected{background:#1c69d44d;color:var(--text);box-shadow:inset 0 -2px 0 var(--m-blue-2)}.script-empty{padding:32px 20px;text-align:center;color:var(--muted);font-size:12px;font-weight:300;line-height:1.8}.effect-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--canvas);min-width:0}.preview-area{flex-shrink:0;padding:16px 20px 8px}.preview-bg{background-color:#111;background-image:linear-gradient(45deg,#1c1c1c 25%,transparent 25%),linear-gradient(-45deg,#1c1c1c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1c1c1c 75%),linear-gradient(-45deg,transparent 75%,#1c1c1c 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0;border:1px solid var(--hairline);overflow:hidden}.preview-canvas{display:block;max-width:100%;height:auto}.preview-meta{font-size:10px;color:var(--muted);letter-spacing:.5px;margin-top:6px;text-transform:uppercase}.controls-area{flex:1;overflow-y:auto;display:flex;flex-direction:column}.section-block{padding:12px 20px;border-bottom:1px solid var(--hairline);flex-shrink:0}.section-block:last-child{border-bottom:none}.section-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.display-textarea{width:100%;background:var(--card);border:1px solid var(--hairline);color:var(--text);padding:10px 12px;font-family:inherit;font-size:14px;font-weight:300;resize:none;outline:none;line-height:1.6;transition:border-color .15s}.display-textarea:focus{border-color:var(--body)}.display-textarea::placeholder{color:var(--muted)}.llm-row{display:flex;gap:0}.llm-input{flex:1;background:var(--card);border:1px solid var(--hairline);border-right:none;color:var(--text);padding:11px 14px;font-size:13px;font-family:inherit;font-weight:300;outline:none;transition:border-color .15s}.llm-input:focus{border-color:var(--body)}.llm-input::placeholder{color:var(--muted)}.llm-send-btn{padding:11px 20px;background:var(--text);color:var(--canvas);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--text);cursor:pointer;transition:background .12s;white-space:nowrap;flex-shrink:0}.llm-send-btn:hover{background:#e0e0e0}.llm-send-btn:disabled{background:var(--elevated);color:var(--muted);border-color:var(--hairline);cursor:not-allowed}.llm-error{font-size:11px;color:#e22718;margin-top:6px}.presets-row{display:flex;flex-wrap:wrap;gap:6px}.preset-btn{padding:5px 12px;background:var(--card);border:1px solid var(--hairline);color:var(--body);font-family:inherit;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .12s}.preset-btn:hover{border-color:var(--body);color:var(--text);background:var(--elevated)}.stack-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.stack-add-btn{padding:4px 12px;background:none;border:1px solid var(--hairline);color:var(--muted);font-family:inherit;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .12s}.stack-add-btn:hover{border-color:var(--body);color:var(--text)}.stack-empty{font-size:11px;color:var(--muted);font-weight:300;padding:12px 0}.add-menu-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:var(--card);border:1px solid var(--hairline);z-index:20;min-width:180px}.add-menu-item{display:block;width:100%;text-align:left;padding:8px 14px;background:none;border:none;color:var(--body);font-size:11px;font-family:inherit;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer}.add-menu-item:hover{background:var(--elevated);color:var(--text)}.effect-layer-list{margin-bottom:4px}.effect-layer-row{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;border:1px solid transparent;border-left:3px solid transparent;transition:background .1s,border-color .1s;margin-bottom:2px}.effect-layer-row:hover{background:var(--card);border-left-color:var(--hairline)}.effect-layer-row.active{background:var(--card);border-color:var(--hairline);border-left-color:var(--m-blue-2)}.effect-layer-dot{font-size:10px;color:var(--m-blue-2);width:12px;flex-shrink:0}.effect-layer-name{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--body);flex:1}.effect-layer-row.active .effect-layer-name{color:var(--text)}.effect-layer-remove{font-size:12px;color:var(--muted);background:none;border:none;cursor:pointer;padding:0 2px;transition:color .12s;flex-shrink:0}.effect-layer-remove:hover{color:var(--m-red)}.layer-params-panel{padding:12px 10px 16px;border:1px solid var(--hairline);border-top:3px solid var(--m-blue-2);background:var(--card);margin-bottom:8px;position:relative}.layer-params-panel:before{content:"";position:absolute;top:-3px;left:0;right:0;height:3px;background:linear-gradient(to right,var(--m-blue-1) 33%,var(--m-blue-2) 33% 66%,var(--m-red) 66%)}.layer-params-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.style-card{border:1px solid var(--hairline);background:var(--card);margin-top:6px}.style-card-header{display:flex;align-items:center;padding:10px 14px;cursor:pointer}.style-card-name{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);flex:1}.style-card-chevron{font-size:10px;color:var(--muted)}.style-card-body{padding:8px 14px 14px;border-top:1px solid var(--hairline)}.param-row{display:flex;align-items:center;gap:10px;padding:4px 0;min-height:28px}.param-label{font-size:11px;color:var(--muted);min-width:120px;flex-shrink:0;font-weight:300}.param-input{flex:1}.style-row-2col{display:flex;gap:12px}.style-row-2col .param-row{flex:1}.style-row-2col .param-label{min-width:48px}.slider-row{display:flex;align-items:center;gap:8px}.slider{flex:1;height:2px;-webkit-appearance:none;background:var(--elevated);outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--text);cursor:pointer;transition:background .1s}.slider::-webkit-slider-thumb:hover{background:#ccc}.slider-value{font-size:10px;color:var(--muted);min-width:36px;text-align:right;font-variant-numeric:tabular-nums;font-weight:300}.toggle-label{display:flex;align-items:center;cursor:pointer}.toggle-input{display:none}.toggle-track{width:32px;height:18px;background:var(--elevated);border:1px solid var(--hairline);display:flex;align-items:center;padding:2px;transition:background .2s,border-color .2s}.toggle-input:checked+.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle-thumb{width:12px;height:12px;background:var(--muted);transition:transform .2s,background .2s}.toggle-input:checked+.toggle-track .toggle-thumb{transform:translate(14px);background:#fff}.select{background:var(--elevated);border:1px solid var(--hairline);color:var(--text);padding:4px 8px;font-size:11px;font-family:inherit;cursor:pointer;outline:none;min-width:130px}.select:focus{border-color:var(--body)}.color-row{display:flex;align-items:center;gap:8px}.color-input{width:28px;height:24px;padding:1px;border:1px solid var(--hairline);background:none;cursor:pointer;outline:none}.color-value{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.number-input,.text-input{background:var(--elevated);border:1px solid var(--hairline);color:var(--text);padding:4px 8px;font-size:11px;font-family:inherit;outline:none;transition:border-color .15s}.number-input{width:72px}.text-input{width:100%}.number-input:focus,.text-input:focus{border-color:var(--body)}.param-group{margin-bottom:10px}.param-group-label{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:6px 0 4px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.export-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:100}.export-overlay-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text)}.export-progress-bar{width:320px;height:2px;background:var(--hairline)}.export-progress-fill{height:100%;background:linear-gradient(to right,var(--m-blue-1),var(--m-blue-2),var(--m-red));transition:width .3s}.export-stage{font-size:11px;color:var(--muted);letter-spacing:.5px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hairline)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}