.logo-lab-page{min-height:100dvh;color:var(--foreground);background:0 0;padding:58px clamp(18px,5vw,80px) 88px}.logo-lab-page:before{content:"";z-index:-1;background:radial-gradient(circle at 14% 12%, color-mix(in srgb, var(--secondary) 30%, transparent), transparent 25%), radial-gradient(circle at 84% 24%, color-mix(in srgb, var(--accent) 36%, transparent), transparent 30%), var(--background);position:fixed;inset:0}.logo-lab-hero,.logo-lab-layout,.asset-tabs,.asset-tab-cta,.skill-download-card,.quick-start-layout{width:min(1160px,100%);margin-inline:auto}.logo-lab-hero{grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:center;gap:clamp(40px,7vw,90px);padding:30px 0 72px;display:grid}.logo-lab-hero h1,.skill-download-copy h2{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:900}.logo-lab-hero h1 em{color:#0000;background:linear-gradient(110deg,var(--primary),#ff7f86 58%,#db9b3d);-webkit-background-clip:text;background-clip:text;font-style:normal;display:block}.logo-lab-hero>div:first-child>p:last-child{max-width:610px;color:var(--muted-foreground);margin:28px 0 0;font-size:14px;line-height:1.9}.logo-demo-stack{gap:15px;display:grid}.logo-demo{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--border));width:100%;color:var(--foreground);background:linear-gradient(145deg,color-mix(in srgb,var(--card) 88%,transparent),color-mix(in srgb,var(--accent) 42%,var(--card)));box-shadow:var(--shadow-float-value);cursor:pointer;border-radius:37% 63% 50% 50%/48% 42% 58% 52%;place-items:center;transition:transform .45s cubic-bezier(.2,.85,.2,1),box-shadow .45s;display:grid;position:relative;overflow:hidden}.logo-demo img{z-index:2;object-fit:contain;filter:drop-shadow(0 22px 24px #281b5f33);width:78%;height:78%;transition:transform .55s cubic-bezier(.2,.85,.2,1);position:relative}.logo-demo:hover img{transform:scale(1.035)rotate(1deg)}.logo-demo.is-running img{animation:1.1s ease-in-out infinite alternate logo-scan}.logo-demo-orbit{border:1px dashed color-mix(in srgb,var(--primary) 48%,transparent);border-radius:50%;animation:16s linear infinite prism-spin;position:absolute;inset:13%}.logo-demo-orbit:before,.logo-demo-orbit:after{content:"";background:var(--secondary);width:10px;height:10px;box-shadow:0 0 18px color-mix(in srgb,var(--secondary) 70%,transparent);border-radius:50%;position:absolute}.logo-demo-orbit:before{top:10%;left:11%}.logo-demo-orbit:after{background:#ff8b83;bottom:18%;right:5%}.logo-demo-step{z-index:4;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 82%,transparent);max-width:calc(100% - 36px);box-shadow:var(--shadow-soft-value);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:850 8px/1.3 var(--font-code);letter-spacing:.08em;border-radius:999px;padding:8px 11px;position:absolute;top:18px;left:18px}.logo-demo>b{z-index:4;color:var(--primary-foreground);background:var(--primary);font:900 8px/1 var(--font-code);letter-spacing:.08em;box-shadow:0 9px 22px color-mix(in srgb,var(--primary) 26%,transparent);border-radius:999px;padding:9px 12px;position:absolute;bottom:18px;right:18px}.logo-demo-guide{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.logo-demo-guide-step{border:1px solid var(--border);min-width:0;color:var(--muted-foreground);background:color-mix(in srgb,var(--card) 66%,transparent);border-radius:13px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;padding:8px;font-size:8px;display:grid}.logo-demo-guide-step>span{width:24px;height:24px;color:var(--primary);background:var(--surface-muted);font:900 7px/1 var(--font-code);border-radius:50%;place-items:center;display:grid}.logo-demo-guide-step.active{border-color:var(--primary);color:var(--foreground);transform:translateY(-2px)}.logo-demo-guide-step.active>span{color:var(--primary-foreground);background:var(--primary)}.logo-demo-guide-step.complete>span{color:var(--secondary-foreground);background:var(--secondary)}.logo-demo-tip{color:var(--muted-foreground);text-align:center;margin:0;font-size:9px;line-height:1.6}.asset-tabs{z-index:30;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 78%,transparent);box-shadow:var(--shadow-soft-value);-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);border-radius:24px;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;padding:8px;display:grid;position:sticky;top:86px}.asset-tabs button{min-height:76px;color:var(--muted-foreground);text-align:left;background:0 0;border:1px solid #0000;border-radius:17px;gap:5px;padding:12px 15px;transition:transform .25s,border-color .25s,background-color .25s;display:grid}.asset-tabs button:hover{border-color:color-mix(in srgb,var(--primary) 32%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--card));transform:translateY(-2px)}.asset-tabs button.active{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));color:var(--foreground);background:linear-gradient(125deg,color-mix(in srgb,var(--primary) 13%,var(--card)),color-mix(in srgb,var(--accent) 17%,var(--card)));box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 12%,transparent)}.asset-tabs span{width:fit-content;color:var(--secondary-foreground);background:var(--secondary);font:900 7px/1 var(--font-code);letter-spacing:.08em;border-radius:999px;padding:4px 7px}.asset-tabs b{font-size:13px}.asset-tabs small{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.asset-tab-cta{color:var(--muted-foreground);text-align:right;margin-bottom:18px;font-size:10px}.asset-tab-cta button{color:var(--primary);background:0 0;border:0;font-weight:900}.logo-lab-layout,.quick-start-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:20px;display:grid}.logo-lab-form-card,.logo-output-card,.skill-download-card{border:1px solid var(--border);background:color-mix(in srgb,var(--card) 84%,transparent);min-width:0;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:28px;padding:30px}.logo-lab-section-title{align-items:flex-start;gap:13px;margin-bottom:25px;display:flex}.logo-lab-section-title>span{width:30px;height:30px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--card));font:900 9px/1 var(--font-code);border-radius:50%;place-items:center;display:grid}.logo-lab-section-title h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:22px;font-weight:900}.logo-lab-section-title p{color:var(--muted-foreground);margin:5px 0 0;font-size:9px}.logo-lab-form-card>label,.logo-select-field{color:var(--muted-foreground);gap:7px;margin-bottom:16px;font-size:9px;font-weight:850;display:grid}.logo-lab-form-card input,.logo-lab-form-card textarea,.logo-lab-form-card [data-slot=select-trigger]{border:1px solid var(--border);width:100%;color:var(--foreground);background:color-mix(in srgb,var(--card) 82%,var(--surface-muted));border-radius:14px;outline:0;font-size:12px;transition:border-color .2s,box-shadow .2s,background-color .2s}.logo-lab-form-card input{height:43px;padding:0 13px}.logo-lab-form-card textarea{resize:vertical;padding:13px;line-height:1.65}.logo-lab-form-card [data-slot=select-trigger]{min-height:43px;padding-inline:13px}.logo-lab-form-card input:focus,.logo-lab-form-card textarea:focus,.logo-lab-form-card [data-slot=select-trigger]:focus-visible{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 13%,transparent)}.logo-lab-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reference-drop{border:1px dashed color-mix(in srgb,var(--primary) 60%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--card));text-align:center;border-radius:18px;justify-content:center;align-items:center;min-height:96px;padding:14px;transition:transform .25s,border-color .25s,background-color .25s;position:relative;overflow:hidden;color:var(--primary)!important;display:flex!important}.reference-drop:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--card));transform:translateY(-2px)}.reference-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.reference-drop img{object-fit:contain;border-radius:14px;width:68px;height:68px;margin-right:10px}.reference-drop small{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.logo-generate-button{width:100%;min-height:48px;color:var(--primary-foreground);background:linear-gradient(115deg,var(--primary),color-mix(in srgb,var(--primary) 68%,#ff7085));box-shadow:0 14px 32px color-mix(in srgb,var(--primary) 28%,transparent);border:0;border-radius:999px;justify-content:space-between;align-items:center;padding:0 18px;font-size:12px;font-weight:900;transition:transform .28s,box-shadow .28s;display:flex}.logo-generate-button:disabled{opacity:.52;cursor:not-allowed}.logo-generate-button b{font-size:19px}.logo-security-note,.logo-error,.skill-download-note{color:var(--muted-foreground);margin:13px 0 0;font-size:9px;line-height:1.7}.logo-error{color:var(--danger)}.logo-output-card{flex-direction:column;display:flex}.logo-output{border:1px solid var(--border);background-color:var(--surface-muted);background-image:linear-gradient(45deg,color-mix(in srgb,var(--border) 38%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--border) 38%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--border) 38%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--border) 38%,transparent) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border-radius:21px;place-items:center;min-height:430px;display:grid;position:relative;overflow:hidden}.logo-output>img{object-fit:contain;width:88%;height:88%;animation:.55s cubic-bezier(.2,.85,.2,1) logo-result-in}.logo-output-placeholder{color:var(--muted-foreground);text-align:center;place-items:center;gap:11px;display:grid}.logo-output-placeholder>span{border:1px solid color-mix(in srgb,var(--primary) 42%,var(--border));width:74px;height:74px;color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--card));border-radius:30% 70% 63% 37%/44% 39% 61% 56%;place-items:center;font-size:28px;animation:5s ease-in-out infinite soft-float;display:grid}.logo-output-placeholder p{margin:0;font-weight:850}.logo-output-placeholder small{font-size:9px}.logo-download{border:1px solid var(--border);color:var(--primary);background:color-mix(in srgb,var(--card) 86%,transparent);box-shadow:var(--shadow-soft-value);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;padding:10px 13px;font-size:10px;font-weight:850;text-decoration:none;position:absolute;bottom:14px;right:14px}.logo-api-hint{color:var(--muted-foreground);gap:7px;margin-top:18px;font-size:9px;line-height:1.6;display:grid}.logo-api-hint code{width:fit-content;color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--card));font:850 8px/1 var(--font-code);border-radius:999px;padding:6px 9px}.skill-download-card{grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:35px;padding:clamp(30px,5vw,58px);display:grid}.skill-download-copy h2{max-width:620px;font-size:clamp(2.3rem,4vw,4rem);line-height:1}.skill-download-copy>p{color:var(--muted-foreground);margin:20px 0 0;font-size:13px;line-height:1.9}.skill-download-points{color:var(--primary);flex-wrap:wrap;gap:9px 16px;margin:24px 0;font-size:10px;font-weight:850;display:flex}.skill-download-button{width:fit-content;min-width:230px;text-decoration:none}.skill-download-preview{border:1px solid var(--border);color:#e9e4ff;background:linear-gradient(145deg,#171326,#292044);border-radius:22px;align-self:center;padding:24px;transition:transform .35s;transform:rotate(2deg);box-shadow:0 22px 56px #100b2760}.skill-download-preview code{color:var(--secondary);font:900 9px/1 var(--font-code)}.skill-download-preview pre{white-space:pre-wrap;font:11px/2 var(--font-code);margin:22px 0 0}.quick-config-status{border:1px solid var(--border);color:var(--muted-foreground);background:var(--surface-muted);border-radius:16px;gap:11px;margin:-4px 0 20px;padding:13px;display:flex}.quick-config-status>span{width:25px;height:25px;color:var(--secondary-foreground);background:var(--secondary);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.quick-config-status.ready{border-color:color-mix(in srgb,var(--success) 48%,var(--border))}.quick-config-status.ready>span{color:#fff;background:var(--success)}.quick-config-status.missing{border-color:color-mix(in srgb,var(--danger) 48%,var(--border))}.quick-config-status b,.quick-config-status small{display:block}.quick-config-status b{color:var(--foreground);font-size:10px}.quick-config-status small{margin-top:4px;font-size:8px;line-height:1.6}@keyframes logo-scan{0%{filter:drop-shadow(0 20px 22px #281b5f33)saturate();transform:scale(.98)}to{filter:drop-shadow(0 24px 28px #4e35a94d)saturate(1.2);transform:scale(1.03)}}@keyframes logo-result-in{0%{opacity:0;transform:scale(.9)rotate(-2deg)}to{opacity:1;transform:none}}@media (width<=820px){.logo-lab-page{padding-top:44px}.logo-lab-hero{grid-template-columns:1fr;gap:42px}.logo-demo-stack{width:min(390px,88vw);margin-inline:auto}.asset-tabs{grid-template-columns:1fr;position:relative;top:auto}.asset-tabs button{min-height:0}.logo-lab-layout,.quick-start-layout,.skill-download-card{grid-template-columns:1fr}}@media (width<=520px){.logo-lab-page{padding:38px 12px 58px}.logo-lab-hero h1{font-size:clamp(2.85rem,14vw,4rem)}.logo-lab-form-card,.logo-output-card,.skill-download-card{border-radius:22px;padding:21px}.logo-lab-fields{grid-template-columns:1fr;gap:0}.logo-output{min-height:320px}.logo-demo-guide{grid-template-columns:1fr}}.logo-lab-page{background:var(--background)}.logo-lab-page:before{display:none}.logo-lab-hero{border-bottom:1px solid var(--border);padding-top:22px}.logo-lab-hero h1{max-width:700px;font-size:clamp(3.2rem,5.8vw,5.2rem);line-height:.98}.logo-lab-hero h1 em{color:var(--primary);-webkit-text-fill-color:currentColor;background:0 0;margin-top:.08em}.logo-demo{background:var(--card);box-shadow:var(--shadow-card);border-radius:18px}.logo-demo:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.logo-demo-orbit{border-color:color-mix(in srgb, var(--info) 28%, transparent);animation-duration:24s}.logo-demo-step,.logo-demo>b{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:7px}.logo-demo-guide-step{background:var(--card);border-radius:9px}.logo-demo-guide-step>span{border-radius:7px}.asset-tabs{background:var(--card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:14px;top:88px}.asset-tabs button{border-radius:9px}.asset-tabs button.active{background:var(--accent);box-shadow:inset 3px 0 0 var(--primary)}.asset-tabs span{border-radius:5px}.logo-lab-form-card,.logo-output-card,.skill-download-card{background:var(--card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:16px}.logo-lab-section-title>span{border-radius:7px}.logo-lab-form-card input,.logo-lab-form-card textarea,.logo-lab-form-card [data-slot=select-trigger]{border-radius:9px}.reference-drop{border-radius:11px}.logo-generate-button{background:var(--primary);box-shadow:0 8px 20px color-mix(in srgb, var(--primary) 18%, transparent);border-radius:9px}.logo-generate-button:hover:not(:disabled){box-shadow:0 12px 28px color-mix(in srgb, var(--primary) 24%, transparent);transform:translateY(-2px)}.logo-output{border-radius:12px}.logo-output-placeholder>span{border-radius:12px;animation:none}.logo-download,.logo-api-hint code{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:7px}.skill-download-preview{color:#eaf0f5;background:#101b2b;border-radius:12px;transform:none}.skill-download-preview:hover{transform:translateY(-2px)}.quick-config-status{border-radius:10px}.quick-config-status>span{border-radius:7px}@media (width<=820px){.logo-lab-hero{padding-bottom:38px}.asset-tabs{z-index:auto;grid-template-columns:1fr;position:relative;top:auto}.asset-tabs button{min-height:0}}