*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{
  --paper:#fff;
  --soft:#f1f0eb;
  --ink:#11131b;
  --muted:#737681;
  --line:#c8c8c4;
  --blue:#5367ff;
  --orange:#d27655;
}
html,body{margin:0;max-width:100%;overflow-x:hidden}
body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
body.intro-lock{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.wrap{width:min(1180px,calc(100% - 76px));margin:auto}
#scrollProgress{position:fixed;z-index:100000;left:0;top:0;height:4px;width:0;background:var(--blue);pointer-events:none}

/* header */
.nav{position:sticky;top:0;z-index:80;height:94px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{font-size:20px;font-weight:800;letter-spacing:.22em;display:inline-flex;align-items:flex-end;gap:8px}
.brand small{font:500 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.35em;color:var(--muted);transform:translateY(6px)}
.menu{display:flex;align-items:center;gap:30px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.tech-btn{min-height:52px;border:1px solid var(--ink);padding:0 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font:650 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;background:#fff;color:var(--ink);border-radius:0}
.tech-btn.dark{background:var(--ink);color:#fff}
.tech-btn.blue{background:var(--blue);border-color:var(--blue);color:#fff}
.menu-toggle{display:none;border:0;background:none;padding:14px 0;font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.menu-toggle span{font-size:24px;margin-right:12px}
.mobile-menu{position:fixed;left:0;right:0;top:94px;z-index:79;background:#fff;border-bottom:2px solid var(--ink);padding:0 38px}
.mobile-menu a{height:76px;border-top:1px solid var(--line);display:grid;grid-template-columns:50px 1fr auto;align-items:center}
.mobile-menu span,.mobile-menu i{font:500 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);font-style:normal}

/* main */
.hero{padding:94px 0 78px;border-bottom:1px solid var(--line)}
.eyebrow,.num,.auth-kicker{font:500 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.hero h1{font-size:clamp(60px,8.6vw,122px);line-height:.87;letter-spacing:-.07em;margin:30px 0 40px;max-width:1060px}
.hero h1 span{color:var(--blue)}
.hero-bottom{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:end}
.hero p{max-width:650px;font-size:20px;line-height:1.55;color:#565961}
.actions{display:flex;justify-content:flex-end}
.action-grid .tech-btn{min-width:205px}
.section{padding:86px 0;border-bottom:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:180px 1fr;gap:44px;margin-bottom:54px}
.section h2{font-size:clamp(44px,5.5vw,74px);line-height:.94;letter-spacing:-.052em;margin:0;max-width:830px}
.tools{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.tool{position:relative;min-height:200px;padding:34px 0;border-bottom:1px solid var(--line)}
.tool:nth-child(odd){padding-right:38px;border-right:1px solid var(--line)}
.tool:nth-child(even){padding-left:38px}
.tool small{font:500 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--blue)}
.tool h3{font-size:32px;margin:28px 0 11px;letter-spacing:-.035em}
.tool p{max-width:500px;color:#60636b;line-height:1.65}
.workflow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.step{min-height:225px;padding:28px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.step b{font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--blue)}
.step strong{display:block;font-size:32px;margin-top:72px}
.step p{color:#666972;line-height:1.5}
.pricebox{background:var(--ink);color:#fff;padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
.pricebox h3{display:flex;align-items:flex-end;gap:12px;font-size:86px;line-height:.9;letter-spacing:-.06em;margin:24px 0}
.pricebox h3 small{font-size:16px;line-height:1.1;color:#999ca5;letter-spacing:0;padding-bottom:10px;white-space:nowrap}
.pricebox p{max-width:560px;color:#b5b7bd;font-size:17px;line-height:1.6}
.pricebox .eyebrow{color:#9da4d4}
.footer{padding:46px 0 70px;font-size:12px;color:#737681;border-bottom:16px solid var(--ink)}

/* intro V10 */
.intro{position:fixed;inset:0;z-index:99999;background:#11131b;color:#fff;display:grid;place-items:center;overflow:hidden;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s linear}
.intro.hide{opacity:0;visibility:hidden}
.intro-stage{position:relative;width:min(92vw,920px);height:min(84vh,760px);min-height:560px}
.intro-meta{position:absolute;top:16px;z-index:3;font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;color:#c6c7cb;opacity:0;transform:translateY(-5px);animation:metaAppear .35s .8s ease forwards}
.intro-meta-left{left:35px}.intro-meta-right{right:35px;color:#fff}
.intro-border-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.intro-border-line,.intro-blue-line{fill:none;vector-effect:non-scaling-stroke;stroke-dasharray:2800;stroke-dashoffset:2800}
.intro-border-line{stroke:#62646b;stroke-width:1}
.border-left{animation:borderWrite 1.05s .05s ease forwards}.border-right{animation:borderWrite 1.35s .60s ease forwards}
.intro-blue-line{stroke:var(--blue);stroke-width:4}
.blue-top{animation:borderWrite .38s .95s ease forwards}.blue-bottom{animation:borderWrite .38s 1.22s ease forwards}
.logo-build{position:absolute;left:50%;top:52%;width:min(86%,790px);transform:translate(-50%,-50%)}
.klyro-logo{width:100%;display:block;overflow:visible}
.klyro-thin{fill:none;stroke:#fff;stroke-width:1.25;stroke-linecap:square;stroke-linejoin:miter}
.klyro-thin path{stroke-dasharray:900;stroke-dashoffset:900}
.klyro-thin path:nth-child(1){animation:writeLogo .24s 1.15s linear forwards}.klyro-thin path:nth-child(2){animation:writeLogo .24s 1.33s linear forwards}.klyro-thin path:nth-child(3){animation:writeLogo .24s 1.51s linear forwards}.klyro-thin path:nth-child(4){animation:writeLogo .28s 1.72s linear forwards}.klyro-thin path:nth-child(5){animation:writeLogo .22s 1.92s linear forwards}.klyro-thin path:nth-child(6){animation:writeLogo .22s 2.08s linear forwards}.klyro-thin path:nth-child(7){animation:writeLogo .22s 2.23s linear forwards}.klyro-thin path:nth-child(8){animation:writeLogo .22s 2.38s linear forwards}.klyro-thin path:nth-child(9){animation:writeLogo .28s 2.55s linear forwards}.klyro-thin path:nth-child(10){animation:writeLogo .44s 2.76s linear forwards}.klyro-thin path:nth-child(11){animation:writeLogo .26s 3.08s linear forwards}.klyro-thin path:nth-child(12){animation:writeLogo .58s 3.28s linear forwards}
.klyro-bold{fill:#fff;opacity:0;transform-origin:50% 50%;transform:scale(.992);animation:boldLock .20s 4.20s steps(1,end) forwards}
.klyro-thin{animation:thinOut .18s 4.18s steps(1,end) forwards}
.logo-caption{margin-top:7px;text-align:center;color:#fff;font:500 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.46em;opacity:0;transform:translateY(5px);animation:captionIn .28s 4.32s ease forwards}
.intro-progress{position:absolute;left:42px;right:42px;bottom:18px;height:1px;background:#53555c}.intro-progress span{display:block;width:0;height:3px;transform:translateY(-1px);background:var(--blue);animation:progressWrite 5.15s .05s cubic-bezier(.16,.72,.2,1) forwards}
.intro-scanrail{position:absolute;right:18px;top:50%;width:1px;height:42%;transform:translateY(-50%);background:rgba(83,103,255,.22);opacity:0;animation:scanRailIn .45s 1.35s ease forwards}
.intro-scanrail .scan-dot{position:absolute;left:50%;top:0;width:7px;height:7px;border:1px solid var(--blue);background:#11131b;transform:translate(-50%,-50%) rotate(45deg);animation:scanMove 2.6s 1.55s cubic-bezier(.2,.7,.2,1) forwards}
.intro-scanrail small{position:absolute;left:-16px;bottom:-25px;font:500 8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#7f88c7;letter-spacing:.12em;white-space:nowrap}
.intro-blue-sweep{position:absolute;left:-22%;top:0;bottom:0;width:18%;background:var(--blue);transform:skewX(-10deg) translateX(-180%);opacity:.95;animation:blueSweep .58s 4.82s cubic-bezier(.65,0,.22,1) forwards;pointer-events:none}
@keyframes borderWrite{to{stroke-dashoffset:0}}@keyframes writeLogo{to{stroke-dashoffset:0}}@keyframes metaAppear{to{opacity:1;transform:translateY(0)}}@keyframes thinOut{to{opacity:0}}@keyframes boldLock{to{opacity:1;transform:scale(1)}}@keyframes captionIn{to{opacity:1;transform:translateY(0)}}@keyframes progressWrite{to{width:100%}}@keyframes scanRailIn{to{opacity:1}}@keyframes scanMove{0%{top:0}45%{top:62%}72%{top:39%}100%{top:100%}}@keyframes blueSweep{0%{transform:skewX(-10deg) translateX(-180%);width:18%}55%{width:42%}100%{transform:skewX(-10deg) translateX(760%);width:18%}}

/* cookies */
.cookie-backdrop{position:fixed;inset:0;z-index:88;background:rgba(17,19,27,.14)}
.cookie-panel{position:fixed;z-index:89;left:50%;bottom:26px;transform:translateX(-50%);width:min(760px,calc(100% - 32px));background:var(--ink);color:#fff;border:1px solid #6c6e75;padding:34px}
.cookie-panel:before{content:"";position:absolute;left:0;top:0;width:135px;height:4px;background:var(--blue)}
.cookie-top{display:flex;align-items:center;justify-content:space-between;color:var(--orange);font:500 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
.cookie-close{width:52px;height:52px;border:1px solid #fff;background:none;color:#fff;font-size:34px;line-height:1;cursor:pointer;border-radius:0}
.cookie-panel h2{font-size:48px;letter-spacing:-.05em;margin:20px 0 18px}
.cookie-panel p{color:#b8bac1;font-size:17px;line-height:1.6;max-width:650px}
.cookie-primary,.cookie-secondary{width:100%;height:58px;margin-top:14px;border-radius:0;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;cursor:pointer}
.cookie-primary{border:1px solid var(--blue);background:var(--blue);color:#fff}
.cookie-secondary{border:1px solid #fff;background:transparent;color:#fff}
.cookie-details{margin:22px 0;border-top:1px solid #4a4c54}.cookie-details div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #4a4c54;font:500 11px ui-monospace,SFMono-Regular,Menlo,monospace}.cookie-details strong{color:#aeb2c6}

/* auth */
.authpage{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.authbrand{background:var(--ink);color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:space-between}
.authbrand h1{font-size:clamp(58px,8vw,112px);line-height:.86;letter-spacing:-.07em;margin:0}.authbrand h1 span{color:var(--blue)}
.authform{min-height:100vh;padding:48px;display:grid;place-items:center;background:#fff}
.authform.solo{min-height:100vh}
.card{width:min(470px,100%)}
.card h2{font-size:48px;line-height:.95;letter-spacing:-.052em;margin:20px 0 12px}
.muted{color:#6f727b;line-height:1.55}.auth-foot{font-size:13px;margin-top:22px}.text-link{color:var(--blue)}
.field{margin-top:20px}.field label{display:block;margin-bottom:8px;font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#72747c}
.field input,.field textarea,.field select{width:100%;padding:14px;background:#fff;border:1px solid #b9bac0;border-radius:0;outline:none;font-size:16px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}
.submit,.discord{width:100%;min-height:56px;padding:0 16px;border:1px solid var(--ink);border-radius:0;font:650 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;display:flex;align-items:center;justify-content:space-between}
.submit{margin-top:24px;background:var(--ink);color:#fff;cursor:pointer}.discord{background:#5865F2;color:#fff;border-color:#5865F2;margin-top:28px;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.discord:hover{background:#4752c4;border-color:#4752c4;transform:translateY(-1px)}
.or{display:flex;align-items:center;gap:12px;margin:20px 0;color:#888;font-size:11px}.or:before,.or:after{content:"";height:1px;background:#c8c8c4;flex:1}
.flash{padding:14px;border-left:4px solid var(--orange);background:#f7f1ed;margin:18px 0;font-size:14px;line-height:1.5}.flash.good{border-left-color:var(--blue);background:#f0f2ff}

/* dashboard */
.dashboard{padding:64px 0}.dashgrid{display:grid;grid-template-columns:250px 1fr;gap:48px}.sidebar{border-right:1px solid var(--line);padding-right:26px}.sidebar a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.panel{border-top:1px solid var(--ink);padding-top:28px}.creatorbox{border:1px solid var(--line);padding:30px;background:#fff}.creatorbox textarea{width:100%;min-height:180px;padding:18px;font-size:18px;border-radius:0}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.locked{padding:20px;background:var(--ink);color:#fff}.tag{display:inline-block;padding:6px 9px;border:1px solid #aaa;font-size:11px;margin-right:5px}.orange{color:var(--orange)}.status{font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
.account-lines p{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--line);padding:16px 0;margin:0}.account-lines span{color:#666972}

@media(max-width:800px){
  .wrap{width:calc(100% - 42px)}
  .nav{height:84px}.desktop-menu{display:none}.menu-toggle{display:block}.mobile-menu{top:84px;padding:0 21px}
  .brand{font-size:18px}
  .hero{padding:70px 0 58px}.hero h1{font-size:clamp(52px,15vw,76px);line-height:.88;margin:24px 0 32px}.hero-bottom{display:block}.hero p{font-size:18px;margin-bottom:28px}.actions{justify-content:flex-start}.action-grid{display:grid;grid-template-columns:1fr 1fr;width:100%}.action-grid .tech-btn{min-width:0;padding:0 12px;gap:8px}
  .section{padding:64px 0}.section-head{display:block;margin-bottom:38px}.section-head .num{margin-bottom:24px}.section h2{font-size:clamp(42px,12vw,62px)}
  .tools{display:block}.tool,.tool:nth-child(odd),.tool:nth-child(even){padding:28px 0;border-right:0;min-height:0}
  .workflow{grid-template-columns:1fr 1fr}.step{min-height:175px;padding:20px}.step strong{margin-top:44px;font-size:26px}
  .pricebox{display:block;padding:30px}.pricebox h3{font-size:72px}.pricebox .tech-btn{margin-top:24px;width:100%}
  .footer{padding-bottom:48px}
  .intro-stage{width:calc(100vw - 22px);height:76vh;min-height:510px}.intro-meta{font-size:8px}.intro-meta-left{left:24px}.intro-meta-right{right:24px}.logo-build{width:88%}.logo-caption{font-size:7px;letter-spacing:.35em}.intro-progress{left:30px;right:30px}.intro-scanrail{right:11px}
  .cookie-panel{bottom:14px;padding:26px 20px}.cookie-panel h2{font-size:40px}.cookie-panel p{font-size:16px}.cookie-close{width:48px;height:48px}
  .authpage{grid-template-columns:1fr}.authbrand{min-height:280px;padding:28px}.authbrand h1{font-size:64px}.authform{min-height:auto;padding:46px 22px}.card h2{font-size:42px}
  .dashgrid{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:0 0 24px}.row{grid-template-columns:1fr}.account-lines p{grid-template-columns:1fr;gap:6px}
}

/* KLYRO workspace V12 — same typography language as the homepage */
body,button,input,textarea,select{font-family:Arial,Helvetica,sans-serif}
.workspace-nav{display:flex;align-items:center;gap:24px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.10em;text-transform:uppercase}
.workspace-nav>a:not(.tech-btn){position:relative;padding:12px 0;color:#5f626b}
.workspace-nav>a:not(.tech-btn).active,.workspace-nav>a:not(.tech-btn):hover{color:var(--ink)}
.workspace-nav>a:not(.tech-btn).active:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--blue)}
.workspace-page{padding:72px 0 100px;background:#fff;min-height:calc(100vh - 94px)}
.workspace-hero{display:grid;grid-template-columns:180px 1fr;gap:44px;padding-bottom:58px;border-bottom:1px solid var(--ink)}
.workspace-hero.compact{padding-bottom:46px}
.workspace-overline{font:500 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.workspace-hero h1{font-size:clamp(48px,6vw,82px);line-height:.91;letter-spacing:-.06em;margin:0;max-width:850px}
.workspace-hero.compact h1{font-size:clamp(44px,5.2vw,70px)}
.workspace-hero p{max-width:680px;margin:24px 0 0;color:#62656d;font-size:18px;line-height:1.55}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);margin-top:48px}
.stat-card{min-height:205px;padding:28px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.stat-card small{font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:var(--muted)}
.stat-card strong{font-size:38px;letter-spacing:-.04em;margin-top:auto}
.stat-card span{font-size:13px;color:var(--muted);margin-top:7px}
.blue-text{color:var(--blue)}
.workspace-actions{margin-top:72px;display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end}
.workspace-actions h2{font-size:clamp(42px,5vw,66px);line-height:.94;letter-spacing:-.052em;margin:18px 0}
.workspace-actions p{max-width:620px;font-size:17px;line-height:1.6;color:#666972}
.action-stack{display:grid;gap:12px}.action-stack .tech-btn{width:100%;min-height:62px}
.preview-note{margin:34px 0 0;border-left:4px solid var(--blue);background:#f2f4ff;padding:18px 20px;display:flex;gap:20px;align-items:flex-start}
.preview-note strong{font:650 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--blue);white-space:nowrap}.preview-note span{color:#5f626b;font-size:14px;line-height:1.45}
.creator-editor{margin-top:28px;border-top:1px solid var(--ink);padding-top:12px}
.creator-meta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}
.creator-editor .field{margin-top:24px}.creator-editor .field label{font-size:10px}
.creator-editor .field input,.creator-editor .field textarea,.creator-editor .field select{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;border:0;border-bottom:1px solid #8f9299;padding:18px 0;border-radius:0;font-size:20px;line-height:1.4;appearance:auto}
.creator-editor .field input:focus,.creator-editor .field textarea:focus,.creator-editor .field select:focus{box-shadow:none;border-color:var(--blue)}
.creator-editor .prompt-field{margin-top:44px}.creator-editor .prompt-field textarea{min-height:250px;resize:vertical;font-size:22px;line-height:1.5;border:1px solid var(--line);padding:22px}
.field-help{display:flex;justify-content:space-between;gap:20px;margin-top:10px;font-size:12px;color:var(--muted)}
.capability-row{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.capability-row span{border:1px solid var(--line);padding:9px 12px;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.capability-row i{font-style:normal;color:var(--blue);margin-left:8px}
.creator-submit{min-width:280px;min-height:62px;cursor:pointer}
.project-list{border-top:1px solid var(--ink);margin-top:42px}
.project-card{padding:32px 0;border-bottom:1px solid var(--line)}
.project-card-top,.project-card-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:var(--muted)}
.project-card-top span:first-child{color:var(--blue)}
.project-card h2{font-size:34px;letter-spacing:-.04em;margin:22px 0 12px}.project-card p{max-width:850px;white-space:normal;color:#5f626b;line-height:1.65;margin-bottom:24px}
.project-card-foot form{margin:0}.text-action{border:0;background:none;padding:8px 0;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:var(--orange);cursor:pointer}
.empty-state{margin-top:44px;border-top:1px solid var(--ink);padding:48px 0}.empty-state h2{font-size:52px;letter-spacing:-.05em;margin:20px 0 8px}.empty-state p{color:var(--muted);margin-bottom:28px}
.account-table{margin-top:42px;border-top:1px solid var(--ink)}.account-table>div{display:grid;grid-template-columns:220px 1fr;gap:30px;padding:20px 0;border-bottom:1px solid var(--line)}.account-table strong{font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--muted)}.account-table span{font-size:16px}.account-link{margin-top:28px}

@media(max-width:900px){.nav-inner{align-items:flex-start;gap:16px}.workspace-nav{gap:16px;max-width:68vw;overflow-x:auto;white-space:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.workspace-nav::-webkit-scrollbar{display:none}.workspace-nav>a:not(.tech-btn){display:block;flex:0 0 auto}.workspace-nav .tech-btn{display:none}.workspace-actions{grid-template-columns:1fr;gap:30px}.stat-grid{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:1/-1}.creator-meta-grid{grid-template-columns:1fr}.workspace-page{padding-top:24px}.agent-pair{grid-template-columns:1fr!important}.agent-pair-form{grid-template-columns:1fr!important}.agent-server-grid{grid-template-columns:1fr!important}.agent-actions{grid-template-columns:1fr!important}.agent-command-form{grid-template-columns:1fr auto!important}}
@media(max-width:800px){.workspace-page{padding:52px 0 80px}.workspace-hero{display:block;padding-bottom:38px}.workspace-hero .num{margin-bottom:24px}.workspace-hero h1,.workspace-hero.compact h1{font-size:clamp(44px,13vw,64px)}.workspace-hero p{font-size:16px}.stat-grid{grid-template-columns:1fr;border-left:0}.stat-card,.stat-card:last-child{grid-column:auto;min-height:150px;border-left:1px solid var(--line)}.workspace-actions{margin-top:56px}.preview-note{display:block}.preview-note strong{display:block;margin-bottom:8px}.creator-editor .prompt-field textarea{min-height:220px;font-size:18px}.creator-submit{width:100%;min-width:0}.account-table>div{grid-template-columns:1fr;gap:8px}.project-card h2{font-size:30px}.field-help{display:block}.field-help span:last-child{display:block;margin-top:5px}}

/* KLYRO V13 — Blockbench-inspired studio */
.studio-body{background:#f4f4f0}.studio-nav{position:relative}.studio-shell{width:min(1600px,calc(100% - 34px));margin:0 auto;padding:34px 0 90px}.studio-setup{background:#fff;border:1px solid var(--line);padding:54px}.studio-setup-copy{display:grid;grid-template-columns:170px 1fr;gap:35px;border-bottom:1px solid var(--ink);padding-bottom:40px}.studio-setup h1{font-size:clamp(48px,6vw,86px);line-height:.9;letter-spacing:-.065em;margin:0}.studio-setup h1 span{color:var(--blue)}.studio-setup p{grid-column:2;max-width:760px;font-size:18px;line-height:1.6;color:#666972;margin:18px 0 0}.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 34px;margin-top:38px}.studio-field{display:flex;flex-direction:column;gap:9px}.studio-field>span,.mini-field>span{font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#747780}.studio-field input,.studio-field select{width:100%;border:0;border-bottom:1px solid #92959a;background:transparent;padding:13px 2px;font-size:18px;outline:0}.studio-field input:focus,.studio-field select:focus{border-color:var(--blue)}.inline-options{display:flex;align-items:center;gap:16px;min-height:46px}.inline-options label,.version-choices label,.toggle-row{font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.inline-options input[type=number]{width:130px;margin-left:auto}.version-choices{display:flex;flex-wrap:wrap;gap:8px}.version-choices label{border:1px solid var(--line);padding:11px 13px;background:#fff}.version-field small{color:var(--muted);line-height:1.4}.setup-start{margin-top:36px;min-width:260px}
.blockbench-studio{margin-top:18px}.studio-topbar{min-height:72px;border:1px solid #2a2d32;background:#17191d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.studio-topbar b{display:block;font-size:17px}.studio-topbar small{display:block;color:#9397a0;margin-top:5px;font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace}.studio-top-actions{display:flex;gap:6px}.studio-top-actions button,.panel-head button,.viewport-toolbar button,.preset-actions button,.texture-controls button,.ai-quick button{border:1px solid #42464d;background:#22252a;color:#e8e8e8;padding:9px 11px;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;cursor:pointer}.studio-grid{display:grid;grid-template-columns:210px minmax(460px,1fr) 250px;grid-template-rows:minmax(560px,64vh) auto;gap:1px;background:#34383f;border:1px solid #34383f}.studio-panel,.viewport-panel{background:#1e2126;color:#f0f0f0;min-width:0}.parts-panel{grid-column:1;grid-row:1}.viewport-panel{grid-column:2;grid-row:1;position:relative;display:flex;flex-direction:column;overflow:hidden;background:#15171b}.inspector-panel{grid-column:3;grid-row:1}.texture-panel{grid-column:1/3;grid-row:2}.ai-panel{grid-column:3;grid-row:2;min-height:390px}.panel-head{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #34383f;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#aeb1b7}.parts-list{padding:8px;max-height:calc(100% - 105px);overflow:auto}.part-row{display:grid;grid-template-columns:20px 1fr 14px;gap:6px;align-items:center;border:1px solid transparent;padding:9px 8px;font-size:12px;cursor:pointer}.part-row:hover{background:#272a30}.part-row.active{border-color:#5367ff;background:#292d42}.part-swatch{width:13px;height:13px;border:1px solid #666}.part-eye{font-size:11px;color:#8a8e97}.preset-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;padding:8px;border-top:1px solid #34383f}.preset-actions button{padding:8px 3px;font-size:8px}.viewport-toolbar{height:44px;border-bottom:1px solid #34383f;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#b8bbc0}.viewport-toolbar div{display:flex;gap:4px}.viewport-toolbar button.active{background:#5367ff;border-color:#5367ff}.viewport-toolbar label{font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.viewport-panel canvas{width:100%;height:100%;display:block;touch-action:none}.viewport-hint{position:absolute;left:12px;bottom:10px;font:500 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#777c86;pointer-events:none}.empty-inspector{padding:22px 12px;color:#777c86;font-size:12px}.inspector-panel #partInspector{padding:14px 12px}.mini-field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.mini-field input{width:100%;background:#16181c;color:#fff;border:1px solid #41454c;padding:9px;font-size:12px}.mini-field input[type=color]{padding:2px;height:36px}.color-line{display:grid;grid-template-columns:48px 1fr;gap:7px}.triple{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.danger-mini{width:100%;border:1px solid #9c554c;background:transparent;color:#e39b91;padding:10px;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace}.texture-layout{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:18px;padding:14px}.texture-layout #textureCanvas{width:min(100%,320px);aspect-ratio:1/1;image-rendering:pixelated;background:#111;border:1px solid #4a4e55;touch-action:none}.texture-controls{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.toggle-row{display:flex;align-items:center;gap:8px;color:#d0d2d6}.upload-btn{display:inline-flex;border:1px solid #4d5158;padding:11px 13px;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;cursor:pointer}.upload-btn input{display:none}.ai-live{color:#6bffcb}.ai-messages{height:245px;overflow:auto;padding:13px;display:flex;flex-direction:column;gap:10px}.ai-msg{max-width:92%;padding:10px 11px;border:1px solid #393d44;background:#17191d}.ai-msg.user{align-self:flex-end;border-color:#5367ff;background:#252940}.ai-msg small{display:block;font:600 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:#81858e;margin-bottom:6px}.ai-msg p{font-size:12px;line-height:1.5;margin:0;color:#d8dade}.ai-compose{display:grid;grid-template-columns:1fr 62px;border-top:1px solid #34383f}.ai-compose textarea{min-height:90px;background:#17191d;color:#fff;border:0;padding:12px;resize:none;outline:0;font-size:12px}.ai-compose button{background:#5367ff;color:#fff;border:0;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace}.ai-quick{display:flex;flex-wrap:wrap;gap:4px;padding:8px}.ai-quick button{font-size:8px}.pack-builder{margin-top:28px;background:#fff;border:1px solid var(--line);padding:48px;display:grid;grid-template-columns:1fr .9fr;gap:70px}.pack-builder h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.055em;line-height:.94;margin:20px 0}.pack-builder p{color:#666972;line-height:1.6}.pack-builder-form{display:flex;flex-direction:column;gap:18px}.pack-status{font-size:12px;color:#737681;border-top:1px solid var(--line);padding-top:13px}
@media(max-width:1100px){.studio-grid{grid-template-columns:180px minmax(360px,1fr);grid-template-rows:560px auto auto}.inspector-panel{grid-column:1;grid-row:2}.texture-panel{grid-column:2;grid-row:2}.ai-panel{grid-column:1/3;grid-row:3}.ai-messages{height:190px}.pack-builder{grid-template-columns:1fr;gap:30px}}@media(max-width:760px){.studio-shell{width:100%;padding:0 0 70px}.studio-setup{padding:30px 20px}.studio-setup-copy{display:block}.studio-setup h1{font-size:48px;margin-top:22px}.studio-setup p{grid-column:auto}.setup-grid{grid-template-columns:1fr}.blockbench-studio{margin:0}.studio-topbar{align-items:flex-start;gap:12px;flex-direction:column}.studio-grid{display:flex;flex-direction:column;border-left:0;border-right:0}.parts-panel{order:2}.viewport-panel{order:1;height:58vh;min-height:430px}.inspector-panel{order:3}.texture-panel{order:4}.ai-panel{order:5}.parts-list{max-height:210px}.texture-layout{grid-template-columns:1fr}.pack-builder{padding:34px 20px;margin:18px 0}.viewport-toolbar label{display:none}}


/* KLYRO V14 */
.asset-library{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important}.asset-library button{min-width:0!important;font-size:10px!important;padding:8px 6px!important}
.ai-msg.thinking{opacity:.72}.thinking-dots{display:inline-flex;gap:4px;vertical-align:middle;margin-right:5px}.thinking-dots i{display:block;width:5px;height:5px;border-radius:50%;background:currentColor;animation:klyroDot 1s infinite ease-in-out}.thinking-dots i:nth-child(2){animation-delay:.16s}.thinking-dots i:nth-child(3){animation-delay:.32s}@keyframes klyroDot{0%,80%,100%{transform:translateY(0);opacity:.3}40%{transform:translateY(-5px);opacity:1}}
#sendAi:disabled{opacity:.45;cursor:wait}
/* V15 — Server Agent Core */
.agent-note{border:1px solid #d9d9d9;padding:14px 16px;margin:0 0 18px;font-size:14px}.agent-note.success{border-color:#9bd0b0}.agent-note.error{border-color:#e5a2a2}.agent-pair{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:end;border:1px solid #dadada;padding:28px;margin:28px 0}.agent-pair h2,.agent-console h2{font-size:30px;margin:8px 0}.agent-pair p{margin:0;color:#666}.agent-pair-form{display:flex;gap:10px}.agent-pair-form input,.agent-command-form input{width:100%;border:1px solid #cfcfcf;background:#fff;padding:13px 14px;font:600 13px/1 Arial,sans-serif;letter-spacing:.04em;outline:none}.agent-pair-form input:focus,.agent-command-form input:focus{border-color:#2775ff}.agent-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.agent-server-card,.agent-empty{border:1px solid #d8d8d8;padding:22px;min-height:180px}.agent-empty{display:flex;flex-direction:column;justify-content:center;gap:8px;color:#666}.agent-server-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.agent-server-top small{font:700 10px/1.2 monospace;color:#777}.agent-server-top h3{font-size:24px;margin:6px 0}.agent-status{font:800 10px/1 monospace;border:1px solid #bbb;padding:7px 9px}.agent-status.online{border-color:#33a769}.agent-status.offline{opacity:.55}.agent-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}.agent-meta span{border:1px solid #e1e1e1;padding:6px 8px;font:700 10px/1 monospace}.agent-actions{display:flex;gap:10px;flex-wrap:wrap}.agent-actions form{margin:0}.agent-command-form{display:flex;gap:8px;flex:1;min-width:260px}.agent-console{margin:42px 0}.agent-job-list{border-top:1px solid #d8d8d8}.agent-job-list article{display:grid;grid-template-columns:1fr auto;gap:10px;border-bottom:1px solid #e3e3e3;padding:16px 0}.agent-job-list small{display:block;color:#777;margin-top:4px}.agent-job-list pre{grid-column:1/-1;white-space:pre-wrap;background:#111;color:#eee;padding:12px;overflow:auto;font-size:11px}.job-status{font:800 10px/1 monospace;padding:7px 9px;border:1px solid #bbb;height:max-content}.job-status.done{border-color:#33a769}.job-status.failed{border-color:#d35e5e}.job-status.running{border-color:#2775ff}.job-status.queued{border-color:#d09b2c}@media(max-width:800px){.agent-pair{grid-template-columns:1fr}.agent-pair-form{flex-direction:column}.agent-server-grid{grid-template-columns:1fr}.agent-command-form{min-width:100%}}
/* V15.3 Server Agent polish */
.agent-pair{background:linear-gradient(135deg,#fff 0%,#f7f9ff 100%);box-shadow:0 18px 50px rgba(22,28,45,.06);border-color:#cfd5e6}
.agent-pair h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em}
.agent-pair-form input{min-height:52px;border-radius:10px;font-size:15px;letter-spacing:.08em}
.agent-pair-form .tech-btn{min-height:52px;border-radius:10px}
.agent-server-card{background:#fff;box-shadow:0 14px 40px rgba(20,24,36,.055);border-radius:14px;border-color:#d9deea}
.agent-server-top h3{font-size:28px;letter-spacing:-.035em}
.agent-status{border-radius:999px;padding:8px 11px}.agent-status.online{background:#effbf4;color:#18884c}.agent-status.offline{background:#f3f4f6}
.agent-meta span{border-radius:999px;background:#f7f8fb}
.agent-console{border:1px solid #dde1eb;border-radius:14px;padding:24px;background:#fbfcfe}
.agent-job-list pre{border-radius:10px;background:#0e1320}
@media(max-width:800px){
 .workspace-page{padding-top:24px}.workspace-hero{padding:26px 0 20px}.workspace-hero h1{font-size:46px!important;line-height:.96}.workspace-hero p{font-size:15px}
 .agent-pair{padding:22px 18px;border-radius:14px;margin:18px 0 24px}.agent-pair h2{font-size:34px}.agent-pair-form input{font-size:14px}
 .agent-server-card,.agent-empty{border-radius:14px;padding:18px}.agent-console{padding:18px 14px;margin-top:28px}
 .agent-command-form{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}.agent-command-form .tech-btn{min-width:86px}
}
/* V15.5 pairing handshake */
.agent-waiting{border-color:#586dff;background:linear-gradient(180deg,#f7f9ff,#fff);}
.agent-waiting strong{display:inline-block;margin-bottom:6px;letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:#5266ff;}

/* V17.3 compact workspace navigation */
.workspace-mini-toggle{display:none;border:0;background:transparent;color:var(--ink);padding:10px 0;align-items:center;gap:10px;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.workspace-mini-toggle>span{width:24px;height:15px;position:relative}.workspace-mini-toggle>span:before,.workspace-mini-toggle>span:after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:.2s}.workspace-mini-toggle>span:before{top:3px}.workspace-mini-toggle>span:after{bottom:3px}.workspace-mini-toggle[aria-expanded="true"]>span:before{top:7px;transform:rotate(45deg)}.workspace-mini-toggle[aria-expanded="true"]>span:after{bottom:6px;transform:rotate(-45deg)}
@media(max-width:900px){.k-workspace-header .nav-inner{align-items:center!important;position:relative}.workspace-mini-toggle{display:inline-flex}.k-workspace-header .workspace-nav{display:none;position:absolute;z-index:120;top:70px;right:0;left:0;max-width:none!important;background:#fff;border:1px solid var(--ink);box-shadow:0 14px 30px rgba(17,19,27,.08);padding:8px 18px 14px;overflow:visible!important;white-space:normal!important;flex-direction:column;align-items:stretch;gap:0}.k-workspace-header .workspace-nav.open{display:flex}.k-workspace-header .workspace-nav>a:not(.tech-btn){font-size:13px;letter-spacing:.11em;padding:17px 2px;border-bottom:1px solid var(--line);display:flex!important}.k-workspace-header .workspace-nav>a:not(.tech-btn).active:after{display:none}.k-workspace-header .workspace-nav>a:not(.tech-btn).active{color:var(--blue)}.k-workspace-header .workspace-nav .tech-btn{display:flex!important;margin-top:12px;width:100%}.workspace-logout{justify-content:space-between}}