.preview-container.svelte-n8a3d4{position:relative;width:100%;height:100%;background:var(--builder-bg-secondary, #f5f5f5)}.preview-iframe.svelte-n8a3d4{width:100%;height:100%;border:none;opacity:1;transition:opacity .15s ease-out}.preview-iframe.is-updating.svelte-n8a3d4{opacity:.6}.preview-iframe.has-error.svelte-n8a3d4{height:calc(100% - 80px)}.error-banner.svelte-n8a3d4{position:absolute;top:0;left:0;right:0;background:var(--builder-bg-primary, #1a1a1a);border-bottom:1px solid rgba(239,68,68,.3);padding:.75rem;z-index:10}.error-banner-content.svelte-n8a3d4{display:flex;align-items:start;gap:.5rem}.error-icon.svelte-n8a3d4{color:#ef4444;font-size:1.125rem;flex-shrink:0;line-height:1}.error-text.svelte-n8a3d4{flex:1;min-width:0}.error-title.svelte-n8a3d4{color:#ef4444;font-weight:500;font-size:.875rem;line-height:1.4}.error-message.svelte-n8a3d4{color:#fca5a5cc;font-size:.75rem;margin-top:.25rem;font-family:Courier New,monospace;white-space:pre-wrap;word-break:break-word;line-height:1.5}.fix-button.svelte-n8a3d4{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.5rem .75rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#ef4444;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.fix-button.svelte-n8a3d4:hover{background:#ef444440;border-color:#ef444480}.loading-placeholder.svelte-n8a3d4{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--builder-text-secondary, #888);font-size:.875rem}.loading-spinner.svelte-n8a3d4{width:24px;height:24px;border:2px solid var(--builder-border, #333);border-top-color:var(--builder-accent, #3b82f6);border-radius:50%;animation:svelte-n8a3d4-spin .8s linear infinite}@keyframes svelte-n8a3d4-spin{to{transform:rotate(360deg)}}.building-border.svelte-n8a3d4{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden;--border: 3px;-webkit-mask:linear-gradient(#000,#000) top / 100% var(--border) no-repeat,linear-gradient(#000,#000) bottom / 100% var(--border) no-repeat,linear-gradient(#000,#000) left / var(--border) 100% no-repeat,linear-gradient(#000,#000) right / var(--border) 100% no-repeat;mask:linear-gradient(#000,#000) top / 100% var(--border) no-repeat,linear-gradient(#000,#000) bottom / 100% var(--border) no-repeat,linear-gradient(#000,#000) left / var(--border) 100% no-repeat,linear-gradient(#000,#000) right / var(--border) 100% no-repeat}.building-border.svelte-n8a3d4:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,transparent 0deg,var(--builder-accent, #3b82f6) 60deg,transparent 120deg);animation:svelte-n8a3d4-race 1.5s linear infinite}@keyframes svelte-n8a3d4-race{to{transform:rotate(360deg)}}[data-select-viewport],[data-combobox-viewport]{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}[data-combobox-viewport]::-webkit-scrollbar{display:none!important}[data-select-viewport]::-webkit-scrollbar{display:none!important}