:root{--bg:#ede6d8;--card-bg:#fff;--border:#e4dac9;--border-soft:#efe8dc;--text:#241e17;--text-body:#2b2419;--text-muted:#746a58;--accent:#b8522d;--accent-soft:#f5f0e6;--avatar-bg:#f1eadc;--avatar-text:#7a5c39;--bot-bubble-bg:#f7f3eb;--bot-bubble-border:#ede5d5;--user-bubble-bg:#f4e3d3;--user-bubble-border:#ead2b8;--input-bg:#fbf8f2;--danger:#a5493a}body{background:var(--bg);min-height:100dvh;color:var(--text-body);place-content:center;margin:0;font-family:Work Sans,sans-serif;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hidden{display:none}#app-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;flex-direction:column;width:80vw;max-width:460px;height:78vh;max-height:720px;display:flex;overflow:hidden;box-shadow:0 20px 40px #3c28141a}@media (width<=640px){body{place-content:stretch}#app-card{width:100vw;max-width:none;height:100dvh;max-height:none;box-shadow:none;border:none;border-radius:0}}.app-header{border-bottom:1px solid var(--border-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.app-header-title{flex-direction:column;gap:2px;display:flex}.app-name{color:var(--text);font-family:Newsreader,serif;font-size:19px;font-style:italic;font-weight:600}.app-subtitle{color:var(--text-muted);font-size:11px}.status-pill{background:var(--accent-soft);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:flex}.status-dot{border-radius:50%;width:7px;height:7px}.status-dot--loading{background:var(--accent);opacity:.55}.status-dot--ready{background:var(--accent);box-shadow:0 0 0 3px #b8522d2e}.status-dot--error{background:var(--danger)}#status-text{color:var(--text-muted);letter-spacing:.02em;font-size:11px;font-weight:500}.screen{flex-direction:column;flex:1;display:flex;overflow:hidden}.screen.hidden{display:none}#screen-chat main{flex:1;padding:20px;overflow-y:auto}#screen-chat ul{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.message{align-items:flex-end;gap:10px;max-width:82%;display:flex}.message span{background:var(--avatar-bg);width:30px;height:30px;color:var(--avatar-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.message p{margin:0;padding:11px 14px;font-size:14.5px;line-height:1.5}.message.bot{align-self:flex-start}.message.bot p{background:var(--bot-bubble-bg);border:1px solid var(--bot-bubble-border);color:var(--text-body);border-radius:14px 14px 14px 4px}.message.user{justify-content:flex-end;align-self:flex-end}.message.user p{background:var(--user-bubble-bg);border:1px solid var(--user-bubble-border);color:var(--text-body);border-radius:14px 14px 4px}#screen-chat form{border-top:1px solid var(--border-soft);flex-shrink:0;align-items:flex-end;gap:10px;padding:14px 16px;display:flex}#screen-chat form textarea{box-sizing:border-box;border:1px solid var(--border);min-width:0;height:40px;min-height:40px;max-height:96px;color:var(--text-body);background:var(--input-bg);resize:none;border-radius:12px;flex-grow:1;padding:10px 12px;font-family:Work Sans,sans-serif;font-size:14px;overflow-y:auto}#screen-chat form textarea::placeholder{color:var(--text-muted)}#screen-chat form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#screen-chat form button{background:var(--accent);color:var(--input-bg);white-space:nowrap;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-family:Work Sans,sans-serif;font-size:13.5px;font-weight:600;transition:filter .15s;display:flex}#screen-chat form button[disabled]{background:var(--border);color:var(--input-bg);opacity:.7;pointer-events:none}#screen-chat form button:hover{filter:brightness(.93)}.button-icon{width:15px;height:15px;display:flex}#screen-loading{text-align:center;justify-content:center;align-items:center;gap:22px;padding:32px}.progress-ring{flex-shrink:0;justify-content:center;align-items:center;width:112px;height:112px;display:flex;position:relative}.progress-ring-svg{position:absolute;inset:0;transform:rotate(-90deg)}.progress-ring-track{fill:none;stroke:var(--border-soft);stroke-width:8px}.progress-ring-bar{fill:none;stroke:var(--accent);stroke-width:8px;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327px;transition:stroke-dashoffset .25s}.progress-percentage{color:var(--text);font-family:Newsreader,serif;font-size:28px;font-style:italic;font-weight:600;position:relative}.loading-text{flex-direction:column;gap:6px;display:flex}.loading-title{color:var(--text-body);font-size:14.5px;font-weight:600}.loading-detail{color:var(--text-muted);max-width:260px;font-size:12.5px;line-height:1.5}#screen-webgpu{text-align:center;justify-content:center;align-items:center;gap:20px;padding:32px}.webgpu-icon{color:var(--accent);flex-shrink:0}.webgpu-text{flex-direction:column;gap:6px;display:flex}.webgpu-title{color:var(--text);font-family:Newsreader,serif;font-size:21px;font-style:italic;font-weight:600}.webgpu-subtitle{color:var(--text-muted);font-size:13px}.webgpu-steps{counter-reset:step;flex-direction:column;gap:12px;width:100%;max-width:280px;margin:0;padding:0;list-style:none;display:flex}.webgpu-steps li{text-align:left;color:var(--text-body);counter-increment:step;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.4;display:flex}.webgpu-steps li:before{content:counter(step);background:var(--avatar-bg);width:22px;height:22px;color:var(--avatar-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.webgpu-steps code{background:var(--accent-soft);border-radius:4px;padding:1px 5px;font-size:12.5px}.webgpu-footer{color:var(--text-muted);font-size:12px}.webgpu-footer a{color:var(--avatar-text)}.webgpu-footer a:hover{color:var(--text)}