*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07070f;--surface:#0e0e1c;--surface2:#141428;--surface3:#1c1c34;--border:#ffffff12;--border-hover:#fff2;--text:#f0f0ff;--text-muted:#6b6b8e;--text-dim:#3d3d5c;--grad-from:#6366f1;--grad-to:#a855f7;--accent:#7c6af7;--accent-light:#7c6af71f;--accent-border:#7c6af74d;--success:#22d3a5;--success-bg:#22d3a51a;--warning:#fbbf24;--warning-bg:#fbbf241a;--danger:#f87171;--danger-bg:#f871711a;--python:#818cf8;--python-bg:#818cf81a;--radius:10px;--radius-lg:16px;--font:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--dot-color:#ffffff0e;--dot-size:28px}.dot-bg{background-image:radial-gradient(circle, var(--dot-color) 1.5px, transparent 1.5px);background-size:var(--dot-size) var(--dot-size)}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;height:100dvh;font-size:14px;line-height:1.6;overflow:hidden}.app-shell{background:var(--bg);flex-direction:column;height:100dvh;display:flex}.app-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;background:#0e0e1ccc;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.app-logo-group{align-items:center;gap:10px;display:flex}.app-logo{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:9px;display:flex}.app-logo svg{background:linear-gradient(135deg, var(--grad-from), var(--grad-to));color:#fff;filter:drop-shadow(0 0 8px #7c6af780);border-radius:8px;padding:3px}.app-logo span{letter-spacing:-.04em;background:linear-gradient(135deg, #fff 40%, var(--grad-to));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:17px;font-weight:700}.app-header-right{align-items:center;gap:16px;display:flex}.app-user{align-items:center;gap:10px;display:flex}.user-avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:30px;height:30px}.user-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13px;overflow:hidden}.app-main{flex:1;display:flex;overflow:hidden}.app-breadcrumb{align-items:center;gap:6px;font-size:13px;display:flex}.breadcrumb-sep{color:var(--border-hover)}.breadcrumb-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:500;overflow:hidden}.view-toggle{background:var(--surface2);border:1px solid var(--border);border-radius:9px;gap:2px;padding:3px;display:flex}.view-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 14px;font-size:13px;font-weight:500;transition:all .15s}.view-toggle-btn:hover{color:var(--text)}.view-toggle-active{box-shadow:0 2px 8px #7c6af766;background:linear-gradient(135deg, var(--grad-from), var(--grad-to))!important;color:#fff!important}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--text);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:13.5px;font-weight:500;font-family:var(--font);justify-content:center;align-items:center;gap:6px;padding:8px 16px;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface3);border-color:var(--border-hover)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--grad-from), var(--grad-to));color:#fff;border-color:#0000;box-shadow:0 2px 12px #7c6af759}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #7c6af780}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface2);color:var(--text);border-color:var(--border)}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{border-radius:var(--radius-lg);padding:14px 32px;font-size:15px}.landing{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing-dots{pointer-events:none;background-image:radial-gradient(circle,#ffffff12 1.5px,#0000 1.5px);background-size:28px 28px;position:absolute;inset:0}.landing-dots:after{content:"";background:radial-gradient(ellipse 70% 70% at 50% 50%, var(--bg) 0%, transparent 40%, var(--bg) 100%);position:absolute;inset:0}.landing-glow{pointer-events:none;filter:blur(40px);background:radial-gradient(#7c6af72e 0%,#0000 70%);width:600px;height:400px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.landing-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:620px;padding:40px 24px;display:flex;position:relative}.landing-badge{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);letter-spacing:.01em;border-radius:99px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:500;display:inline-flex}.landing-content h1{letter-spacing:-.06em;color:#fff;margin:0;font-size:3.6rem;font-weight:800;line-height:1.08}.landing-gradient{background:linear-gradient(135deg, var(--grad-from) 0%, var(--grad-to) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.landing-content p{color:var(--text-muted);max-width:460px;margin:0;font-size:17px;line-height:1.7}.landing-cta{justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.landing-features{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:8px;display:flex}.landing-feat{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.feat-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.feat-purple{background:var(--accent);box-shadow:0 0 6px var(--accent)}.feat-green{background:var(--success);box-shadow:0 0 6px var(--success)}.feat-amber{background:var(--warning);box-shadow:0 0 6px var(--warning)}.dashboard{scrollbar-width:thin;scrollbar-color:var(--border) transparent;background-image:radial-gradient(circle, var(--dot-color) 1.5px, transparent 1.5px);background-size:var(--dot-size) var(--dot-size);flex:1;padding:48px;overflow-y:auto}.dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:36px;display:flex}.dashboard-header h2{letter-spacing:-.03em;margin-bottom:4px;font-size:1.6rem;font-weight:700}.dashboard-sub{color:var(--text-muted);font-size:14px}.dashboard-loading{justify-content:center;padding:80px;display:flex}.dashboard-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:100px 40px;display:flex}.dashboard-empty p{color:var(--text);font-size:18px;font-weight:600}.dashboard-empty span{color:var(--text-muted);margin-bottom:8px;font-size:14px}.new-app-form{background:var(--surface);border:1px solid var(--accent-border);border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--accent-border), 0 8px 32px #7c6af71a;flex-direction:column;gap:12px;margin-bottom:32px;padding:20px;display:flex}.new-app-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-size:15px;font-family:var(--font);outline:none;padding:11px 16px;transition:border-color .15s,box-shadow .15s}.new-app-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.new-app-input::placeholder{color:var(--text-muted)}.new-app-input:disabled{opacity:.5}.new-app-error{color:var(--danger);font-size:12px}.new-app-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.app-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.app-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--type-color,var(--accent));border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;overflow:hidden}.app-card:hover{border-color:var(--border-hover);border-left-color:var(--type-color,var(--accent));background:var(--surface2);transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.app-card-inner{flex-direction:column;gap:8px;padding:18px 20px;display:flex}.app-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.app-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.app-card-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;font-size:15px;font-weight:600;overflow:hidden}.app-card-type{color:var(--type-color,var(--accent));text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb, var(--type-color,var(--accent)) 12%, transparent);border:1px solid color-mix(in srgb, var(--type-color,var(--accent)) 25%, transparent);border-radius:99px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700}.app-card-source{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--surface3);border:1px solid var(--border);border-radius:99px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.app-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.app-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:2px;font-size:11.5px;display:flex}.app-card-dot{color:var(--text-dim)}.app-card-owner{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:500;overflow:hidden}.app-card-date{color:var(--text-dim)}.app-card-delete{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.app-card:hover .app-card-delete{color:var(--text-muted)}.app-card-delete:hover{background:var(--danger-bg);border-color:#f871714d;color:var(--danger)!important}.app-card-delete-spinner{border:2px solid var(--border);border-top-color:var(--danger);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin;display:block}.app-type-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:99px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.editor-layout{background-image:radial-gradient(circle, var(--dot-color) 1.5px, transparent 1.5px);background-size:var(--dot-size) var(--dot-size);flex:1;display:flex;overflow:hidden}.chat-panel{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:400px;min-width:320px;display:flex}.chat-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.chat-header-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:700}.chat-messages{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.msg{align-items:flex-start;gap:10px;max-width:95%;display:flex}.msg-user{flex-direction:row-reverse;align-self:flex-end}.msg-assistant{align-self:flex-start}.msg-avatar{background:var(--surface3);width:30px;height:30px;color:var(--text-muted);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.msg-avatar-user{background:linear-gradient(135deg, var(--grad-from), var(--grad-to));color:#fff;border:none;box-shadow:0 2px 8px #7c6af766}.msg-body{flex-direction:column;gap:6px;display:flex}.msg-user .msg-body{align-items:flex-end}.msg-text{white-space:pre-wrap;word-break:break-word;border-radius:14px;padding:10px 14px;font-size:13.5px;line-height:1.6}.msg-user .msg-text{background:linear-gradient(135deg, var(--grad-from), var(--grad-to));color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 12px #7c6af74d}.msg-assistant .msg-text{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.msg-files{flex-direction:column;gap:4px;margin-top:4px;display:flex}.msg-file{font-size:12px;font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:7px;display:flex}.msg-file-active{color:var(--accent)}.msg-file-done{color:var(--success)}.msg-file-icon{flex-shrink:0;width:14px;font-size:10px;font-style:normal}.msg-building{color:var(--accent);background:var(--accent-light);border:1px solid var(--accent-border);border-radius:99px;align-items:center;gap:8px;margin-top:4px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.msg-building-spinner{border:2px solid var(--accent-border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.7s linear infinite spin;display:block}.msg-done{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.msg-badge{color:var(--success);background:var(--success-bg);border:1px solid #22d3a540;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.msg-badge:before{content:"✓"}.msg-preview-link{color:var(--accent);border:1px solid var(--accent-border);background:var(--accent-light);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s}.msg-preview-link:hover{background:#7c6af733;box-shadow:0 2px 8px #7c6af733}.msg-thinking{background:var(--surface2);border:1px solid var(--border);border-radius:14px 14px 14px 4px;align-items:center;gap:5px;padding:12px 16px;display:inline-flex}.msg-thinking span{background:var(--text-dim);border-radius:50%;width:6px;height:6px;animation:1.2s infinite thinking-dot;display:inline-block}.msg-thinking span:first-child{animation-delay:0s}.msg-thinking span:nth-child(2){animation-delay:.2s}.msg-thinking span:nth-child(3){animation-delay:.4s}@keyframes thinking-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.msg-cursor{background:var(--accent);vertical-align:text-bottom;border-radius:1px;width:2px;height:14px;margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chat-input-area{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:flex-end;gap:10px;padding:16px;display:flex}.chat-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:13.5px;font-family:var(--font);resize:none;border-radius:12px;outline:none;flex:1;min-height:42px;max-height:160px;padding:10px 14px;line-height:1.6;transition:border-color .15s,box-shadow .15s;overflow-y:auto}.chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.4}.chat-send-btn{background:linear-gradient(135deg, var(--grad-from), var(--grad-to));border:none;border-radius:11px;flex-shrink:0;width:42px;height:42px;padding:0;box-shadow:0 2px 12px #7c6af766}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #7c6af799}.chat-send-btn:disabled{opacity:.4;box-shadow:none;transform:none}.send-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.file-count{background:var(--accent-light);min-width:18px;height:18px;color:var(--accent);border-radius:99px;justify-content:center;align-items:center;margin-left:6px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}.preview-panel{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.preview-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 16px;display:flex}.preview-tabs{gap:2px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;font-size:12.5px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-radius:8px;padding:6px 14px;transition:all .15s}.tab-btn:hover{background:var(--surface2);color:var(--text)}.tab-active{background:var(--surface2)!important;color:var(--text)!important;border:1px solid var(--border)!important}.preview-meta{align-items:center;gap:8px;margin-left:auto;display:flex}.preview-open-btn{color:var(--accent);border:1px solid var(--accent-border);background:var(--accent-light);border-radius:7px;padding:4px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s}.preview-open-btn:hover{background:#7c6af733;box-shadow:0 2px 8px #7c6af733}.preview-iframe{background:#fff;border:none;flex:1;width:100%;height:100%}.preview-empty{text-align:center;background:radial-gradient(60% 50% at 50% 100%,#7c6af70a 0%,#0000 70%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.preview-empty-icon{color:var(--text-dim);margin-bottom:4px}.preview-empty p{color:var(--text);font-size:15px;font-weight:600}.preview-empty span{color:var(--text-muted);font-size:13px}.preview-local-notice{flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.preview-local-notice>div{text-align:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:8px;max-width:380px;padding:24px;display:flex}.preview-local-notice p{color:var(--text);font-size:14px;font-weight:600}.preview-local-notice span{color:var(--text-muted);font-size:12.5px;line-height:1.6}.preview-local-notice code{font-family:var(--font-mono);background:var(--surface3);color:var(--accent);border-radius:4px;padding:1px 5px;font-size:11px}.code-view{flex:1;display:flex;overflow:hidden}.file-tree{border-right:1px solid var(--border);background:var(--surface);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex-shrink:0;width:200px;min-width:160px;display:flex;overflow-y:auto}.file-tree-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 14px 8px;font-size:10px;font-weight:700}.file-btn{text-align:left;width:100%;font-size:12px;font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:7px;padding:6px 14px;transition:all .12s;display:flex;overflow:hidden}.file-btn:hover{background:var(--surface2);color:var(--text)}.file-btn-active{border-right:2px solid var(--accent);color:var(--accent)!important;background:#7c6af71f!important}.file-btn-dir{color:var(--text);font-weight:500}.file-chevron{color:var(--text-muted);flex-shrink:0;font-size:10px}.file-dir-name{text-overflow:ellipsis;overflow:hidden}.file-icon{background:var(--surface3);color:var(--text-muted);letter-spacing:.02em;font-size:9px;font-weight:700;font-family:var(--font-mono);border-radius:3px;flex-shrink:0;padding:1px 4px}.file-name{text-overflow:ellipsis;overflow:hidden}.code-editor-wrap{flex:1;overflow:hidden}.zip-app-view{background-image:radial-gradient(circle, var(--dot-color) 1.5px, transparent 1.5px);background-size:var(--dot-size) var(--dot-size);flex-direction:column;flex:1;display:flex;overflow:hidden}.zip-toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.zip-app-name{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.zip-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.zip-error{color:var(--danger);font-size:12px}.deploy-panel{background-image:radial-gradient(circle, var(--dot-color) 1.5px, transparent 1.5px);background-size:var(--dot-size) var(--dot-size);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;justify-content:center;padding:56px 24px;display:flex;overflow-y:auto}.deploy-inner{flex-direction:column;gap:20px;width:100%;max-width:580px;display:flex}.deploy-heading h2{letter-spacing:-.03em;margin-bottom:8px;font-size:1.5rem;font-weight:700}.deploy-heading p{color:var(--text-muted);font-size:14px;line-height:1.6}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;background:var(--surface);padding:40px 24px;transition:all .2s}.drop-zone:hover,.drop-zone-over{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 4px #7c6af70f}.drop-zone-filled{cursor:default;border-style:solid;border-color:var(--border);padding:16px 20px}.drop-zone-filled:hover{border-color:var(--border);background:var(--surface);box-shadow:none}.drop-zone-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.drop-icon{color:var(--text-muted);opacity:.4}.drop-label{color:var(--text);font-size:15px;font-weight:500}.drop-hint{color:var(--text-muted);font-size:12px}.drop-zone-file{align-items:center;gap:14px;display:flex}.drop-file-icon{flex-shrink:0;font-size:28px}.drop-file-info{flex-direction:column;flex:1;gap:2px;display:flex}.drop-file-name{font-size:14px;font-weight:500}.drop-file-size{color:var(--text-muted);font-size:12px}.deploy-overrides{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.override-row{align-items:center;gap:12px;display:flex}.override-label{color:var(--text-muted);flex-shrink:0;width:100px;font-size:12px;font-weight:600}.override-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:12.5px;font-family:var(--font-mono);border-radius:7px;outline:none;flex:1;padding:8px 12px;transition:border-color .15s}.override-input:focus{border-color:var(--accent)}.override-input::placeholder{color:var(--text-muted)}.override-input-sm{flex:none;max-width:100px}.deploy-btn{border-radius:var(--radius-lg);justify-content:center;gap:8px;width:100%;padding:13px;font-size:14px}.deploy-error{background:var(--danger-bg);border-radius:var(--radius);color:var(--danger);border:1px solid #f8717140;padding:12px 16px;font-size:13px}.deploy-result{background:var(--surface);border-radius:var(--radius-lg);border:1px solid #22d3a540;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 0 0 1px #22d3a51a}.deploy-result-header{align-items:center;gap:10px;display:flex}.deploy-result-icon{color:var(--success);font-size:18px}.deploy-result-title{flex:1;font-size:15px;font-weight:600}.deploy-file-count{color:var(--text-muted);font-size:12px}.deploy-url-row{background:var(--surface2);border:1px solid var(--border);border-radius:9px;align-items:center;gap:8px;padding:10px 14px;display:flex;overflow:hidden}.deploy-url{font-size:13px;font-family:var(--font-mono);color:var(--accent);text-overflow:ellipsis;white-space:nowrap;flex:1;text-decoration:none;overflow:hidden}.deploy-url:hover{text-decoration:underline}.deploy-no-url{color:var(--text-muted);font-size:13px;line-height:1.6}.deploy-no-url-hint{margin-top:4px;font-size:12px}.deploy-files{flex-wrap:wrap;gap:6px;display:flex}.deploy-file-pill{font-size:11px;font-family:var(--font-mono);background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);border-radius:5px;padding:3px 9px}.deploy-result-footer{align-items:center;gap:8px;display:flex}.deploy-again{align-self:flex-start}.deploy-preview{border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.deploy-preview-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--surface2);border-bottom:1px solid var(--border);padding:7px 14px;font-size:11px;font-weight:600}.deploy-preview-iframe{background:#fff;border:none;width:100%;height:320px;display:block}.app-loading{background:var(--bg);justify-content:center;align-items:center;height:100dvh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}