.demo-browser{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.demo-titlebar{background:var(--surface-raised);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:44px;padding:10px 16px;display:flex}.demo-traffic-lights{gap:6px;display:flex}.demo-traffic-dot{border-radius:50%;width:10px;height:10px}.demo-tab{background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:11px;font-weight:500;font-family:var(--font-sans);border-radius:6px;align-items:center;gap:6px;padding:4px 12px;display:flex}.demo-tab-favicon{background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;width:14px;height:14px;font-size:7px;font-weight:700;font-family:var(--font-mono);border-radius:3px;place-items:center;display:grid}.demo-address-bar{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex:1;align-items:center;gap:8px;height:28px;padding:0 12px;transition:border-color .2s;display:flex}.demo-address-bar--focused{border-color:var(--accent)}.demo-address-input{font-size:12px;font-family:var(--font-sans);color:var(--text);letter-spacing:-.01em;background:0 0;border:none;outline:none;flex:1}.demo-address-lock{color:var(--positive);align-items:center;display:flex}.demo-viewport{background:var(--bg);flex:1;position:relative;overflow:hidden}.demo-loading-bar{background:linear-gradient(90deg,var(--accent),var(--accent-light));z-index:10;border-radius:1px;width:0%;height:2px;position:absolute;top:0;left:0}.demo-camera{transform-origin:50%;will-change:transform;position:absolute;inset:0}.demo-cursor{z-index:9999;pointer-events:none;will-change:transform;filter:drop-shadow(0 2px 4px #0009);position:absolute;top:0;left:0}.demo-cursor-ripple{border:2px solid var(--accent);opacity:0;pointer-events:none;border-radius:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;position:absolute;top:50%;left:50%;transform:scale(0)}.demo-controls{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);z-index:100;border-radius:40px;align-items:center;gap:12px;padding:8px 16px;transition:opacity .3s;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.demo-controls--hidden{opacity:0;pointer-events:none}.demo-ctrl-btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text);border-radius:50%;place-items:center;transition:background .15s,border-color .15s;display:grid}.demo-ctrl-btn:hover{background:var(--surface-raised);border-color:var(--border-hover)}.demo-ctrl-btn--primary{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;border-color:#0000}.demo-ctrl-btn--primary:hover{box-shadow:0 0 16px #f973164d}.demo-progress-bar{background:var(--surface-raised);border-radius:2px;width:200px;height:3px;overflow:hidden}.demo-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .1s linear}.demo-scene{opacity:0;visibility:hidden;position:absolute;inset:0}.demo-scene--active{opacity:1;visibility:visible}.demo-thinking{color:var(--text-ter);align-items:center;gap:8px;font-size:12px;display:flex}.demo-thinking-dots{gap:2px;display:flex}.demo-thinking-dot{border-radius:50%;width:6px;height:6px;animation:1.4s infinite dotPulse}@keyframes avatarBounce{0%{transform:translateY(0)scale(1)}25%{transform:translateY(-5px)scale(1.1)}50%{transform:translateY(0)scale(1)}75%{transform:translateY(-2px)scale(1.05)}to{transform:translateY(0)scale(1)}}@keyframes demoCardReveal{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.demo-card-shimmer{position:relative;overflow:hidden}.demo-card-shimmer:after{content:"";border-radius:inherit;background:linear-gradient(90deg,transparent 0%,transparent 35%,var(--accent)50%,transparent 65%,transparent 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:1;opacity:.6;background-size:200% 100%;padding:1px;animation:1.5s ease-out forwards shimmer;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.demo-transition-line{transform-origin:50%}.demo-transition-dot{display:inline-block}.demo-score{transition:color .5s}