.picker296{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(92vw,900px)!important;max-height:90dvh!important;overflow:auto!important;border:1px solid #bba98755;border-radius:20px;padding:20px;background:#f6f1e6;color:#2f342e;box-sizing:border-box}.picker296::backdrop{background:#0008;backdrop-filter:blur(8px)}.picker296 nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.picker296 button,.picker296 select,.picker296 input{padding:10px;border:1px solid #a6987c66;border-radius:10px;background:#fff9;color:#373d32;min-height:42px}.picker296 canvas{display:block;max-width:100%;max-height:60dvh;object-fit:contain;touch-action:none;margin:auto}.outlineGrid296{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px}.outlineGrid296 button{display:flex;flex-direction:column;align-items:center;gap:8px}.outlineGrid296 img{width:80px;height:96px;object-fit:contain}.outlineTools296{display:flex;gap:10px;justify-content:center;margin-top:8px}.outlineTools296 svg{width:20px;height:20px}.outlineTools296 button{display:flex;align-items:center;gap:6px;border:1px solid #ac987955;background:#fff7;border-radius:12px;padding:10px}.subjectTimeline296{display:grid;gap:10px;width:100%;padding:10px;border:1px solid #ffffff25;border-radius:12px;color:#fff;background:#11151d}.subjectTimeline296 label{display:flex;align-items:center;gap:8px;font:12px system-ui}.subjectTimeline296 input[type=range]{flex:1;min-width:40px;touch-action:none}.subjectTimeline296 output{font-size:12px}.subjectTimeline296 .rangeTrack296{position:relative;height:32px;background:#87929938;touch-action:none;border-radius:8px;margin:8px 12px}.rangeBand296{position:absolute;top:0;bottom:0;background:#c3a16f;min-width:4px;border-radius:6px;cursor:grab}.rangeHandle296{position:absolute;top:-5px;bottom:-5px;width:18px;border:2px solid #fff;background:#614f38;border-radius:6px;cursor:ew-resize}.rangeHandle296[data-edge=start]{left:-9px}.rangeHandle296[data-edge=end]{right:-9px}.vsBackground296{display:flex;flex-wrap:wrap;gap:6px}.vsBackground296 button,.vsBackground296 label{font-size:12px;padding:8px;border:1px solid #8884;border-radius:9px}.vsBackground296 input[type=file]{max-width:180px}.subjectTimeline296 .subjectPoint296{background:#eee6d4;color:#222;border-radius:8px;padding:8px}.vsPreview{position:relative}.sceneTitlePreview295{box-sizing:border-box!important}.sceneTitlePreview295 canvas{max-height:43dvh!important;width:auto!important;max-width:100%!important;margin-inline:auto}.sceneTitlePreview295 .subjectTimeline296{box-sizing:border-box}.sceneTitlePreview295 .subjectTimeline296 .rangeHandle296{padding:0!important;min-height:0!important;min-width:18px!important;width:18px!important;border-radius:6px!important}.subjectTimeline296 nav{padding:0!important}.subjectTimeline296 input[type=number]{width:58px;background:#252c35;color:#fff;border:1px solid #ffffff55;border-radius:6px;padding:6px}.subjectTimeline296 label{flex-wrap:wrap}.subjectTimeline296 output{overflow-wrap:anywhere}
