@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--background:0 0% 0%;--foreground:0 0% 98%;--card:240 10% 4.5%;--card-foreground:0 0% 98%;--border:240 5.9% 10%;--input:240 5.9% 10%;--primary:48 100% 50%;--primary-foreground:240 10% 3.9%;--secondary:240 4.8% 8%;--secondary-foreground:0 0% 98%;--muted:240 4.8% 8%;--muted-foreground:240 5% 60%;--accent:48 100% 95%;--accent-foreground:48 100% 40%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--ring:48 100% 50%;--radius:24px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-premium:0 20px 25px -5px #00000040, 0 8px 10px -6px #00000040;--glass-border:#ffffff0d;--glass-bg:#050505cc;--phone-bg:#000;--gold:#eeae27;--woow-hot:#e6c023;--woow-gradient:linear-gradient(130deg, #e6c023 0%, #eeae27 100%);--mantine-color-white:#fff;--button-bg:linear-gradient(130deg, #e6c023 0%, #eeae27 100%);--button-hover:linear-gradient(130deg, #e6c023 0%, #eeae27 100%);--button-color:var(--mantine-color-white);--button-bd:none}[data-theme=light]{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 98%;--card-foreground:240 10% 3.9%;--border:240 5.9% 90%;--input:240 5.9% 90%;--secondary:240 4.8% 95%;--secondary-foreground:240 10% 3.9%;--muted:240 4.8% 95%;--muted-foreground:240 3.8% 46.1%;--glass-border:#0000000f;--glass-bg:#fffc;--phone-bg:linear-gradient(180deg, #fff, #f4f4f5)}*{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd,select,input,textarea,button{margin:0;padding:0}body,input,select,textarea,button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}em,i,cite,dfn,var,address{font-style:normal!important}body{background:hsl(var(--background));color:hsl(var(--foreground));-webkit-user-select:none;user-select:none;flex-direction:column;min-height:100vh;transition:background-color .3s,color .3s;display:flex;position:relative;overflow-x:hidden}input,textarea,[contenteditable]{-webkit-user-select:auto;user-select:auto}p{max-width:65ch}.grain-overlay{opacity:.025;pointer-events:none;mix-blend-mode:hard-light;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.blur-glow{background:var(--woow-gradient);filter:blur(80px);opacity:.15;pointer-events:none;z-index:0;border-radius:50%;width:450px;height:450px;transition:all .5s;position:absolute}.glow-1{background:radial-gradient(circle, var(--gold) 0%, transparent 70%);top:15%;left:15%}.glow-2{background:radial-gradient(circle, var(--woow-hot) 0%, transparent 70%);bottom:15%;right:15%}.woow-watermark{color:#eeae2704;background:linear-gradient(130deg,#e6c02308,#eeae2708);-webkit-text-fill-color:transparent;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;-webkit-background-clip:text;font-size:320px;font-weight:900;line-height:1;position:absolute}.watermark-w{bottom:-60px;right:-40px}.watermark-o{top:-60px;left:-40px}.global-header{background:hsla(var(--background), .8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;border-bottom:none;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.global-title{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.global-logo{background:hsl(var(--primary));width:32px;height:32px;color:hsl(var(--primary-foreground));border-radius:8px;justify-content:center;align-items:center;display:flex}.global-meta{align-items:center;gap:12px;display:flex}.app-workspace{flex:1;height:calc(100vh - 69px);min-height:600px;display:flex;position:relative;overflow:hidden}.panel{background:hsla(var(--card), .85);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);height:calc(100% - 40px);max-height:calc(100vh - 109px);box-shadow:var(--shadow-premium);z-index:50;border-radius:24px;flex-direction:column;width:380px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;position:absolute;top:20px;overflow:hidden}.panel.left-panel{left:20px}.panel.right-panel{width:420px;right:20px}.panel.left-panel.collapsed{opacity:0;pointer-events:none;transform:translate(-120%)}.panel.right-panel.collapsed{opacity:0;pointer-events:none;transform:translate(120%)}@media (width<=1280px){.panel.left-panel{width:340px}.panel.right-panel{width:380px}}@media (width<=1024px){.panel{margin-bottom:20px;position:relative;width:100%!important;height:auto!important;top:auto!important;left:auto!important;right:auto!important}.app-workspace{flex-direction:column;height:auto;padding:20px;overflow:visible}.panel.collapsed{opacity:1;pointer-events:auto;display:none;transform:none}}.panel-inner{flex-direction:column;height:100%;padding:18px;display:flex;overflow-y:auto}.panel-inner::-webkit-scrollbar{width:6px}.panel-inner::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:3px}.panel-title{color:hsl(var(--foreground));align-items:center;gap:8px;margin-bottom:6px;font-size:15px;font-weight:700;display:flex}.panel-desc{color:hsl(var(--muted-foreground));margin-bottom:18px;font-size:13px;line-height:1.4}.panel-section-divider{background:0 0;height:16px;margin:0}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}label{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));font-size:12px;font-weight:700}input[type=text],input[type=number],select,textarea{background:hsl(var(--background));border:1px solid hsl(var(--border));width:100%;color:hsl(var(--foreground));border-radius:12px;outline:none;padding:10px 14px;font-size:13px;transition:all .2s cubic-bezier(.16,1,.3,1)}input:focus,select:focus,textarea:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsla(var(--ring), .15)}.color-picker-wrapper{align-items:center;gap:10px;display:flex}input[type=color]{-webkit-appearance:none;cursor:pointer;background:0 0;border:none;border-radius:8px;width:32px;height:32px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid hsl(var(--border));border-radius:8px}.ai-engine-tabs{background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:10px;margin-bottom:12px;padding:3px;display:flex}.ai-tab{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.ai-tab.active{background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:var(--shadow-sm)}.accordion{border:1px solid hsl(var(--border));border-radius:12px;margin-top:12px;overflow:hidden}.accordion-header{background:hsl(var(--secondary));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.accordion-body{color:hsl(var(--muted-foreground));background:hsl(var(--card));border-top:1px solid hsl(var(--border));padding:14px;font-size:13px;line-height:1.5;display:none}.accordion-body code{background:hsl(var(--background));color:hsl(var(--foreground));border-radius:4px;padding:2px 4px;font-family:JetBrains Mono,monospace}.accordion-body pre{color:#e4e4e7;border:1px solid hsl(var(--border));white-space:pre-wrap;word-break:break-all;background:#0f0f11;border-radius:8px;margin:8px 0;padding:8px;font-family:JetBrains Mono,monospace;font-size:12px;overflow-x:hidden}.btn{cursor:pointer;white-space:nowrap;box-sizing:border-box;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn svg{flex-shrink:0}.btn-primary{background:var(--button-bg);color:var(--button-color);border:var(--button-bd);letter-spacing:.08rem;box-shadow:0 4px 12px #eeae274d}.btn-primary:hover{background:var(--button-hover);transform:translateY(-1px);box-shadow:0 6px 16px #eeae2766}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.btn-secondary:hover{background:hsl(var(--border))}.btn-ghost{color:hsl(var(--muted-foreground));background:0 0}.btn-ghost:hover{color:hsl(var(--foreground));background:hsl(var(--secondary))}.btn-group{flex-wrap:wrap;gap:8px;display:flex}.stage{background:radial-gradient(circle at 50% 50%, hsla(var(--primary), .03), transparent 60%), linear-gradient(90deg, hsla(var(--foreground), .03) 1px, transparent 1px), linear-gradient(hsla(var(--foreground), .03) 1px, transparent 1px);box-sizing:border-box;background-size:100% 100%,24px 24px,24px 24px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:80px 20px 40px;display:flex;position:relative;overflow-y:auto}.view-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);z-index:60;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);border-radius:99px;padding:4px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.view-toggle-btn{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.view-toggle-btn.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 4px 10px hsla(var(--primary), .3)}.panel-toggle-btn{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);width:40px;height:40px;color:hsl(var(--foreground));cursor:pointer;z-index:40;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:20px}.panel-toggle-btn:hover{background:hsl(var(--secondary))}#toggleLeftBtn{left:20px}#toggleRightBtn{right:20px}.json-center-view{flex-direction:column;width:100%;max-width:800px;height:calc(100% - 60px);animation:.3s fadeIn;display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.json-center-view .editor-wrapper{height:100%}.sortable-ghost{opacity:.4;background:hsla(var(--primary), .1);border:1px dashed hsl(var(--primary))}.flow-navigator{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;border-radius:999px;align-items:center;gap:8px;margin-top:auto;margin-bottom:16px;padding:6px 12px;display:flex}.flow-navigator span{font-size:14px;font-weight:700}.phone-container{width:375px;height:780px;box-shadow:var(--shadow-premium), 0 0 0 1px #ffffff1a;background:#000;border-radius:50px;flex-shrink:0;margin-bottom:auto;padding:10px;position:relative}@media (height<=850px){.phone-container{transform-origin:50%;margin:-40px 0 auto;transform:scale(.9)}}.phone-inner{background:var(--phone-bg);border:1px solid #ffffff0d;border-radius:40px;flex-direction:column;width:100%;height:100%;transition:background .3s;display:flex;position:relative;overflow:hidden}.phone-notch{z-index:100;background:#000;border-radius:12px;width:90px;height:25px;transition:all .3s;position:absolute;top:6px;left:50%;transform:translate(-50%)}.phone-status-bar{height:42px;color:hsl(var(--foreground));z-index:99;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 24px 0;font-size:12px;font-weight:700;display:flex}.phone-status-right{align-items:center;gap:6px;display:flex}.phone-top-bar{border-bottom:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:90;justify-content:space-between;align-items:center;height:60px;padding:0 18px;display:flex}.phone-brand{letter-spacing:-.03em;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.woow-logo-text{letter-spacing:-.04em;color:hsl(var(--primary));align-items:center;font-family:Montserrat,sans-serif;font-size:17px;font-weight:800;display:flex}.phone-brand-mark{background:hsl(var(--primary));width:28px;height:28px;color:hsl(var(--primary-foreground));border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.phone-top-actions{align-items:center;gap:6px;display:flex}.phone-header-profile{border:1.5px solid hsl(var(--primary));background:#555;border-radius:50%;width:28px;height:28px;overflow:hidden}.phone-header-profile img{object-fit:cover;width:100%;height:100%}.phone-top-btn{background:hsl(var(--secondary));width:28px;height:28px;color:hsl(var(--foreground));border:1px solid hsl(var(--border));cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.phone-top-btn svg{width:14px;height:14px}.phone-screen-content{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:16px 16px 84px;display:flex;overflow-y:auto}.phone-screen-content::-webkit-scrollbar{width:0}.phone-bottom-nav{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:64px;box-shadow:var(--shadow-lg);z-index:90;border-radius:20px;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.phone-nav-item{color:hsl(var(--muted-foreground));cursor:pointer;text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.phone-nav-item.active{color:hsl(var(--primary))}.phone-nav-item svg{width:16px;height:16px}.phone-nav-orb-container{z-index:99;cursor:pointer;justify-content:center;align-items:center;width:58px;height:58px;margin-top:-18px;display:flex;position:relative}.woowsh-orb-wrapper{background:#eeae2714;border:1px solid #eeae2726;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex;position:relative;box-shadow:0 0 15px #eeae271a}.woowsh-orb-wrapper:hover{transform:scale(1.08)}.woowsh-orb{background:#000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;animation:3s ease-in-out infinite alternate orbPulse;display:flex;position:relative;overflow:hidden;box-shadow:0 0 12px #eeae2780,0 0 24px #b2830f40}.woowsh-orb video{object-fit:cover;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.woowsh-orb:after{content:"";filter:blur(6px);z-index:2;mix-blend-mode:screen;pointer-events:none;background:conic-gradient(#0000 0%,#eeae274d 20%,#0000 40%,#e6c02333 60%,#0000 80%,#651fff40 100%);width:200%;height:200%;animation:6s linear infinite orbRotate;position:absolute;top:-50%;left:-50%}@keyframes orbPulse{0%{opacity:.95;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}@keyframes orbRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.phone-home-indicator{background:hsl(var(--foreground));opacity:.3;z-index:100;pointer-events:none;border-radius:2px;width:120px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.sdui-component{opacity:1;width:100%;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;transform:none}.sdui-card-shell{background:hsla(var(--foreground), .02);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:4px}.sdui-card-shell.active-gradient-border{background:var(--woow-gradient);border-color:#0000;box-shadow:0 0 15px #eeae2733}.sdui-card-core{background:hsl(var(--card));border-radius:calc(var(--radius) - 3px);border:1px solid var(--glass-border);padding:14px;box-shadow:inset 0 1px 1px #ffffff0d}.sdui-header{text-align:center;padding:16px 8px}.sdui-header-icon-wrapper{background:hsla(var(--primary), .12);width:50px;height:50px;color:hsl(var(--primary));border-radius:16px;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.sdui-header-icon-wrapper svg{width:24px;height:24px}.sdui-header h2{letter-spacing:-.02em;color:hsl(var(--foreground));margin-bottom:6px;font-size:20px;font-weight:800}.sdui-header p{color:hsl(var(--muted-foreground));font-size:13.5px;line-height:1.4}.sdui-chat-row{align-items:flex-end;gap:8px;max-width:90%;display:flex}.sdui-chat-row.user{justify-content:flex-end;margin-left:auto}.sdui-chat-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.sdui-chat-avatar img{object-fit:cover;width:100%;height:100%}.sdui-chat-bubble{background:hsl(var(--card));border:1px solid var(--glass-border);color:hsl(var(--foreground));box-shadow:var(--shadow-sm);border-radius:16px;padding:10px 14px;font-size:14.5px;line-height:1.45}.sdui-chat-row.user .sdui-chat-bubble{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:#0000;border-bottom-right-radius:4px}.sdui-chat-row:not(.user) .sdui-chat-bubble{border-bottom-left-radius:4px}.sdui-btn{cursor:pointer;white-space:nowrap;box-sizing:border-box;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;padding:0 20px;font-size:13.5px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.sdui-btn svg{flex-shrink:0}.sdui-btn-primary{background:var(--button-bg);color:var(--button-color);border:var(--button-bd);letter-spacing:.1rem;box-shadow:0 4px 10px #eeae2740}.sdui-btn-primary:hover{background:var(--button-hover);transform:translateY(-1px);box-shadow:0 6px 16px #eeae2759}.sdui-btn-primary:active{transform:translateY(1px)}.sdui-btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.sdui-btn-secondary:hover{background:hsl(var(--border));transform:translateY(-1px)}.sdui-btn-secondary:active{transform:translateY(1px)}.sdui-field-label{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:700}.sdui-input-container{align-items:center;display:flex;position:relative}.sdui-input-mock{border:1px solid hsl(var(--border));background:hsl(var(--background));width:100%;height:44px;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:0 14px;font-size:13px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.sdui-input-mock:hover{border-color:hsl(var(--ring))}.sdui-horizontal-pills{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.sdui-pill-btn{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));cursor:pointer;border-radius:99px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.sdui-pill-btn:hover:not(.selected){background:hsl(var(--border));transform:translateY(-1px)}.sdui-pill-btn:active{transform:scale(.96)}.sdui-pill-btn.selected{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 4px 8px hsla(var(--primary), .2);border-color:#0000}.sdui-bento-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sdui-bento-card{border:1px solid hsl(var(--border));background:hsl(var(--card));cursor:pointer;border-radius:16px;flex-direction:column;gap:12px;padding:14px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.sdui-bento-card:hover{border-color:hsl(var(--primary));transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.sdui-bento-card:active{transform:scale(.98)}.sdui-bento-card.active{border-color:hsl(var(--primary));background:hsla(var(--primary), .05)}.sdui-bento-icon{background:hsla(var(--primary), .1);width:32px;height:32px;color:hsl(var(--primary));border-radius:10px;justify-content:center;align-items:center;display:flex}.sdui-bento-title{font-size:13.5px;font-weight:700;line-height:1.3}.sdui-select-list{flex-direction:column;gap:8px;display:flex}.sdui-option{border:1px solid hsl(var(--border));background:hsl(var(--card));cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.sdui-option:hover:not(.selected){border-color:hsl(var(--ring));transform:translateY(-1px)}.sdui-option:active{transform:scale(.99)}.sdui-option.selected{border-color:hsl(var(--primary));background:hsla(var(--primary), .06)}.sdui-option-icon{background:hsla(var(--primary), .1);width:32px;height:32px;color:hsl(var(--primary));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sdui-option-content{flex:1}.sdui-option-title{font-size:13px;font-weight:700}.sdui-option-desc{color:hsl(var(--muted-foreground));margin-top:2px;font-size:12px}.sdui-radio{border:2px solid hsl(var(--border));border-radius:50%;flex-shrink:0;width:18px;height:18px;position:relative}.sdui-option.selected .sdui-radio{border-color:hsl(var(--primary))}.sdui-option.selected .sdui-radio:after{content:"";background:hsl(var(--primary));border-radius:50%;width:8px;height:8px;position:absolute;top:3px;left:3px}.sdui-checkbox{border:2px solid hsl(var(--border));border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sdui-option.selected .sdui-checkbox{border-color:hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.sdui-quote-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.sdui-quote-brand{align-items:center;gap:10px;display:flex}.sdui-quote-logo{background:hsl(var(--secondary));border:1px solid hsl(var(--border));width:38px;height:38px;color:hsl(var(--primary));border-radius:10px;justify-content:center;align-items:center;font-size:12.5px;font-weight:800;display:flex}.sdui-quote-name{font-size:14px;font-weight:800}.sdui-quote-badge{background:hsla(var(--primary), .1);color:hsl(var(--primary));border-radius:99px;margin-top:2px;padding:2px 6px;font-size:12px;font-weight:700;display:inline-block}.sdui-quote-price-box{text-align:right}.sdui-quote-price{color:hsl(var(--primary));font-size:18px;font-weight:800}.sdui-quote-period{color:hsl(var(--muted-foreground));font-size:12px;font-weight:600}.sdui-quote-coverages{border-top:1px solid hsl(var(--border));flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.sdui-quote-cov-item{justify-content:space-between;font-size:12.5px;display:flex}.sdui-quote-cov-item .check{color:#10b981}.sdui-quote-cov-item .uncheck{color:hsl(var(--muted-foreground))}.sdui-progress{padding:6px 0}.sdui-progress-header{color:hsl(var(--muted-foreground));justify-content:space-between;margin-bottom:6px;font-size:12.5px;font-weight:700;display:flex}.sdui-progress-track{background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:99px;height:6px;overflow:hidden}.sdui-progress-bar{background:hsl(var(--primary));border-radius:99px;width:0%;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.sdui-status-badge{background:hsla(var(--primary), .12);color:hsl(var(--primary));border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.sdui-upload{border:1.5px dashed hsl(var(--border));border-radius:var(--radius);text-align:center;cursor:pointer;background:hsla(var(--muted), .3);color:hsl(var(--muted-foreground));padding:20px 10px;transition:all .2s}.sdui-upload:hover{border-color:hsl(var(--primary));background:hsla(var(--primary), .02);color:hsl(var(--foreground))}.sdui-upload svg{margin-bottom:8px}.sdui-upload-text{font-size:13px;font-weight:700}.sdui-upload-subtext{margin-top:4px;font-size:12px}.sdui-info-card h3{margin-bottom:4px;font-size:13px;font-weight:700}.sdui-info-card p{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.4}.sdui-divider{background:hsl(var(--border));width:100%;height:1px}.sdui-divider.dashed{border-top:1px dashed hsl(var(--border));background:0 0}.screens-list{flex-direction:column;gap:6px;margin-bottom:16px;padding-right:4px;display:flex}.screen-item{background:hsl(var(--background));border:1px solid hsl(var(--border));cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.screen-item:hover{border-color:hsl(var(--ring))}.screen-item.active{background:hsla(var(--primary), .08);border-color:hsl(var(--primary))}.screen-item-title{align-items:center;gap:8px;display:flex}.screen-item-actions{gap:6px;display:flex}.screen-item-btn{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none}.screen-item-btn:hover{color:hsl(var(--foreground))}.editor-wrapper{background:#070709;border:none;border-radius:14px;flex-direction:column;flex:1;height:380px;display:flex;position:relative;overflow:hidden}.editor-header{background:#111113;border-bottom:none;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.editor-lang{color:#a1a1aa;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.editor-textarea{color:#e4e4e7;resize:none;background:0 0;border:none;outline:none;flex:1;padding:14px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.5}.toast{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:hsl(var(--foreground));box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:1000;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(100px)}.toast.show{opacity:1;transform:translateY(0)}.catalog-list{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;display:grid}.catalog-card{border:1px solid hsl(var(--border));cursor:grab;background:hsl(var(--background));border-radius:10px;flex-direction:column;gap:4px;padding:8px 12px;transition:all .2s;display:flex}.catalog-card:active{cursor:grabbing}.catalog-card:hover{border-color:hsl(var(--ring));background:hsl(var(--secondary))}.catalog-card-title{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.catalog-card-badge{border-radius:4px;align-self:flex-start;padding:1px 5px;font-size:12px;font-weight:600;display:inline-block}.catalog-card-badge.req{background:hsla(var(--primary), .1);color:hsl(var(--primary))}.catalog-card-badge.rec{color:#10b981;background:#10b9811a}.catalog-card-badge.phase2{color:#f59e0b;background:#f59e0b1a}.ai-loader{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:absolute;inset:0}.spinner{border:4px solid hsla(var(--primary), .2);border-top-color:hsl(var(--primary));border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.panel-inner,.stage,.phone-screen-content,.json-center-view{overscroll-behavior:contain}