:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#24221e;background:#f4f0e8}body.loading #login,body.loading #workspace{display:none!important}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.login{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 75% 15%,#f8c9a4 0,transparent 28%),radial-gradient(circle at 20% 80%,#c8ddc2 0,transparent 30%),#f4f0e8}.login section{width:min(520px,100%)}.mark{width:48px;height:48px;display:grid;place-items:center;background:#292721;color:#fff;border-radius:14px;font:27px Georgia,serif}.mark.small{display:inline-grid;width:30px;height:30px;border-radius:9px;font-size:17px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:750;color:#736d61;margin:24px 0 12px}.login h1{font:400 clamp(48px,8vw,76px)/.95 Georgia,serif;letter-spacing:-.05em;margin:0}.lede{font-size:18px;color:#6c665b;margin:24px 0 36px}.login form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.login label{font-size:12px;font-weight:700;display:grid;gap:7px;flex:1;min-width:250px}.login input,.login button{height:52px;border-radius:13px;border:1px solid #d4cfc4;padding:0 16px}.login input{background:#fff}.login button,.composer button{background:#292721;color:#fff;border:0;font-weight:700;padding:0 22px}.status{width:100%;min-height:20px;color:#6c665b}.workspace{height:100vh;overflow:hidden}.workspace header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #dcd6cb;background:#faf8f3}.workspace header>div{display:flex;align-items:center;gap:8px}.header-version{font-size:11px;font-weight:600;color:#9c9588;background:#edebe4;border-radius:5px;padding:2px 6px;letter-spacing:-.01em;line-height:1.4}html[data-theme=dark] .header-version{color:#a39d93;background:#302e28}.actions a,.quiet{border:0;background:none;color:#5d584e;text-decoration:none;font-size:13px;padding:8px;cursor:pointer;transition:color .15s,opacity .15s;border-radius:6px}.quiet:hover{color:#24221e;opacity:1;background:#00000008}html[data-theme=dark] .quiet:hover{color:#eee9df;background:#ffffff0c}.shell{display:grid;grid-template-columns:var(--chat-width,500px) 14px 1fr;height:calc(100vh - 58px)}.shell .mobile-tabs{display:none}.chat{display:flex;flex-direction:column;border-right:1px solid #dcd6cb;background:#f7f3ec;min-height:0;min-width:200px}.messages{padding:28px;overflow:auto;flex:1}.welcome{max-width:430px;margin:12vh auto;text-align:center}.welcome h2{font:400 42px/1 Georgia,serif;margin:10px}.welcome p:last-child{color:#746e62}.message{max-width:86%;padding:12px 15px;border-radius:16px;margin:14px 0;line-height:1.5;white-space:pre-wrap}.message.user{margin-left:auto;background:#292721;color:#fff;border-bottom-right-radius:4px}.message.assistant{background:#fff;border:1px solid #dfd9ce;border-bottom-left-radius:4px}.composer{margin:16px;display:flex;align-items:end;gap:10px;background:#fff;border:1px solid #d8d2c7;border-radius:18px;padding:10px;box-shadow:0 8px 30px #574a3820}.composer textarea{resize:none;max-height:160px;min-height:42px;padding:10px;border:0;outline:0;flex:1}.composer button{width:42px;height:42px;border-radius:13px;font-size:22px;padding:0}.composer button:disabled{opacity:.4}.resize-handle{position:relative;cursor:col-resize;background:#e7e2d9;transition:background .15s;z-index:2;touch-action:none;display:flex;align-items:center;justify-content:center;border-left:1px solid #d4cec2;border-right:1px solid #d4cec2;box-shadow:inset 0 0 0 1px #ffffff40}.resize-handle:before{content:'';position:absolute;inset:-6px;cursor:col-resize}.resize-handle .resize-grip{display:block;width:2px;height:2px;border-radius:50%;background:#b8aea0;opacity:.4;transition:opacity .2s;pointer-events:none;box-shadow:0 -7px 0 #b8aea0,0 7px 0 #b8aea0}.resize-handle:hover,.resize-handle.active{background:#d4cec2}.resize-handle:hover .resize-grip,.resize-handle.active .resize-grip{opacity:1}.shell.resizing .preview iframe{pointer-events:none}.preview{background:#e7e2d9;padding:18px 18px 0;min-width:0;display:flex;flex-direction:column}.preview-bar{height:38px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-radius:12px 12px 0 0;color:#777066;font-size:11px;flex-shrink:0}.preview-bar i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d9d3c9;margin-right:5px}.preview iframe{width:100%;flex:1;min-height:0;border:0;background:#fff;border-radius:0}.preview-footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:.55rem;height:54px;padding:0 14px;background:#e7e2d9;border-radius:0 0 12px 12px}.preferences{position:fixed;right:18px;bottom:18px;z-index:10;display:flex;gap:8px;align-items:center}.preferences select,.theme-picker{height:38px;border:1px solid #d8d2c7;border-radius:11px;background:#ffffffd9;backdrop-filter:blur(12px);color:#4f4a42}.preferences select{padding:0 28px 0 11px}.theme-picker{display:flex;padding:3px}.theme-picker button{width:31px;border:0;border-radius:8px;background:none;color:inherit}.theme-picker button.active{background:#292721;color:#fff}html[data-theme=dark]{color:#eee9df;background:#191815}html[data-theme=dark] .login{background:radial-gradient(circle at 75% 15%,#6a4130 0,transparent 30%),radial-gradient(circle at 20% 80%,#324a35 0,transparent 30%),#191815}html[data-theme=dark] .workspace header,html[data-theme=dark] .chat{background:#201f1b;border-color:#3b3932}html[data-theme=dark] .preview,html[data-theme=dark] .preview-footer{background:#12110f}html[data-theme=dark] .resize-handle{background:#2b2924;border-color:#3b3932;box-shadow:inset 0 0 0 1px #ffffff08}html[data-theme=dark] .resize-handle:hover,html[data-theme=dark] .resize-handle.active{background:#3b3932}html[data-theme=dark] .resize-handle .resize-grip{background:#5a564d;box-shadow:0 -7px 0 #5a564d,0 7px 0 #5a564d}html[data-theme=dark] .composer,html[data-theme=dark] .message.assistant,html[data-theme=dark] .preview-bar,html[data-theme=dark] .preferences select,html[data-theme=dark] .theme-picker{background:#2b2924;color:#eee9df;border-color:#48453d}html[data-theme=dark] input,html[data-theme=dark] textarea{background:#24221e;color:#fff}html[data-theme=dark] .lede,html[data-theme=dark] .welcome p:last-child,html[data-theme=dark] .eyebrow{color:#aaa397}.workspace:not([hidden]) ~ .preferences{display:none}@media(max-width:800px){.shell .mobile-tabs{display:flex;border-bottom:1px solid #dcd6cb;background:#faf8f3}.mobile-tab{flex:1;border:0;background:none;padding:12px 0;font-size:14px;font-weight:600;color:#7d776b;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.mobile-tab.active{color:#24221e;border-bottom-color:#292721}html[data-theme=dark] .mobile-tabs{background:#201f1b;border-color:#3b3932}html[data-theme=dark] .mobile-tab{color:#888279}html[data-theme=dark] .mobile-tab.active{color:#eee9df;border-bottom-color:#c8c3b5}.shell{display:block}.shell.mobile-preview .chat,.shell.mobile-preview .resize-handle{display:none}.shell:not(.mobile-preview) .preview{display:none}.shell .resize-handle{display:none}.chat{height:calc(100dvh - 58px - 44px);border:0;min-width:unset}.shell.mobile-preview .preview{display:flex;height:calc(100dvh - 58px - 44px)}.preview{display:flex;min-height:0}.messages{padding:20px}.preferences{right:10px;bottom:8px}.preview-footer{display:none}}