*{box-sizing:border-box}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8e69ff;outline-offset:3px}.top-right{gap:16px}.top-right a,.top-right button{font:inherit;font-size:12px;color:#ccc;background:none;border:0;text-decoration:none;cursor:pointer}.logo{font-size:13px;letter-spacing:.02em}.top-bar{flex-shrink:0;height:55px}.main-content{min-height:0;height:auto;padding-top:0;gap:12px}.controls{width:316px;flex-shrink:0;border-radius:4px}.workbench-tabs{display:flex;border-bottom:1px solid #ddd;flex-shrink:0}.workbench-tabs button{width:50%;border:0;border-bottom:2px solid transparent;background:#f4f4f4;padding:13px 4px;font-size:12px;color:#666;cursor:pointer}.workbench-tabs .selected{background:white;color:#111;border-bottom-color:#111}.tab-content{height:auto!important;min-height:0;flex:1}#ai-tab{overflow-y:auto;padding:12px;gap:12px}#manual-tab{padding-bottom:24px}.text-input-container{width:100%;margin:0;box-shadow:none;border:1px solid #ddd;border-radius:4px}.text-input-container input{min-width:0;width:100%}.font-selector{width:100%;box-shadow:none;border:1px solid #ddd;border-radius:4px;margin-top:8px}.instant-scenes>p{color:#666;font-size:10px;letter-spacing:.05em;display:flex;justify-content:space-between;margin:0 0 10px}.instant-scenes>p span{font-size:9px;color:#888}#scene-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}#scene-presets button{font:inherit;font-size:11px;padding:10px 2px;border:1px solid #ddd;background:#f7f7f7;color:#222;border-radius:3px;cursor:pointer}#scene-presets button:hover,#scene-presets button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}#ai-availability{font-size:11px;line-height:1.5;color:#666}.chat-box{border-radius:3px;min-height:70px;background:#fafafa}.chat-input{flex-shrink:0}.chat-input textarea{font-size:13px;max-height:110px}.chat-input button{background:#222}.chat-input button:disabled{opacity:.5;cursor:wait}#canvas-container{position:relative;border-radius:4px;min-width:0}.canvas-tools{position:absolute;bottom:16px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none;font-size:9px;color:#aaa;letter-spacing:.06em}.canvas-tools button{pointer-events:auto;color:#eee;background:#191919;border:1px solid #555;padding:8px 12px;border-radius:3px;cursor:pointer}.scene-toast{position:absolute;top:16px;left:16px;right:16px;text-align:center;color:white;font-size:12px;pointer-events:none}.scene-toast:not(:empty){background:#222d;padding:12px;border-radius:4px}.save-button,.edit-mode-button,.reset-button{background:#242424;border:1px solid #555;border-radius:4px}.save-button:hover,.edit-mode-button:hover,.reset-button:hover{background:#444}.save-menu{bottom:12px}.footer-note{height:48px}dialog{color:#ddd;background:#141414;border:1px solid #444;border-radius:5px;padding:40px;width:550px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;line-height:1.6}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h1{font-size:42px;line-height:1.08;letter-spacing:-1.5px;font-weight:500;color:#fff;margin:25px 0}dialog p{font-size:14px;color:#bbb}dialog .eyebrow{font-size:9px;letter-spacing:.12em;color:#999}dialog a{color:#eee;text-underline-offset:3px}.intro-close{position:absolute;right:16px;top:10px;font-size:26px;background:none;border:0;color:#aaa;cursor:pointer}.intro-history{margin:22px 0}.edition-note{border-top:1px solid #3b3b3b;padding-top:20px}.edition-note>span{font-size:9px;letter-spacing:.1em}.edition-note p{font-size:12px}.intro-start{width:100%;padding:14px 16px;border:0;background:#eee;color:#111;display:flex;justify-content:space-between;font-size:13px;margin-top:24px;cursor:pointer}@media(max-width:768px){html,body{height:100dvh}.main-content{padding:0;gap:0;flex:1;min-height:0}.top-bar{height:52px;padding:6px 12px;gap:10px}.logo{max-width:220px;font-size:9px}.top-right{gap:8px;padding-right:30px}.top-right a{display:none}.controls{width:100%;height:42dvh;min-height:240px;padding-bottom:0;flex-shrink:0;border-radius:4px 4px 0 0}.workbench-tabs button{padding:10px}.main-content>#canvas-container{flex:1;min-height:170px}.canvas-tools{left:12px;right:12px;bottom:12px}.canvas-tools span{font-size:8px}#ai-tab{padding:10px;gap:8px}#ai-tab>.control-section{margin:0}.instant-scenes>p{margin-bottom:6px}.chat-box{min-height:40px}#ai-availability{font-size:10px}.chat-input textarea{height:54px;min-height:54px}.top-right button{font-size:11px}.mobile-menu-dropdown{max-width:calc(100vw - 24px);z-index:2000}dialog{padding:26px}dialog h1{font-size:34px}.save-options.show{opacity:1}.mobile-menu-dropdown .save-options{position:static;margin:0;transform:none;box-shadow:none}.mobile-menu-dropdown .save-options button{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:768px){#ai-tab>.control-section{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:6px;padding:0!important;border:0!important;flex-shrink:0}.text-input-container{width:100%!important;min-width:0;margin:0!important}.font-selector{width:100%!important;min-width:0;margin:0!important}.text-input-container input{width:0;flex:1;min-width:0}.text-input-container button{flex-shrink:0}}
#send{background:#222;border-radius:3px}.chat-box .ai-message,.chat-box .user-message{font-size:12px;line-height:1.5}

#experiment-intro h1{font-size:24px;line-height:1.25;letter-spacing:0;font-weight:500;margin:0 0 22px}#experiment-intro .intro-start{justify-content:center}
.model-picker{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#555}.model-picker select{width:100%;min-width:0;padding:8px;border:1px solid #ddd;background:#fff;color:#222;border-radius:3px;font-size:12px}.motion-controls{display:grid;grid-template-columns:48px minmax(0,1fr);gap:7px;align-items:center;font-size:11px;color:#555}.motion-controls select{padding:6px;border:1px solid #ddd;background:white;border-radius:3px}.motion-controls input{width:100%;margin:0}.motion-controls button{grid-column:1/-1;background:#f6f6f6;border:1px solid #ddd;padding:6px;font-size:11px;cursor:pointer}.instant-scenes,.motion-controls,.model-picker,#ai-availability{flex-shrink:0}@media(max-width:768px){.controls{height:49dvh}#ai-tab{display:flex;overflow-y:auto}.chat-box{min-height:50px;flex-shrink:0}.motion-controls{grid-template-columns:45px minmax(0,1fr) 45px minmax(0,1fr)}.motion-controls button{grid-column:auto}.model-picker{flex-direction:row;align-items:center}.model-picker label{flex-shrink:0}.model-picker select{flex:1}#ai-tab>.chat-input-container{flex-shrink:0}}

.ai-hint{font-size:12px;line-height:1.5;color:#555;margin:0}#manual-tab>.instant-scenes{margin:16px 0}#manual-tab .motion-controls{margin:12px 0}