:root{--bg: #f6f7fb;--panel: #ffffff;--panel-2: #f2f4f8;--line: #e2e6ee;--line-strong: #cfd6e2;--text: #161c26;--muted: #667085;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--accent-ring: rgba(79, 70, 229, .18);--amber: #f5b301;--green: #067647;--green-soft: #ecfdf3;--green-line: #abefc6;--blue: #175cd3;--blue-soft: #eff8ff;--blue-line: #b2ddff;--red: #b42318;--red-soft: #fef3f2;--red-line: #fecdca;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--shadow-lg: 0 16px 40px rgba(16, 24, 40, .16);--radius: 10px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#d3d9e4;border:3px solid transparent;background-clip:content-box;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#b9c2d2;background-clip:content-box}.app{display:grid;grid-template-columns:220px 240px 260px 1fr;grid-template-rows:auto minmax(0,1fr);height:100%}@media (max-width: 1400px){.app{grid-template-columns:190px 210px 230px 1fr}}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:0 16px;height:60px;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}.topbar .brand{display:flex;align-items:center;gap:10px;padding:6px 14px;background:var(--text);color:#fff;border-radius:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;box-shadow:var(--shadow-sm)}.topbar .brand em{color:var(--amber);font-style:normal}.topbar .spacer{flex:1}.topbar .actions{display:flex;gap:8px}.col{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--panel)}.col:last-child{border-right:0;background:var(--bg)}.col-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 14px 10px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.col-body{flex:1;min-height:0;overflow-y:auto;padding:6px 10px 14px}.item{display:flex;align-items:center;gap:6px;width:100%;padding:10px 12px;margin-bottom:4px;background:transparent;border:1px solid transparent;border-radius:var(--radius);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.item:hover{background:var(--panel-2)}.item.active{background:var(--accent-soft);border-color:#c7d0fb}.item.active .name{color:var(--accent)}.item .grow{flex:1;min-width:0}.item .name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.item .meta{display:block;font-size:12px;color:var(--muted)}.item .btn.icon{opacity:0;transition:opacity .15s}.item:hover .btn.icon,.item.active .btn.icon,.item .btn.icon:focus-visible{opacity:1}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;font-weight:500;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);transition:background .15s,border-color .15s,box-shadow .15s,transform .05s}.btn:hover:not(:disabled){background:var(--panel-2);border-color:var(--line-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none}.btn.ghost:hover:not(:disabled){background:var(--panel-2)}.btn.danger{color:var(--red)}.btn.danger:hover:not(:disabled){background:var(--red-soft);border-color:var(--red-line);color:var(--red)}.btn.icon{padding:6px 9px;line-height:1}.field{margin-bottom:14px}.field-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.field-head label{margin-bottom:0}.field label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--text)}.input,.textarea,.select{width:100%;padding:10px 12px;background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;color:var(--text);box-shadow:var(--shadow-sm);resize:vertical;transition:border-color .15s,box-shadow .15s,background .15s}.input::placeholder,.textarea::placeholder{color:#98a2b3}.input:hover:not(:focus),.textarea:hover:not(:focus),.select:hover:not(:focus){border-color:#b6bfcd}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--panel-2);color:var(--muted);cursor:not-allowed}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.textarea{min-height:90px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.65}.row{display:flex;gap:8px;align-items:center}.editor{padding:18px 22px}.editor h2{margin:0 0 4px;font-size:20px;letter-spacing:-.01em}.panel{margin-bottom:18px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.scene{margin-bottom:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .15s,border-color .15s}.scene:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.scene-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--panel-2);border-bottom:1px solid var(--line)}.scene-num{display:grid;place-items:center;width:30px;height:30px;flex:none;background:var(--text);border-radius:8px;color:var(--amber);font-weight:700;font-variant-numeric:tabular-nums}.scene-body{padding:16px}.scene-num-sm{display:grid;place-items:center;width:22px;height:22px;flex:none;background:var(--text);border-radius:6px;color:var(--amber);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.scene-head-fields{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.textarea.plain{font-family:inherit;font-size:13.5px}.badge{flex:none;padding:4px 10px;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--muted);white-space:nowrap}.badge.ready{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue)}.badge.done{background:var(--green-soft);border-color:var(--green-line);color:var(--green)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#10182873;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;animation:fade-in .15s ease-out}.modal{width:100%;max-width:560px;max-height:85vh;overflow-y:auto;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);animation:pop-in .16s ease-out}.modal h3{margin:0 0 18px;font-size:17px;letter-spacing:-.01em}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.985)}}.empty{padding:28px 16px;color:var(--muted);text-align:center}.hint{margin-top:6px;font-size:12px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(520px,calc(100vw - 32px));padding:12px 16px 12px 14px;background:var(--panel);border:1px solid var(--line-strong);border-left:4px solid var(--accent);border-radius:12px;color:var(--text);font-weight:500;box-shadow:var(--shadow-lg);z-index:60;animation:toast-in .2s cubic-bezier(.2,.8,.3,1)}.toast:before{content:"✓";display:grid;place-items:center;flex:none;width:22px;height:22px;background:var(--green-soft);border-radius:999px;color:var(--green);font-size:13px;font-weight:700}.toast.error{border-left-color:var(--red);color:var(--text)}.toast.error:before{content:"!";background:var(--red-soft);color:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 900px){.app{grid-template-columns:1fr;grid-auto-rows:min-content;height:auto}.col{border-right:0;border-bottom:1px solid var(--line)}.col-body{max-height:260px}.item .btn.icon{opacity:1}.editor{padding:14px}}