html,body{height:100%;margin:0}html{font-family:var(--ran-font-family);line-height:var(--ran-line-height)}#app{width:100%;height:100%}button,input,select,textarea{font:inherit;box-sizing:border-box}button{padding:0}a{color:unset}input{outline:unset}.no-scrollbar::-webkit-scrollbar{width:0;display:none}h2{font-size:1.5rem}body.embed-mode #control-panel-container,body.embed-mode #landing-hero,body.landing-active #control-panel-container,body.opening-document #control-panel-container{display:none!important}body.landing-active,body.landing-active #app{height:auto;min-height:100%;overflow:visible}r-button[type=text]::part(content){padding:var(--ran-space-3) var(--ran-space-6);font-size:18px;font-weight:500}@media (width<=480px){r-button[type=text]::part(content){padding:8px 16px;font-size:16px}}.loading-mask{z-index:10000;background:var(--ran-gray-alpha-500);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-mask r-loading{color:var(--ran-color-primary);font-size:24px}.control-panel-container{z-index:1000;pointer-events:none;padding:var(--ran-space-6);box-sizing:border-box;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.control-panel-button-group{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:100%;max-width:100%;display:flex}.control-panel-button{cursor:pointer;white-space:nowrap;transition:transform var(--ran-motion-duration-fast) ease;flex-shrink:0;transform:scale(1)}.control-panel-button:hover{transform:scale(1.05)}.agent-panel{z-index:10000;width:min(var(--agent-panel-width,400px), 100vw);box-sizing:border-box;background:var(--ran-color-bg-elevated);border-left:1px solid var(--ran-color-border);max-width:100vw;height:100dvh;box-shadow:var(--ran-shadow-menu);flex-direction:column;font-size:14px;display:flex;position:fixed;top:0;right:0;container:agent-panel/size}#app iframe{transition:width var(--ran-motion-duration-base) ease}body.agent-docked #app iframe{width:calc(100% - var(--agent-panel-width,400px))!important}.agent-panel-resizer{z-index:1;cursor:col-resize;touch-action:none;width:8px;position:absolute;top:0;bottom:0;left:-4px}.agent-panel-resizer:hover,.agent-panel-resizer:focus-visible{background:var(--ran-color-border);outline:none}.agent-panel-resize-shield{z-index:9999;cursor:col-resize;position:fixed;inset:0}body.agent-panel-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}body.agent-panel-resizing #app iframe{transition:none}@media (width<=480px){.agent-panel-resizer{display:none}body.agent-docked #app iframe{width:100%!important}}.agent-panel-hidden{display:none}.agent-panel-header{border-bottom:1px solid var(--ran-color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.agent-panel-title{font-weight:600}.agent-session-bar{padding:var(--ran-space-2) var(--ran-space-4) var(--ran-space-3);border-bottom:1px solid var(--ran-color-border-secondary)}.agent-session-row{align-items:center;gap:var(--ran-space-2);display:flex}.agent-document-scope{max-width:100%;margin-top:var(--ran-space-2);padding:var(--ran-space-1) var(--ran-space-2);border-radius:var(--ran-radius-sm);background:var(--ran-color-bg-muted);color:var(--ran-color-text-secondary);font-size:var(--ran-text-label-3);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;display:inline-flex;overflow:hidden}.agent-document-scope:empty{display:none}.agent-session-select{width:100%;min-width:0;color:inherit;background:var(--ran-color-bg-elevated);border:1px solid var(--ran-color-border);border-radius:var(--ran-radius-sm);padding:var(--ran-space-2);font:inherit;font-size:var(--ran-text-label-2);text-overflow:ellipsis;flex:auto}.agent-session-select:focus-visible,.agent-panel-clear:focus-visible{outline:2px solid var(--ran-blue-700);outline-offset:2px}.agent-panel-clear{flex:0 0 var(--ran-size-7);width:var(--ran-size-7);height:var(--ran-size-7);border:1px solid var(--ran-color-border);border-radius:var(--ran-radius-sm);background:var(--ran-color-bg-elevated);color:var(--ran-color-text-secondary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.agent-panel-clear:hover{background:var(--ran-color-bg-hover);color:var(--ran-color-text)}.agent-panel-close{cursor:pointer;color:var(--ran-color-text-disabled);background:0 0;border:none;font-size:20px;line-height:1}.agent-panel-close:hover{color:var(--ran-color-text)}.agent-panel-settings-toggle{cursor:pointer;color:var(--ran-color-text-disabled);background:0 0;border:none;margin-left:auto;margin-right:8px;font-size:16px;line-height:1}.agent-panel-settings-toggle:hover{color:var(--ran-color-text)}.agent-panel-settings{border-bottom:1px solid var(--ran-color-border);flex-direction:column;gap:4px;padding:10px 16px;display:flex}.agent-history-options{min-width:0;padding:var(--ran-space-3);border:1px solid var(--ran-color-border);border-radius:var(--ran-radius-md);font-size:var(--ran-text-label-2);margin:0;line-height:1.5}.agent-history-options legend{padding:0 var(--ran-space-1);color:var(--ran-color-text-secondary)}.agent-history-options label{align-items:flex-start;gap:var(--ran-space-2);display:flex}.agent-history-status{margin:var(--ran-space-2) 0;color:var(--ran-color-text-secondary);overflow-wrap:anywhere}.agent-history-actions,.agent-history-confirmation{gap:var(--ran-space-2);flex-wrap:wrap;display:flex}.agent-history-confirmation{margin-top:var(--ran-space-3)}.agent-history-confirmation[hidden]{display:none}.agent-history-confirmation span{flex-basis:100%}.agent-history-options button{min-height:var(--ran-size-7);max-width:100%;padding:var(--ran-space-1) var(--ran-space-2);border:1px solid var(--ran-color-border);border-radius:var(--ran-radius-sm);background:var(--ran-color-bg-elevated);color:var(--ran-color-text);font:inherit;overflow-wrap:anywhere;cursor:pointer}.agent-history-options button:disabled{color:var(--ran-color-text-disabled);cursor:default}.agent-history-options button:focus-visible,.agent-history-options input:focus-visible,.agent-generation-options input:focus-visible,.agent-generation-options textarea:focus-visible,.agent-generation-options summary:focus-visible{outline:2px solid var(--ran-color-primary);outline-offset:2px}.agent-generation-options{font-size:var(--ran-text-label-2);line-height:1.5}.agent-generation-options summary{cursor:pointer}.agent-generation-options label{gap:var(--ran-space-1);margin-top:var(--ran-space-2);flex-direction:column;display:flex}.agent-generation-options input,.agent-generation-options textarea{box-sizing:border-box;width:100%;min-width:0;padding:var(--ran-space-2);border:1px solid var(--ran-color-border);border-radius:var(--ran-radius-sm);background:var(--ran-color-bg-elevated);color:var(--ran-color-text);font:inherit}.agent-generation-options textarea{resize:vertical}.agent-generation-details{margin-top:var(--ran-space-2);color:var(--ran-color-text-secondary);overflow-wrap:anywhere;display:block}.agent-generation-details:empty{display:none}.agent-generation-status{margin:var(--ran-space-2) 0 0;color:var(--ran-color-text-secondary)}.agent-panel-key-label{color:var(--ran-color-text-secondary);font-size:12px}.agent-panel-key-input,.agent-panel-ollama-model{box-sizing:border-box;width:100%}.agent-panel .cui-root{--cui-bg:var(--ran-color-bg-elevated);--cui-text:var(--ran-color-text);--cui-muted:var(--ran-color-text-secondary);--cui-border:var(--ran-color-border);--cui-accent:var(--ran-color-primary);--cui-accent-contrast:var(--ran-color-primary-text);--cui-user-bg:var(--ran-color-bg-active);flex:auto;height:auto;min-height:0}.agent-panel .cui-messages{gap:var(--ran-space-6);padding:var(--ran-space-6) var(--ran-space-4)}.agent-panel .cui-msg-agent,.agent-panel .cui-msg-error,.agent-panel .cui-activity{max-width:72ch}.agent-panel .cui-msg-user{max-width:min(88%,64ch)}.agent-panel .cui-footer{padding:var(--ran-space-3) var(--ran-space-4) var(--ran-space-4);border-top:1px solid var(--ran-color-border-secondary)}.agent-panel .cui-composer{border-radius:var(--ran-radius-md);border-color:var(--ran-color-border)}.agent-panel .cui-composer:focus-within{border-color:var(--ran-color-border-active);box-shadow:var(--ran-focus-ring)}.agent-panel .cui-empty{max-width:28ch;font-size:var(--ran-text-heading-3);font-weight:var(--ran-text-heading-weight);line-height:1.45}.agent-panel .cui-message-actions .cui-apply{min-height:var(--ran-size-7);padding:var(--ran-space-1) var(--ran-space-2);border:1px solid var(--ran-color-border);border-radius:var(--ran-radius-sm);background:var(--ran-color-bg-elevated);color:var(--ran-color-text-secondary);font-size:var(--ran-text-label-3);font-weight:var(--ran-text-button-weight)}.agent-panel .cui-message-actions .cui-apply:hover:not(:disabled){border-color:var(--ran-color-border-hover);background:var(--ran-color-bg-hover);color:var(--ran-color-text)}.agent-panel .cui-message-actions .cui-apply[data-state=verified]{border-color:var(--ran-color-success);color:var(--ran-color-success)}.agent-panel .cui-message-actions .cui-apply:focus-visible{outline:2px solid var(--ran-blue-700);outline-offset:2px}.agent-panel .cui-msg-tool .cui-bubble,.agent-panel .cui-send:disabled{background:var(--ran-color-bg-muted);color:var(--ran-color-text-secondary)}.agent-panel .cui-scroll-bottom{color:var(--ran-color-text-secondary)}.agent-plan-mode{color:var(--ran-color-text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.agent-writing-task,.agent-writing-language{min-width:0;max-width:100%;color:var(--ran-color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:5px 2px}.agent-plan-preview{border:1px solid var(--ran-color-border);background:var(--ran-color-bg-elevated);color:var(--ran-color-text);border-radius:8px;flex-direction:column;flex-shrink:0;gap:8px;max-height:none;margin:0;padding:12px;display:flex;overflow:auto}.agent-plan-preview[hidden],.agent-writing-task[hidden],.agent-writing-language[hidden]{display:none}.agent-plan-target,.agent-plan-status{color:var(--ran-color-text-secondary);overflow-wrap:anywhere;font-size:12px}.agent-plan-before,.agent-plan-content{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0}.agent-plan-buttons{flex-wrap:wrap;gap:8px;display:flex}.agent-panel .cui-msg-error .cui-bubble{border:0;border-left:2px solid var(--ran-color-danger);color:var(--ran-color-text-secondary);background:0 0;border-radius:0;padding:2px 0 2px 12px}.agent-panel-provider{box-sizing:border-box;width:100%}.agent-panel-note{color:var(--ran-color-text-secondary);white-space:pre-line;font-size:12px}.agent-panel-note:empty{display:none}.agent-panel-link{color:var(--ran-color-link);cursor:pointer;white-space:nowrap;text-decoration:underline}.agent-panel-link:hover,.agent-panel-link:focus-visible{color:var(--ran-blue-900)}r-dropdown[role=listbox]{z-index:100000}.agent-panel-review{color:var(--ran-color-text-secondary);cursor:pointer;align-items:center;gap:4px;display:flex}.agent-panel-model-row{gap:8px;display:flex}.agent-panel-model{flex:1;min-width:0}.agent-panel-load{flex-shrink:0}@media (prefers-reduced-motion:reduce){.loading-mask{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.agent-panel-gguf-row{gap:var(--ran-space-2,8px);flex-direction:column;min-width:0;display:flex}.agent-panel-gguf-choose{box-sizing:border-box;border:1px solid var(--ran-color-border,#ddd);max-width:100%;color:var(--ran-color-text);cursor:pointer;border-radius:6px;align-self:flex-start;padding:7px 12px;position:relative}.agent-panel-gguf-choose:focus-within{outline:2px solid var(--ran-color-primary,#2563eb);outline-offset:2px}.agent-panel-gguf-files{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.agent-panel-gguf-filenames{overflow-wrap:anywhere;color:var(--ran-color-text);font-size:12px}.agent-panel-gguf-filenames:empty{display:none}.agent-panel-header{box-sizing:border-box;gap:4px;min-height:56px;padding:8px 16px}.agent-panel-title{font-size:var(--ran-text-heading-4);font-weight:var(--ran-text-heading-weight);letter-spacing:var(--ran-text-heading-tracking);flex:1}.agent-panel-header button,.agent-panel-quote{width:30px;height:30px;color:var(--ran-color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.agent-panel-header button:hover,.agent-panel-quote:hover{background:var(--ran-color-bg-muted);color:var(--ran-color-text)}.agent-panel-settings-toggle{margin:0}.agent-panel-header button:focus-visible,.agent-panel-quote:focus-visible,.agent-writing-task:focus-visible,.agent-writing-language:focus-visible{outline:2px solid var(--ran-color-primary);outline-offset:2px}.agent-panel-settings{gap:var(--ran-space-3);min-height:0;max-height:55%;padding:var(--ran-space-4);flex:0 auto;overflow:auto}.agent-panel-settings-hidden{display:none}.agent-panel-review{font-size:12px}.agent-panel-note{line-height:1.6}.agent-panel .cui-root{font-family:inherit}.agent-panel .cui-actions{gap:8px}.agent-panel-quote{width:28px;height:28px;margin-left:auto}.agent-plan-preview>span:first-child{font-weight:600}.agent-plan-content,.agent-plan-before{font-size:13px;line-height:1.65}.agent-plan-content{background:var(--ran-color-bg-muted);border-radius:6px;padding:12px}.agent-plan-original{color:var(--ran-color-text-secondary);font-size:12px}.agent-plan-original summary{cursor:pointer;padding:4px 0}.agent-plan-original .agent-plan-before{max-height:160px;margin-top:8px;overflow:auto}@media (width<=760px){body.agent-docked #app iframe{width:100%!important}}.agent-model-status,.agent-generation-stats{color:var(--ran-color-text-secondary);padding:0 var(--ran-space-4) var(--ran-space-2);overflow-wrap:anywhere;font-size:11px}.agent-model-status:empty,.agent-generation-stats:empty{display:none}.agent-panel-header{min-height:68px;padding:12px 20px}.agent-panel-title{letter-spacing:-.02em;font-size:18px}.agent-model-status{border-left:2px solid var(--ran-color-primary);margin:0 20px 12px;padding:0 0 0 10px;line-height:1.55}.agent-session-bar{padding:0 20px 14px}.agent-session-select{background:var(--ran-color-bg-muted);border-color:#0000;min-height:38px}.agent-panel .cui-messages{gap:28px;padding:28px 22px;line-height:1.75}.agent-panel .cui-empty{box-sizing:border-box;letter-spacing:-.04em;width:100%;max-width:320px;padding:28px 0;font-size:25px;font-weight:600;line-height:1.45}.agent-panel .cui-empty-actions{margin-top:24px}.agent-writing-starters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.agent-writing-starters button{background:var(--ran-color-bg-muted);min-height:40px;color:var(--ran-color-text);border-color:#0000;border-radius:10px;padding:9px 14px;font-size:13px}.agent-writing-starters button:hover{background:var(--ran-color-bg-hover);border-color:var(--ran-color-border)}.agent-panel .cui-empty-actions .agent-configure{text-underline-offset:4px;border:0;border-radius:0;min-height:32px;padding:4px 0;text-decoration:underline}.agent-panel .cui-msg-user .cui-bubble{border-radius:16px 16px 4px;padding:12px 16px}.agent-panel .cui-message-actions{gap:10px;margin-top:2px}.agent-panel .cui-message-actions button{min-height:32px}.agent-panel .cui-footer{padding:16px 18px 20px}.agent-panel .cui-composer{background:var(--ran-color-bg-elevated);border-radius:18px;padding:16px}.agent-panel .cui-input{min-height:56px;box-shadow:none;border:0;border-radius:0;line-height:1.65}.agent-panel .cui-composer-bar{margin-top:16px}.agent-panel .cui-send{width:34px;height:34px}@media (width<=480px){.agent-panel-header button,.agent-panel-quote,.agent-panel-clear,.agent-panel .cui-send{flex-shrink:0;width:44px;height:44px}.agent-panel-clear{flex-basis:44px}.agent-panel .cui-messages{padding:24px 20px}.agent-panel .cui-footer{padding-bottom:max(16px, env(safe-area-inset-bottom))}}@container agent-panel (height<=600px){.agent-panel-header{min-height:48px;padding:8px 16px}.agent-model-status{margin-bottom:6px}.agent-session-bar{padding-bottom:6px}.agent-panel-settings{box-sizing:border-box;max-height:min(35%,max(32px,100dvh - 280px));padding:8px}.agent-panel .cui-root{min-height:124px}.agent-panel .cui-messages{padding:0 16px}.agent-panel .cui-footer{padding:8px 12px;padding-bottom:max(8px, env(safe-area-inset-bottom))}.agent-panel .cui-composer{padding:10px}.agent-panel .cui-input{min-height:40px;max-height:40px}.agent-panel .cui-composer-bar{margin-top:8px}}.agent-runtime-row{flex:none;align-items:center;gap:8px;padding:0 20px 12px;display:flex}.agent-runtime-row[hidden],.agent-runtime-row [hidden]{display:none!important}.agent-runtime-main{flex:1;min-width:0}.agent-runtime-row .agent-model-status{margin:0;display:block}.agent-model-progress{width:100%;height:3px;accent-color:var(--ran-color-primary);margin-top:8px;display:block}.agent-runtime-row r-button{flex:none}@media (height<=600px){.agent-runtime-row{padding:0 16px 6px}}.agent-model-sources[hidden]{display:none}.agent-model-sources summary{cursor:pointer;color:var(--ran-color-text-secondary);padding:4px 0;font-size:12px}.agent-model-sources summary:focus-visible{outline:2px solid var(--ran-color-primary);outline-offset:2px}.agent-model-sources r-input{margin-top:12px;display:block}