@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-teal-200:#96f7e4;--color-teal-300:#46ecd5;--color-teal-700:#00776e;--color-cyan-200:#a2f4fd;--color-cyan-300:#53eafd;--color-cyan-700:#007492;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--leading-snug:1.375;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-teal-200:lab(90.7612% -33.1343 -.542295);--color-teal-300:lab(84.8977% -48.1516 -1.3321);--color-teal-700:lab(44.4134% -33.1436 -4.22149);--color-cyan-200:lab(91.0821% -24.0435 -12.8306);--color-cyan-300:lab(85.3886% -36.7636 -21.5716);--color-cyan-700:lab(44.7267% -21.5987 -26.118)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing) * 0)}.top-14{top:calc(var(--spacing) * 14)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.inline{display:inline}.inline-flex{display:inline-flex}.h-14{height:calc(var(--spacing) * 14)}.max-h-\[min\(70vh\,320px\)\]{max-height:min(70vh,320px)}.min-h-\[36px\]{min-height:36px}.min-h-\[44px\]{min-height:44px}.w-6{width:calc(var(--spacing) * 6)}.w-full{width:100%}.w-max{width:max-content}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[6rem\]{max-width:6rem}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.min-w-\[44px\]{min-width:44px}.min-w-\[168px\]{min-width:168px}.shrink-0{flex-shrink:0}.rotate-180{rotate:180deg}.cursor-not-allowed{cursor:not-allowed}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[\#B3D7FF\]{border-color:#b3d7ff}.border-\[\#D1D1D6\]{border-color:#d1d1d6}.border-\[\#E5E5EA\]{border-color:#e5e5ea}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-\[\#0a0a0f\]\/98{background-color:#0a0a0ffa;background-color:lab(2.83714% .595115 -2.18317/.98)}.bg-\[\#1C1C1E\]{background-color:#1c1c1e}.bg-\[\#18182b\]\/98{background-color:#18182bfa;background-color:lab(9.02865% 4.52734 -13.0035/.98)}.bg-\[\#E5E5EA\]{background-color:#e5e5ea}.bg-\[\#F0F7FF\]{background-color:#f0f7ff}.bg-\[\#F2F2F7\]{background-color:#f2f2f7}.bg-\[\#F5F5F7\]{background-color:#f5f5f7}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/\[0\.08\]{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.08\]{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-\[\#1C1C1E\]{color:#1c1c1e}.text-\[\#007AFF\]{color:#007aff}.text-\[\#7C3AED\]{color:#7c3aed}.text-\[\#8E8E93\]{color:#8e8e93}.text-\[\#48484A\]{color:#48484a}.text-\[\#636366\]{color:#636366}.text-\[\#AEAEB2\]{color:#aeaeb2}.text-\[\#FF3B30\]{color:#ff3b30}.text-\[\#a78bfa\]{color:#a78bfa}.text-\[\#c4b5fd\]{color:#c4b5fd}.text-\[\#f87171\]{color:#f87171}.text-cyan-300\/70{color:#53eafdb3}@supports (color:color-mix(in lab, red, red)){.text-cyan-300\/70{color:color-mix(in oklab, var(--color-cyan-300) 70%, transparent)}}.text-cyan-700{color:var(--color-cyan-700)}.text-teal-300\/80{color:#46ecd5cc}@supports (color:color-mix(in lab, red, red)){.text-teal-300\/80{color:color-mix(in oklab, var(--color-teal-300) 80%, transparent)}}.text-teal-700{color:var(--color-teal-700)}.text-white{color:var(--color-white)}.text-white\/25{color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.text-white\/25{color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.text-white\/35{color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.group-hover\:text-black:is(:where(.group):hover *){color:var(--color-black)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.hover\:bg-\[\#E5E5EA\]:hover{background-color:#e5e5ea}.hover\:bg-\[\#E5F2FF\]:hover{background-color:#e5f2ff}.hover\:bg-\[\#F5F5F7\]:hover{background-color:#f5f5f7}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/\[0\.06\]:hover{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.06\]:hover{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.hover\:text-\[\#1C1C1E\]:hover{color:#1c1c1e}.hover\:text-cyan-200:hover{color:var(--color-cyan-200)}.hover\:text-teal-200:hover{color:var(--color-teal-200)}.hover\:text-white:hover{color:var(--color-white)}}@media (min-width:40rem){.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:px-2{padding-inline:calc(var(--spacing) * 2)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}}@media (min-width:64rem){.lg\:hidden{display:none}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}}:root{--gn-nav-h:3.5rem;--gn-sub-h:2.75rem;--gn-stack-2:calc(var(--gn-nav-h) + var(--gn-sub-h));--gn-agent-tier-h:4.25rem;--gn-stack-agent-studio:calc(var(--gn-stack-2) + var(--gn-agent-tier-h));--gn-col-logo:9.5rem;--gn-col-workspace:8.25rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0c0d14;--foreground:#e8eaed;--card:#161822;--card-foreground:#e8eaed;--popover:#161822;--popover-foreground:#e8eaed;--primary:#7c3aed;--primary-foreground:#f5f3ff;--secondary:#1e2035;--secondary-foreground:#e8eaed;--muted:#1e2035;--muted-foreground:#8b8fa3;--accent:#7c3aed;--accent-foreground:#e8eaed;--destructive:#dc2626;--destructive-foreground:#fafafa;--border:#1e2035;--input:#1e2035;--ring:#7c3aed;--radius:.5rem;--sidebar-background:#12131d;--sidebar-foreground:#e8eaed;--sidebar-primary:#7c3aed;--sidebar-primary-foreground:#f5f3ff;--sidebar-accent:#1e2035;--sidebar-accent-foreground:#e8eaed;--sidebar-border:#1e2035;--sidebar-ring:#7c3aed;--chart-1:#7c3aed;--chart-2:#ec4899;--chart-3:#059669;--chart-4:#d97706;--chart-5:#3b82f6;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--bg-shell:#0c0d14;--bg-panel:#12131d;--bg-surface:#161822;--bg-deep:#0f1019;--bg-raised:#1a1c28;--bg-elevated:#1e2035;--bg-overlay:#252840;--bg-accent:#7c3aed;--bg-accent-hover:#6d28d9;--bg-accent-muted:#7c3aed1f;--bg-seria:#7c3aed24;--bg-yuna:#3b82f624;--bg-rina:#ec489924;--bg-sena:#d9770624;--bg-jia:#05966924;--agent-seria:#7c3aed;--agent-yuna:#3b82f6;--agent-rina:#ec4899;--agent-sena:#d97706;--agent-jia:#059669;--bg-danger:#ef44441f;--bg-warning:#eab3081f;--bg-success:#22c55e1f;--bg-info:#3b82f61f;--text-primary:#e8eaed;--text-secondary:#8b8fa3;--text-tertiary:#5c607a;--text-quaternary:#3d4060;--text-accent:#7c3aed;--text-seria:#7c3aed;--text-yuna:#3b82f6;--text-rina:#ec4899;--text-sena:#d97706;--text-jia:#059669;--text-danger:#f87171;--text-warning:#fbbf24;--text-success:#22c55e;--text-error:#ef4444;--text-info:#60a5fa;--text-on-accent:#f5f3ff;--icon-primary:#8b8fa3;--icon-secondary:#5c607a;--icon-accent:#7c3aed;--border-default:#1e2035;--border-strong:#2a2d48;--border-subtle:#171930;--border-accent:#7c3aed;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--sp-0:0px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--type-display-size:48px;--type-display-weight:700;--type-display-lh:1.1;--type-display-ls:-.02em;--type-h1-size:32px;--type-h1-weight:700;--type-h1-lh:1.2;--type-h1-ls:-.01em;--type-h2-size:24px;--type-h2-weight:600;--type-h2-lh:1.25;--type-h2-ls:-.01em;--type-h3-size:18px;--type-h3-weight:600;--type-h3-lh:1.3;--type-body-size:15px;--type-body-weight:400;--type-body-lh:1.6;--type-small-size:13px;--type-small-weight:400;--type-small-lh:1.5;--type-caption-size:11px;--type-caption-weight:500;--type-caption-lh:1.4;--type-caption-ls:.01em;--type-code-size:14px;--type-code-weight:500;--type-code-lh:1.5;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d, 0 2px 4px #0003;--shadow-lg:0 8px 24px #0006, 0 4px 12px #0000004d;--transition-fast:.15s cubic-bezier(.25, .1, .25, 1);--transition-normal:.2s cubic-bezier(.25, .1, .25, 1);--transition-smooth:.3s cubic-bezier(.25, .1, .25, 1);--nx-bg:var(--bg-panel);--nx-surface:var(--bg-raised);--nx-elevated:var(--bg-elevated);--nx-sidebar:var(--bg-panel);--nx-overlay:var(--bg-overlay);--nx-footer:var(--bg-shell);--nx-accent:var(--bg-accent);--nx-accent-dim:var(--bg-accent-muted);--nx-accent-solid:var(--bg-accent);--nx-accent-text:var(--text-accent);--nx-accent-h:var(--bg-accent-hover);--nx-text:var(--text-primary);--nx-sub:var(--text-secondary);--nx-dim:var(--text-tertiary);--nx-text-dim:var(--text-tertiary);--nx-border:var(--border-default);--nx-danger:var(--text-danger);--nx-danger-dim:var(--bg-danger);--nx-warning:var(--text-warning);--nx-success:var(--text-success);--nx-ok:var(--text-success);--nx-sena:var(--text-sena);--nx-jia:var(--text-jia);--nx-info:var(--text-info);--nx-link:var(--text-accent);--nx-font-sans:var(--font-sans);--nx-font-mono:var(--font-mono);--nx-font-header:var(--type-h2-size);--nx-font-body:var(--type-body-size);--nx-font-sub:var(--type-small-size);--nx-font-code:var(--type-code-size);--nx-lh-header:var(--type-h2-lh);--nx-lh-body:var(--type-body-lh);--nx-lh-sub:var(--type-small-lh);--nx-lh-code:var(--type-code-lh);--nx-code-bg:var(--bg-shell);--nx-code-text:var(--text-primary);--nx-radius-sm:var(--radius-sm);--nx-radius-md:var(--radius-md);--nx-radius-lg:var(--radius-lg);--nx-radius-card:var(--radius-lg);--nx-shadow-sm:var(--shadow-sm);--nx-shadow-md:var(--shadow-md);--nx-shadow-lg:var(--shadow-lg);--nx-card:var(--bg-raised);--nx-inset:var(--bg-raised);--nx-bg-deep:var(--bg-shell);--nx-bg-secondary:var(--bg-raised);--nx-dur-fast:.15s;--nx-dur-normal:.2s;--nx-ease:cubic-bezier(.25, .1, .25, 1);--nx-transition:var(--transition-fast)}.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fafafa;--foreground:#171717;--card:#fff;--card-foreground:#171717;--popover:#fff;--popover-foreground:#171717;--primary:#6366f1;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#8b5cf6;--accent-foreground:#171717;--destructive:#ef4444;--destructive-foreground:#fafafa;--border:#e5e5e5;--input:#e5e5e5;--ring:#6366f1;--sidebar-background:#f5f5f5;--sidebar-foreground:#171717;--sidebar-primary:#6366f1;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#e5e5e5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#6366f1;--bg-shell:#fafafa;--bg-panel:#fff;--bg-surface:#f5f5f5;--bg-deep:#fff;--bg-raised:#f5f5f5;--bg-elevated:#efefef;--bg-overlay:#fff;--bg-accent:#6366f1;--bg-accent-hover:#4f46e5;--bg-accent-muted:#6366f114;--text-primary:#111;--text-secondary:#555;--text-tertiary:#999;--text-quaternary:#bbb;--text-accent:#6366f1;--text-on-accent:#fff;--text-seria:#6366f1;--text-yuna:#db2777;--text-rina:#ea580c;--text-sena:#059669;--text-jia:#2563eb;--agent-seria:#6366f1;--agent-yuna:#db2777;--agent-rina:#ea580c;--agent-sena:#059669;--agent-jia:#2563eb;--text-danger:#dc2626;--text-warning:#a16207;--text-success:#16a34a;--text-error:#dc2626;--text-info:#2563eb;--icon-primary:#555;--icon-secondary:#999;--icon-accent:#6366f1;--border-default:#e4e4e7;--border-strong:#d4d4d8;--border-subtle:#ececec;--border-accent:#6366f1;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 8px 24px #0000001f;--nx-bg:var(--bg-panel);--nx-surface:var(--bg-raised);--nx-elevated:var(--bg-elevated);--nx-card:var(--bg-raised);--nx-code-bg:var(--bg-raised);--nx-code-text:var(--text-primary);--nx-accent:var(--text-accent);--nx-accent-dim:var(--bg-accent-muted);--nx-text:var(--text-primary);--nx-text-dim:var(--text-secondary);--nx-dim:var(--text-tertiary);--nx-sub:var(--text-secondary);--nx-border:var(--border-default)}*{border-color:var(--border-default)}html{font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-lh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background:var(--background);color:var(--foreground);font-feature-settings:"cv02", "cv03", "cv04", "cv11";letter-spacing:-.011em;min-height:100dvh}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--bg-accent-muted);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--icon-secondary)}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(12px)saturate(180%);background:#14141499}.light .glass{background:#fff9}.glow-sm{box-shadow:0 0 12px #818cf81a}.glow-md{box-shadow:0 0 24px #818cf826}.glow-lg{box-shadow:0 0 48px #818cf833}.nx-transition{transition-property:color,background-color,border-color,box-shadow,opacity,transform;transition-duration:.15s;transition-timing-function:ease}.type-display{font-size:var(--type-display-size);font-weight:var(--type-display-weight);line-height:var(--type-display-lh);letter-spacing:var(--type-display-ls);text-wrap:balance}.type-h1{font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-lh);letter-spacing:var(--type-h1-ls);text-wrap:balance}.type-h2{font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-lh);letter-spacing:var(--type-h2-ls);text-wrap:balance}.type-h3{font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-lh)}.type-body{font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-lh);text-wrap:pretty}.type-small{font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-lh)}.type-caption{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-lh);letter-spacing:var(--type-caption-ls)}.type-code{font-family:var(--font-mono);font-size:var(--type-code-size);font-weight:var(--type-code-weight);line-height:var(--type-code-lh)}.card{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-4);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-glass{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-4);background:#ffffff08}.light .card-glass{background:#00000005}.card-accent{background:var(--bg-raised);border:1px solid var(--border-default);border-left:2px solid var(--border-accent);border-radius:var(--radius-lg);padding:var(--sp-4)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--type-small-size);cursor:pointer;transition:background-color var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;border:none;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--bg-accent);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--bg-accent-hover)}.btn-secondary{color:var(--text-accent);border:1px solid var(--border-accent);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--bg-accent-muted)}.btn-ghost{color:var(--text-secondary);padding:0 var(--sp-3);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{color:var(--text-danger);border:1px solid var(--text-danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--bg-danger)}.input{width:100%;height:40px;padding:0 var(--sp-3);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--type-body-size);transition:border-color var(--transition-fast)}.input:focus{border-color:var(--border-accent);outline:2px solid var(--bg-accent-muted);outline-offset:0}.input::placeholder{color:var(--text-tertiary)}.textarea{width:100%;min-height:80px;padding:var(--sp-3);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-lh);resize:vertical;transition:border-color var(--transition-fast)}.textarea:focus{border-color:var(--border-accent);outline:2px solid var(--bg-accent-muted);outline-offset:0}.badge{align-items:center;gap:var(--sp-1);height:22px;padding:0 var(--sp-2);border-radius:var(--radius-sm);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);letter-spacing:var(--type-caption-ls);display:inline-flex}.badge-accent{background:var(--bg-accent-muted);color:var(--text-accent)}.badge-sena{background:var(--bg-sena);color:var(--text-sena)}.badge-jia{background:var(--bg-jia);color:var(--text-jia)}.badge-danger{background:var(--bg-danger);color:var(--text-danger)}.badge-warning{background:var(--bg-warning);color:var(--text-warning)}.badge-info{background:var(--bg-info);color:var(--text-info)}.surface-shell{background:var(--bg-shell)}.surface-panel{background:var(--bg-panel)}.surface-raised{background:var(--bg-raised)}.surface-elevated{background:var(--bg-elevated)}.header-blur{-webkit-backdrop-filter:blur(8px)}pre,code{font-family:var(--font-mono);font-size:var(--type-code-size);line-height:var(--type-code-lh)}pre{background:var(--bg-shell);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--sp-4);overflow-x:auto}code{background:var(--bg-raised);border-radius:var(--radius-sm);padding:2px 6px}pre code{background:0 0;border-radius:0;padding:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes nx-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.nx-fade-in{animation:.2s both nx-fade-in}@keyframes nx-pulse{0%,to{opacity:1}50%{opacity:.4}}.nx-pulse{animation:1.5s infinite nx-pulse}.nx-press:active{transition:transform 80ms;transform:scale(.97)}[data-nextjs-dialog-overlay],[data-nextjs-toast],nextjs-portal{display:none!important}.devhub-mono{--bg-shell:#0a0a0a;--bg-panel:#111;--bg-surface:#171717;--bg-deep:#0a0a0a;--bg-raised:#1c1c1c;--bg-elevated:#222;--bg-overlay:#262626;--bg-accent:#fafafa;--bg-accent-hover:#e5e5e5;--bg-accent-muted:#ffffff14;--text-accent:#fafafa;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-tertiary:#737373;--text-quaternary:#525252;--border-subtle:#ffffff14;--border-default:#ffffff24;--border-accent:#ffffff3d;--primary:#fafafa;--accent:#fafafa;--ring:#737373;--agent-seria:#a3a3a3;--agent-yuna:#a3a3a3;--agent-rina:#a3a3a3;--agent-sena:#a3a3a3;--agent-jia:#a3a3a3}.media-studio-gray{--bg-shell:#121212;--bg-panel:#171717;--bg-surface:#1a1a1a;--bg-deep:#0f0f0f;--bg-raised:#222;--bg-elevated:#262626;--bg-overlay:#2a2a2a;--background:#121212;--card:#1a1a1a;--popover:#1a1a1a;--secondary:#222;--muted:#222;--border:#2e2e2e;--border-default:#2e2e2e;--border-subtle:#ffffff14;--input:#222;--sidebar-background:#171717;--sidebar-accent:#222;--sidebar-border:#2e2e2e}.video-gen-scope :focus-visible{outline-offset:2px;outline:2px solid #737373}.video-mode-workspace-root{box-sizing:border-box;color:#e5e5e5;min-height:0;font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;background:#121212;flex-direction:column;flex:1;display:flex;overflow:hidden}.video-mode-workspace-row{box-sizing:border-box;flex-direction:column;flex:1;align-items:stretch;min-width:0;min-height:0;display:flex;overflow:hidden}@media (min-width:768px){.video-mode-workspace-row{flex-direction:row}}.video-mode-workspace-row>aside:first-of-type{align-self:stretch;min-height:0}.video-mode-preview-pane{box-sizing:border-box;background:#121212;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.video-mode-preview-body{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex;overflow:auto}.video-studio{--bg-base:#121212;--bg-surface:#1a1a1a;--bg-elevated:#222;--bg-overlay:#262626;--border-default:#2e2e2e;--border-hover:#404040;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#737373;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-subtle:#7c3aed1f;--success:#22c55e;--warning:#eab308;--danger:#ef4444;--crystal:#a78bfa;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--font-studio:"Pretendard Variable", Pretendard, Inter, sans-serif;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--sidebar-width:320px;--section-gap:12px;--control-height:28px;--pill-height:26px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;font-family:var(--font-studio);background:var(--bg-base);color:var(--text-primary)}.video-studio :focus-visible{outline:2px solid var(--accent);outline-offset:1px}@keyframes studio-progress-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.studio-progress-indeterminate{animation:1.4s ease-in-out infinite studio-progress-slide}.media-studio-gray .btn-primary,.media-studio-gray [data-studio-btn=primary]{color:#fafafa!important;background:#333!important;border:1px solid #ffffff2e!important}.media-studio-gray .btn-primary:hover:not(:disabled),.media-studio-gray [data-studio-btn=primary]:hover:not(:disabled){background:#404040!important}@keyframes devhub-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-devhub-marquee{animation:55s linear infinite devhub-marquee}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}