.studio{--bg:oklch(87% 0.003 270);--bg-2:oklch(83% 0.004 270);--panel:oklch(98.5% 0.002 270);--panel-2:oklch(97% 0.003 270);--glass:oklch(98% 0.002 270/.82);--line:oklch(86% 0.004 270);--line-soft:oklch(91% 0.003 270);--hairline:oklch(80% 0.005 270);--ink:oklch(16% 0.012 270);--ink-2:oklch(28% 0.012 270);--muted:oklch(48% 0.012 270);--faint:oklch(64% 0.008 270);--rail-dark:oklch(20% 0.008 270);--rail-dark-2:oklch(26% 0.008 270);--green:oklch(64% 0.14 150);--green-soft:oklch(94% 0.06 150);--rose:oklch(58% 0.16 25);--brand-gold:#C8A54E;--brand-gold-dark:#B8941F;--brand-gold-soft:oklch(95% 0.06 85);--brand-red:#B91C2C;--brand-red-soft:oklch(94% 0.04 25);--nm-black:oklch(16% 0.004 270);--nm-soft:oklch(95.5% 0.003 270);--nm-shadow-drop:0 1px 0 #fff inset,0 18px 36px -22px oklch(20% 0.005 270/.22),0 2px 4px oklch(20% 0.005 270/.04),0 0 0 1px oklch(90% 0.005 270/.55);--nm-shadow-dark:0 1px 0 oklch(100% 0 0/.12) inset,0 -1px 0 oklch(0% 0 0/.35) inset,0 6px 14px -4px oklch(0% 0 0/.35),0 0 0 1px oklch(0% 0 0/.55);--studio-serif:"Instrument Serif","Times New Roman",serif;--studio-sans:"Geist",ui-sans-serif,system-ui,sans-serif;--studio-mono:"Geist Mono",ui-monospace,monospace;font-family:var(--studio-sans);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;color:var(--ink);background:radial-gradient(1200px 700px at 20% -10%,oklch(94% .005 270),transparent 65%),radial-gradient(900px 600px at 110% 110%,oklch(82% .006 270),transparent 60%),var(--bg);min-height:100vh;display:block}.studio *{box-sizing:border-box}.studio button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}.studio a{color:inherit;text-decoration:none}.studio .shell{display:flex;padding:18px;gap:14px;min-height:100vh;align-items:stretch}.studio .panel-col{display:flex;flex-direction:column;gap:0;flex:none;align-items:stretch}.studio .secondary{width:320px;transition:width .22s cubic-bezier(.4,0,.2,1);background:oklch(98.5% .002 270/.96);border-radius:22px;border:1px solid oklch(100% 0 0/.6);box-shadow:inset 0 1px 0 #fff,0 28px 60px -22px oklch(20% .01 270/.35),0 0 0 1px oklch(80% .005 270/.5);display:flex;flex-direction:column;min-height:calc(100vh - 36px);overflow:hidden;position:relative;will-change:width;contain:layout style;transform:translateZ(0)}.studio .traffic{display:flex;align-items:center;gap:8px;padding:14px 16px 8px;justify-content:flex-start;position:relative}.studio .tl{width:12px;height:12px;border-radius:50%;position:relative;box-shadow:0 0 0 .5px oklch(0 0 0/.15)}.studio .tl.r{background:radial-gradient(circle at 35% 30%,#ff8484,#d83b3b)}.studio .tl.y{background:radial-gradient(circle at 35% 30%,#ffd76b,#d99c1a)}.studio .tl.g{background:radial-gradient(circle at 35% 30%,#84e08a,#2fa544)}.studio .traffic .sidebar-tog{margin-left:auto;width:28px;height:22px;border-radius:6px;display:grid;place-items:center;cursor:pointer;color:var(--hairline);background:transparent;transition:color .2s,background .2s,transform .15s}.studio .traffic .sidebar-tog:hover{color:var(--ink);background:oklch(100% 0 0/.6)}.studio .traffic .sidebar-tog:active{transform:scale(.94)}.studio .stg-svg{display:block}.studio .stg-svg .stg-line{transition:transform .4s cubic-bezier(.6,.05,.2,1);transform-origin:center}.studio .secondary:not(.collapsed) .sidebar-tog:hover .stg-line{transform:translateX(-2px)}@keyframes studio-stg-breathe{0%,to{transform:translateX(0);opacity:1}50%{transform:translateX(3px);opacity:.55}}.studio .secondary.collapsed .stg-svg .stg-line{animation:studio-stg-breathe 2.4s ease-in-out infinite}.studio .secondary.collapsed .sidebar-tog:hover .stg-svg .stg-line{animation:none;transform:translateX(5px);opacity:1}.studio .secondary.collapsed{width:64px;background:linear-gradient(180deg,var(--rail-dark),var(--rail-dark-2));border-color:oklch(0 0 0/.3);box-shadow:inset 0 1px 0 oklch(100% 0 0/.15),0 30px 60px -22px oklch(15% .02 270/.55),0 6px 14px -6px oklch(15% .02 270/.35)}.studio .secondary.collapsed:before{content:"";position:absolute;inset:1px;border-radius:21px;pointer-events:none;background:linear-gradient(180deg,oklch(100% 0 0/.06),transparent 30%,transparent 70%,oklch(0 0 0/.25))}.studio .secondary.collapsed .traffic{justify-content:center;padding:14px 0 6px}.studio .secondary.collapsed .traffic .tl{display:none}.studio .secondary.collapsed .traffic .sidebar-tog{margin:0;width:36px;height:32px;border-radius:9px;background:transparent;color:#fff}.studio .secondary.collapsed .traffic .sidebar-tog:hover{background:oklch(100% 0 0/.1);color:#fff}.studio .secondary.collapsed .ident{padding:8px 0 10px;justify-content:center}.studio .secondary.collapsed .ident-meta{display:none}.studio .secondary.collapsed .ident-avatar{width:36px;height:36px;font-size:18px;border:1.5px solid oklch(100% 0 0/.85)}.studio .secondary.collapsed .sec{padding:0 13px}.studio .secondary.collapsed .sec-label{display:none}.studio .secondary.collapsed .sec hr{border-top-color:oklch(100% 0 0/.08);margin:6px 0}.studio .secondary.collapsed .item{width:38px;height:38px;padding:0;gap:0;border-radius:11px;justify-content:center;color:oklch(80% .01 270);margin:3px auto}.studio .secondary.collapsed .item:hover{background:oklch(100% 0 0/.08);color:#fff;box-shadow:none}.studio .secondary.collapsed .item.active{background:linear-gradient(180deg,oklch(94% .005 270),oklch(86% .005 270));color:var(--ink);font-weight:500;box-shadow:inset 0 1px 0 oklch(100% 0 0),inset 0 -1px 0 oklch(0 0 0/.15),0 6px 14px -4px oklch(0 0 0/.4),0 0 0 1px oklch(0 0 0/.12)}.studio .secondary.collapsed .item.active .i{color:var(--ink)}.studio .secondary.collapsed .item .i{color:inherit}.studio .secondary.collapsed .docs-section,.studio .secondary.collapsed .item .count,.studio .secondary.collapsed .item span:not(.i){display:none}.studio .secondary.collapsed .col-foot{margin-top:auto;padding:10px 0 14px;display:flex;flex-direction:column;align-items:center;gap:6px;border-top:1px solid oklch(100% 0 0/.08)}.studio .secondary:not(.collapsed) .col-foot{display:none}.studio .secondary.collapsed .item{position:relative}.studio .secondary.collapsed .item:after{content:attr(data-label);position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);background:var(--ink);color:#fff;font-size:11.5px;font-weight:500;padding:5px 9px;border-radius:7px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:0 8px 20px -8px oklch(0 0 0/.5);z-index:50}.studio .secondary.collapsed .item:hover:after{opacity:1}.studio .ident{display:flex;align-items:center;gap:12px;padding:12px 16px 16px}.studio .ident-avatar{width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid var(--ink);color:var(--ink);display:grid;place-items:center;font-family:var(--studio-serif);font-size:22px;box-shadow:inset 0 1px 0 #fff,0 8px 16px -8px oklch(20% .01 270/.25)}.studio .ident-meta{min-width:0}.studio .ident-name{display:flex;align-items:center;gap:6px;font-size:14.5px;color:var(--ink);font-weight:550}.studio .ident-name svg{opacity:.55}.studio .ident-mail{font-size:11px;color:var(--muted);font-family:var(--studio-mono);margin-top:2px}.studio .sec{padding:6px 16px}.studio .sec-label{font-size:11px;color:var(--muted);font-weight:500;padding:14px 4px 8px;letter-spacing:.005em}.studio .item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:11px;color:var(--ink-2);font-size:13.5px;cursor:pointer;position:relative}.studio .item .i{width:18px;height:18px;color:var(--muted);display:grid;place-items:center;flex:none}.studio .item .count{margin-left:auto;width:22px;height:22px;border-radius:50%;background:oklch(92% .004 270);color:var(--muted);font-family:var(--studio-mono);font-size:11px;display:grid;place-items:center}.studio .item:hover{background:oklch(100% 0 0/.55);color:var(--ink)}.studio .item.active{background:linear-gradient(180deg,oklch(100% 0 0/.9),oklch(96% .003 270/.9));color:var(--ink);font-weight:550;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 oklch(85% .005 270),0 8px 18px -10px oklch(20% .01 270/.35)}.studio .item.active .i{color:var(--ink)}.studio .item.active .count{background:oklch(98% .002 270);color:var(--ink-2);box-shadow:0 0 0 1px var(--line-soft)}.studio .sec hr{border:0;border-top:1px solid var(--line-soft);margin:10px 4px}.studio .docs-head{display:flex;align-items:center;justify-content:space-between;padding:16px 4px 8px;color:var(--muted);font-size:11px;font-weight:500}.studio .docs-head .plus{width:22px;height:22px;border-radius:50%;border:1.4px dashed var(--hairline);display:grid;place-items:center;color:var(--muted)}.studio .search{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:11px;background:oklch(100% 0 0/.6);border:1px solid var(--line-soft);color:var(--muted);font-size:13px;box-shadow:inset 0 1px 0 #fff}.studio .search:hover{border-color:var(--hairline)}.studio .tree{margin-top:10px;background:oklch(100% 0 0/.5);border:1px solid var(--line-soft);border-radius:12px;padding:8px;box-shadow:inset 0 1px 0 #fff}.studio .tn{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;color:var(--ink-2);font-size:13px;cursor:pointer}.studio .tn:hover{background:oklch(96% .003 270)}.studio .tn.active{background:linear-gradient(180deg,#fff,oklch(96% .003 270));box-shadow:0 0 0 1px var(--line-soft),0 1px 0 #fff inset}.studio .tn .fi{width:16px;height:16px;color:var(--muted);display:grid;place-items:center}.studio .tn .cn{margin-left:auto;width:20px;height:20px;border-radius:50%;background:oklch(95% .003 270);color:var(--muted);font-family:var(--studio-mono);font-size:10.5px;display:grid;place-items:center}.studio .panel-spacer{flex:1}.studio .sidebar-foot{border-top:1px solid var(--line-soft);padding:10px 14px 14px;display:flex;flex-direction:column;gap:4px}.studio .foot-btn{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:11px;color:var(--ink-2);font-size:13.5px;cursor:pointer;text-align:left;background:transparent;border:0;width:100%;font-family:inherit}.studio .foot-btn .i{width:18px;height:18px;color:var(--muted);display:grid;place-items:center;flex:none}.studio .foot-btn:hover{background:oklch(100% 0 0/.55);color:var(--ink)}.studio .foot-btn:hover .i{color:var(--ink)}.studio .foot-btn.danger:hover,.studio .foot-btn.danger:hover .i{color:oklch(48% .16 25)}.studio .secondary.collapsed .sidebar-foot{display:none}.studio .main-col{flex:1;display:flex;flex-direction:column;gap:14px;min-width:0}.studio .topbar{display:flex;align-items:center;gap:12px;padding:6px 10px 0}.studio .crumbs{display:flex;align-items:center;gap:9px;font-family:var(--studio-mono);font-size:11.5px;letter-spacing:.22em;font-weight:500;color:var(--muted);text-transform:uppercase}.studio .crumbs .cur{color:var(--ink);font-weight:600}.studio .crumbs .sep{opacity:.35;font-weight:400}.studio .top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.studio .pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:10px;background:var(--glass);border:1px solid oklch(100% 0 0/.6);font-size:12.5px;color:var(--ink-2);box-shadow:inset 0 1px 0 #fff,0 10px 20px -14px oklch(20% .01 270/.3);backdrop-filter:blur(8px);white-space:nowrap}.studio .pill.dark{background:linear-gradient(180deg,var(--ink),oklch(28% .008 270));color:#fff;border-color:oklch(0 0 0/.3)}.studio .lang{display:inline-flex;background:var(--glass);border:1px solid oklch(100% 0 0/.6);border-radius:10px;overflow:hidden;font-family:var(--studio-mono);font-size:11px;backdrop-filter:blur(8px)}.studio .lang button{padding:7px 10px;color:var(--muted)}.studio .lang button.on{background:linear-gradient(180deg,var(--ink),oklch(28% .008 270));color:#fff}.studio .lang button+button{border-left:1px solid var(--line-soft)}.studio .main-panel{background:oklch(98% .002 270/.7);backdrop-filter:blur(20px) saturate(160%);border-radius:24px;border:1px solid oklch(100% 0 0/.55);flex:1;box-shadow:inset 0 1px 0 #fff,0 28px 70px -28px oklch(20% .01 270/.35),0 0 0 1px oklch(82% .004 270/.45);overflow:hidden;position:relative}.studio .main-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 280px at 90% -10%,oklch(100% 0 0/.55),transparent 60%),radial-gradient(500px 240px at -10% 110%,oklch(100% 0 0/.35),transparent 60%)}.studio .main-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:26px}.studio .dash-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.studio .dash-head h1{font-family:var(--studio-sans);font-weight:500;font-size:42px;letter-spacing:-.022em;line-height:1;margin:0;color:var(--ink)}.studio .dash-head .sub{font-size:14px;color:var(--muted);margin-top:8px;max-width:60ch}.studio .dash-head .right{display:flex;align-items:center;gap:8px}.studio .nm-card{background:#fff;border-radius:22px;padding:22px 24px;position:relative;box-shadow:var(--nm-shadow-drop)}.studio .nm-card.dark{background:linear-gradient(180deg,oklch(20% .005 270),oklch(13% .005 270));color:#fff;box-shadow:inset 0 1px 0 oklch(100% 0 0/.08),inset 0 -1px 0 oklch(0 0 0/.4),0 22px 44px -22px oklch(0 0 0/.55),0 2px 6px oklch(0 0 0/.18)}.studio .pill-tabs{display:inline-flex;background:#fff;border-radius:999px;padding:6px;gap:2px;box-shadow:var(--nm-shadow-drop)}.studio .pill-tabs button{padding:9px 20px;border-radius:999px;font-size:13.5px;font-weight:500;color:oklch(50% .01 270);transition:color .2s,background .2s}.studio .pill-tabs button:hover{color:var(--ink)}.studio .pill-tabs button.on{background:linear-gradient(180deg,oklch(22% .005 270),oklch(13% .005 270));color:#fff;box-shadow:var(--nm-shadow-dark)}.studio .view-tog{display:inline-flex;background:#fff;border-radius:16px;padding:6px;gap:4px;box-shadow:var(--nm-shadow-drop)}.studio .view-tog button{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:oklch(45% .005 270);transition:color .2s,background .2s}.studio .view-tog button:hover{color:var(--ink)}.studio .view-tog button.on{background:linear-gradient(180deg,oklch(22% .005 270),oklch(13% .005 270));color:#fff;box-shadow:var(--nm-shadow-dark)}.studio .nm-check{display:inline-flex;align-items:center;gap:11px;cursor:pointer;background:#fff;border-radius:18px;padding:8px 18px 8px 8px;box-shadow:var(--nm-shadow-drop)}.studio .nm-check .box{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:transparent;background:oklch(96% .003 270);box-shadow:inset 0 1px 0 #fff,0 0 0 1px oklch(88% .005 270);transition:all .2s}.studio .nm-check.on .box{background:linear-gradient(180deg,oklch(22% .005 270),oklch(13% .005 270));color:#fff;box-shadow:var(--nm-shadow-dark)}.studio .nm-check span{font-size:14px;color:var(--ink);font-weight:500;white-space:nowrap}.studio .nm-check.muted .box{background:oklch(94% .003 270);color:oklch(75% .005 270)}.studio .nm-check.muted.on .box{color:#fff}.studio .paginate{display:inline-flex;background:#fff;border-radius:22px;padding:8px;gap:6px;box-shadow:var(--nm-shadow-drop)}.studio .paginate .pg{min-width:38px;height:38px;padding:0 8px;border-radius:12px;display:grid;place-items:center;font-family:var(--studio-mono);font-size:14px;font-weight:500;color:oklch(55% .005 270);background:oklch(96% .003 270);box-shadow:inset 0 1px 0 #fff,0 0 0 1px oklch(90% .005 270);transition:all .15s;cursor:pointer}.studio .paginate .pg:hover{color:var(--ink);background:oklch(94% .003 270)}.studio .paginate .pg.on{background:linear-gradient(180deg,oklch(22% .005 270),oklch(13% .005 270));color:#fff;box-shadow:var(--nm-shadow-dark)}.studio .paginate .pg.nav{background:transparent;box-shadow:none;color:var(--muted)}.studio .paginate .pg.nav:hover{color:var(--ink);background:oklch(96% .003 270)}.studio .kit-row{display:grid;grid-template-columns:1.05fr 1.05fr 1.5fr;gap:16px}@media (max-width:1200px){.studio .kit-row{grid-template-columns:1fr}}.studio .gauge-head{display:flex;align-items:flex-start;justify-content:space-between}.studio .gauge-head .label{font-size:13px;color:var(--ink-2);font-weight:500;white-space:nowrap}.studio .gauge-head .more{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.studio .gauge-svg{display:block;margin:8px auto 0}.studio .gauge-axis{display:flex;justify-content:space-between;font-family:var(--studio-mono);font-size:13px;color:var(--muted);padding:0 14px;margin-top:0}.studio .gauge-axis .cur{color:var(--ink);font-weight:600}.studio .lrc{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.studio .lrc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.studio .lrc-title{font-size:13.5px;color:oklch(96% 0 0);font-weight:500;white-space:nowrap}.studio .lrc-sub{font-size:11px;color:oklch(62% 0 0);margin-top:3px}.studio .lrc-status,.studio .lrc-sub{font-family:var(--studio-mono);letter-spacing:.04em}.studio .lrc-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:oklch(75% 0 0);background:oklch(100% 0 0/.06);border:1px solid oklch(100% 0 0/.08);border-radius:999px;padding:3px 9px;white-space:nowrap}.studio .lrc-status i{width:6px;height:6px;border-radius:50%;background:oklch(72% .18 145);box-shadow:0 0 0 2px oklch(72% .18 145/.25)}.studio .lrc-body{display:flex;align-items:center;gap:16px}.studio .lrc-rings{position:relative;flex:none;width:140px;height:140px}.studio .lrc-rings svg{display:block}.studio .lrc-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.studio .lrc-center .big{font-family:var(--studio-sans);font-weight:300;font-size:30px;line-height:1;letter-spacing:-.03em;color:#fff}.studio .lrc-center .big span{font-size:14px;font-weight:400;color:oklch(70% 0 0);margin-left:1px}.studio .lrc-center .sm{font-family:var(--studio-mono);font-size:9.5px;color:oklch(60% 0 0);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.studio .lrc-legend{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}.studio .lrc-row{display:flex;align-items:center;gap:9px;padding:5px 9px;border-radius:9px;background:oklch(100% 0 0/.04);border:1px solid oklch(100% 0 0/.06)}.studio .lrc-dot{width:7px;height:7px;border-radius:50%;flex:none}.studio .lrc-code{font-family:var(--studio-mono);font-size:10.5px;color:oklch(72% 0 0);letter-spacing:.06em;font-weight:500;width:22px}.studio .lrc-bar{flex:1;height:3px;border-radius:2px;background:oklch(100% 0 0/.08);overflow:hidden;min-width:30px}.studio .lrc-bar i{display:block;height:100%;border-radius:2px}.studio .lrc-num{font-family:var(--studio-mono);font-size:11.5px;color:#fff;font-weight:500;width:34px;text-align:right}.studio .lrc-cta{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:oklch(100% 0 0/.06);color:#fff;border:1px solid oklch(100% 0 0/.1);font-size:12.5px;font-weight:500;width:fit-content;transition:background .15s,border-color .15s}.studio .lrc-cta:hover{background:oklch(100% 0 0/.12);border-color:oklch(100% 0 0/.18)}.studio .lrc-chip{background:oklch(72% .18 145);color:oklch(20% .1 145);font-family:var(--studio-mono);font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;letter-spacing:.02em}.studio .hm{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.studio .hm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.studio .hm-title{font-size:14.5px;font-weight:600;color:var(--ink);white-space:nowrap}.studio .hm-sub{font-size:11px;color:var(--muted);font-family:var(--studio-mono);margin-top:4px;letter-spacing:.02em}.studio .hm-stat{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.studio .hm-big{font-family:var(--studio-sans);font-weight:300;font-size:30px;line-height:1;letter-spacing:-.03em;color:var(--ink)}.studio .hm-grid{display:flex;gap:8px}.studio .hm-yax{display:flex;flex-direction:column;gap:5px;font-family:var(--studio-mono);font-size:9.5px;color:var(--muted);padding-top:1px;flex:none;width:24px}.studio .hm-yax span{height:16px;display:flex;align-items:center;letter-spacing:.04em}.studio .hm-cells{flex-direction:column;min-width:0}.studio .hm-cells,.studio .hm-row{display:flex;gap:5px;flex:1}.studio .hm-cell{flex:1;height:16px;border-radius:4px;background:oklch(95% .003 270);box-shadow:inset 0 0 0 1px oklch(91% .003 270);transition:transform .12s ease,box-shadow .12s;cursor:pointer}.studio .hm-cell:hover{transform:scale(1.18);box-shadow:inset 0 0 0 1px oklch(80% .003 270),0 4px 10px -4px oklch(0 0 0/.25)}.studio .hm-cell.lv-1{background:oklch(82% .003 270);box-shadow:inset 0 0 0 1px oklch(75% .003 270)}.studio .hm-cell.lv-2{background:oklch(58% .003 270);box-shadow:inset 0 0 0 1px oklch(50% .003 270)}.studio .hm-cell.lv-3{background:oklch(32% .003 270);box-shadow:inset 0 0 0 1px oklch(24% .003 270)}.studio .hm-cell.lv-4{background:oklch(15% .003 270);box-shadow:inset 0 0 0 1px oklch(8% .003 270)}.studio .hm-foot{align-items:center;gap:12px;padding-left:32px;flex-wrap:wrap}.studio .hm-foot,.studio .hm-xax{display:flex;justify-content:space-between}.studio .hm-xax{flex:1;min-width:160px}.studio .hm-xax span{font-family:var(--studio-mono);font-size:9.5px;color:var(--muted);letter-spacing:.04em}.studio .hm-legend{display:flex;align-items:center;gap:3px;flex:none}.studio .hm-legend>span:first-child,.studio .hm-legend>span:last-child{font-family:var(--studio-mono);font-size:10px;color:var(--muted);padding:0 5px}.studio .hm-legend .hm-cell{width:11px;height:11px;flex:none;border-radius:3px;cursor:default}.studio .hm-legend .hm-cell:hover{transform:none;box-shadow:inset 0 0 0 1px oklch(91% .003 270)}.studio .delta-bw{display:inline-flex;align-items:center;gap:5px;background:oklch(96% .003 270);color:var(--ink);font-family:var(--studio-mono);font-size:11.5px;font-weight:500;padding:4px 10px;border-radius:999px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px oklch(88% .005 270)}.studio .search-row{display:flex;align-items:center;gap:10px;background:oklch(100% 0 0/.55);border:1px solid var(--line-soft);border-radius:12px;padding:11px 14px;color:var(--muted);font-size:13.5px;box-shadow:inset 0 1px 0 #fff}.studio .table{background:oklch(100% 0 0/.5);border:1px solid var(--line-soft);border-radius:16px;overflow:hidden;box-shadow:inset 0 1px 0 #fff}.studio .thead,.studio .trow{display:grid;grid-template-columns:1.7fr .9fr .9fr 1.05fr .7fr 90px;align-items:center;gap:8px;padding:12px 18px}.studio .thead{font-family:var(--studio-mono);font-size:11.5px;letter-spacing:.22em;font-weight:500;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid var(--line-soft);background:oklch(98% .002 270/.7)}.studio .trow{border-top:1px solid var(--line-soft);transition:background .15s}.studio .trow:first-of-type{border-top:0}.studio .trow:hover{background:oklch(100% 0 0/.7)}.studio .trow.selected{background:oklch(99% .002 270)}.studio .name{display:flex;align-items:center;gap:12px;min-width:0}.studio .name>div:last-child{min-width:0;display:flex;flex-direction:column;justify-content:center}.studio .trow .thumb{width:36px;height:36px;border-radius:10px;flex:none;background:repeating-linear-gradient(45deg,oklch(92% .004 270) 0 5px,oklch(95% .003 270) 5px 11px);border:1px solid var(--line-soft)}.studio .trow .thumb.b1{background:linear-gradient(135deg,oklch(85% .04 65),oklch(78% .06 50))}.studio .trow .thumb.b2{background:linear-gradient(135deg,oklch(82% .04 290),oklch(72% .07 305))}.studio .trow .thumb.b3{background:linear-gradient(135deg,oklch(85% .04 145),oklch(75% .06 150))}.studio .trow .thumb.b4{background:linear-gradient(135deg,oklch(86% .04 25),oklch(75% .06 25))}.studio .trow .thumb.b5{background:linear-gradient(135deg,oklch(90% .02 270),oklch(82% .02 270))}.studio .trow .nm{font-size:13.5px;color:var(--ink);font-weight:500}.studio .trow .sk{font-family:var(--studio-mono);font-size:10.5px;color:var(--muted);margin-top:2px;letter-spacing:.04em}.studio .trow .cat{font-size:12.5px;color:var(--ink-2)}.studio .trow .pr{font-family:var(--studio-mono);font-size:12.5px;color:var(--ink)}.studio .trow .pr small{color:var(--muted);font-size:10.5px;margin-left:4px}.studio .loc-dots{display:inline-flex;gap:4px}.studio .ld{width:22px;height:22px;border-radius:6px;font-family:var(--studio-mono);font-size:9.5px;font-weight:600;letter-spacing:.04em;display:grid;place-items:center;background:#fff;color:var(--muted);border:1px solid oklch(88% .005 270);box-shadow:inset 0 1px 0 #fff}.studio .ld.on{background:var(--nm-black);color:#fff;border-color:var(--nm-black);box-shadow:inset 0 1px 0 oklch(100% 0 0/.15),inset 0 -1px 0 oklch(0 0 0/.35),0 3px 8px -2px oklch(0 0 0/.3)}.studio .status-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:7px;font-family:var(--studio-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-soft);background:#fff;color:var(--ink-2)}.studio .status-chip i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.studio .status-chip.live{background:#fff;color:var(--ink);border-color:oklch(88% .005 270);box-shadow:inset 0 1px 0 #fff}.studio .status-chip.live i{background:var(--nm-black)}.studio .status-chip.draft{background:transparent;color:var(--muted);border-color:oklch(88% .005 270)}.studio .status-chip.draft i{background:oklch(70% .005 270)}.studio .row-end{display:flex;align-items:center;justify-content:flex-end;gap:8px}.studio .icon-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--line-soft);background:#fff;display:grid;place-items:center;color:var(--muted)}.studio .icon-btn:hover{color:var(--ink);border-color:var(--hairline)}.studio .tcheck{width:20px;height:20px;border-radius:6px;background:oklch(96% .003 270);display:grid;place-items:center;cursor:pointer;flex:none;box-shadow:inset 0 1px 0 #fff,0 0 0 1px oklch(88% .005 270);color:transparent;transition:all .15s}.studio .tcheck.on{background:linear-gradient(180deg,oklch(22% .005 270),oklch(13% .005 270));color:#fff;box-shadow:var(--nm-shadow-dark)}.studio .catalog-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.studio .catalog-toolbar .spacer{flex:1}.studio .table-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;flex-wrap:wrap}.studio .result-count{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:10px}.studio .result-count .num{font-family:var(--studio-mono);color:var(--ink);font-weight:600}.studio .sel-tag{display:inline-flex;align-items:center;gap:6px;background:var(--nm-black);color:#fff;font-family:var(--studio-mono);font-size:11px;font-weight:500;letter-spacing:.04em;padding:5px 11px;border-radius:999px;box-shadow:var(--nm-shadow-dark)}.studio .lower{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}@media (max-width:1100px){.studio .lower{grid-template-columns:1fr}}.studio .card2{background:oklch(100% 0 0/.55);border:1px solid var(--line-soft);border-radius:18px;padding:18px 20px;box-shadow:inset 0 1px 0 #fff}.studio .card2 h3{font-family:var(--studio-sans);font-weight:550;font-size:16px;margin:0 0 4px;letter-spacing:-.005em}.studio .card2 .sub{font-size:11.5px;color:var(--muted);font-family:var(--studio-mono);letter-spacing:.14em;text-transform:uppercase}.studio .card2-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.studio .act{display:grid;grid-template-columns:32px 1fr auto;gap:11px;align-items:center;padding:9px 4px;border-top:1px solid var(--line-soft)}.studio .act:first-of-type{border-top:0}.studio .act-av{width:30px;height:30px;border-radius:50%;background:#fff;border:1.5px solid var(--ink);color:var(--ink);display:grid;place-items:center;font-family:var(--studio-serif);font-size:14px}.studio .act-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.studio .act-line b{font-weight:550}.studio .act-tag{font-family:var(--studio-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;padding:1px 6px;border-radius:4px;border:1px solid var(--line-soft)}.studio .act-tag.upd{background:var(--green-soft);color:oklch(38% .1 150);border-color:oklch(85% .06 150)}.studio .act-tag.del{background:oklch(96% .04 25);color:oklch(48% .16 25);border-color:oklch(90% .06 25)}.studio .act-tag.cre{background:oklch(96% .04 270);color:oklch(38% .05 270);border-color:oklch(88% .04 270)}.studio .act-meta{font-size:11.5px;margin-top:2px;letter-spacing:.02em}.studio .act-meta,.studio .act-time{color:var(--muted);font-family:var(--studio-mono)}.studio .act-time{font-size:11px;white-space:nowrap}.studio .shortcuts h3{margin-bottom:10px}.studio .sc{display:flex;align-items:center;justify-content:space-between;padding:9px 2px;border-top:1px solid var(--line-soft)}.studio .sc:first-of-type{border-top:0}.studio .sc .label{font-size:13px;color:var(--ink-2)}.studio .sc .keys{display:inline-flex;gap:3px}.studio .kbd b{font:500 10px var(--studio-mono);letter-spacing:.04em;color:var(--ink-2);background:#fff;border:solid var(--line-soft);border-width:1px 1px 2px;border-radius:5px;padding:1px 5px}.studio .endline{margin-top:4px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-family:var(--studio-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;padding:0 6px}.studio ::-webkit-scrollbar{width:10px;height:10px}.studio ::-webkit-scrollbar-thumb{background:oklch(80% .005 270);border:2px solid var(--bg);border-radius:8px}.studio ::-webkit-scrollbar-thumb:hover{background:oklch(72% .008 270)}.studio .main-panel a.bg-gradient-to-br,.studio .main-panel button.bg-gradient-to-br{background-image:linear-gradient(180deg,oklch(22% .005 270),oklch(13% .005 270))!important;color:#fff!important;border-radius:12px!important;box-shadow:var(--nm-shadow-dark)!important;border:0!important}.studio .main-panel .bg-white{background:oklch(100% 0 0/.55)!important;border-color:var(--line-soft)!important;box-shadow:inset 0 1px 0 #fff!important}.studio .main-panel .focus\:border-indigo-400:focus,.studio .main-panel .focus\:ring-indigo-100:focus{border-color:var(--hairline)!important;--tw-ring-color:oklch(20% 0.01 270/.08)!important}.studio .main-panel .bg-emerald-50,.studio .main-panel .bg-emerald-500\/10{background:oklch(94% .06 150)!important}.studio .main-panel .bg-rose-50,.studio .main-panel .bg-rose-500\/10{background:oklch(96% .04 25)!important}.studio .main-panel .bg-amber-50,.studio .main-panel .bg-amber-500\/10{background:oklch(96% .05 70)!important}.studio .main-panel .hover\:text-indigo-600:hover,.studio .main-panel .text-indigo-600,.studio .main-panel .text-indigo-700{color:var(--ink)!important}.studio .main-panel .bg-indigo-100,.studio .main-panel .bg-indigo-50,.studio .main-panel .bg-indigo-50\/50{background:oklch(96% .003 270)!important}.studio .main-panel .ring-indigo-200{--tw-ring-color:var(--line-soft)!important}.studio .main-panel .border-indigo-200{border-color:var(--line-soft)!important}.studio .main-panel .text-emerald-600,.studio .main-panel .text-emerald-700{color:oklch(36% .1 150)!important}.studio .main-panel .text-rose-600,.studio .main-panel .text-rose-700{color:oklch(48% .16 25)!important}.studio .main-panel .text-amber-600,.studio .main-panel .text-amber-700{color:oklch(45% .12 70)!important}.studio .main-panel>div:first-child>h1{font-size:32px;line-height:1}.studio .main-panel h1,.studio .main-panel>div:first-child>h1{font-family:var(--studio-sans);font-weight:500;letter-spacing:-.02em;color:var(--ink)}.studio .main-panel input[type=search],.studio .main-panel input[type=text]:not(.no-studio),.studio .main-panel select:not(.no-studio),.studio .main-panel textarea:not(.no-studio){border-radius:12px;border:1px solid var(--line-soft);background:oklch(100% 0 0/.7);box-shadow:inset 0 1px 0 #fff;font-family:var(--studio-sans)}.studio .main-panel input[type=search]:focus,.studio .main-panel input[type=text]:focus,.studio .main-panel select:focus,.studio .main-panel textarea:focus{outline:none;border-color:var(--hairline);box-shadow:inset 0 1px 0 #fff,0 0 0 3px oklch(20% .01 270/.08)}.studio .main-panel a[href$="/new"]:not(.no-studio),.studio .main-panel button[type=submit]:not(.no-studio){background:linear-gradient(180deg,oklch(22% .005 270),oklch(13% .005 270))!important;color:#fff!important;border-radius:12px;box-shadow:var(--nm-shadow-dark);border:0}.studio .main-panel>div>.overflow-hidden.rounded-2xl{border-radius:16px;border:1px solid var(--line-soft);background:oklch(100% 0 0/.55);box-shadow:inset 0 1px 0 #fff}.studio .main-panel table thead{background:oklch(98% .002 270/.7)}.studio .main-panel table thead th{font-family:var(--studio-mono);font-size:11.5px;letter-spacing:.22em;font-weight:500;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid var(--line-soft)!important}.studio .main-panel table tbody tr{border-top:1px solid var(--line-soft)}.studio .main-panel table tbody tr:hover{background:oklch(100% 0 0/.7)!important}.studio .main-panel table td{color:var(--ink);font-size:13.5px}.studio .main-panel .bg-indigo-400{background:var(--ink-2)!important}.studio .main-panel .text-slate-700{color:var(--ink)!important}.studio .main-panel .text-slate-500{color:var(--muted)!important}.studio .main-panel .text-slate-400{color:var(--faint)!important}.studio .main-panel label{font-family:var(--studio-sans);color:var(--ink-2)}.studio .main-panel .bg-indigo-50\/70,.studio .main-panel .rounded-2xl,.studio .main-panel .rounded-xl{border-color:var(--line-soft)!important}.studio .main-panel .bg-indigo-50\/70{background:oklch(96% .003 270)!important}.studio .main-panel{padding:30px 34px 32px}@media (max-width:768px){.studio .main-panel{padding:20px 18px}}@media (max-width:1024px){.studio .shell{padding:12px;gap:0;flex-direction:column}.studio .panel-col{position:fixed;inset:0 auto 0 0;z-index:60;transform:translateX(-110%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.studio.drawer-open .panel-col{transform:translateX(0)}.studio .secondary{min-height:100vh;border-radius:0 22px 22px 0;width:300px}.studio .panel-col:after{content:"";position:fixed;inset:0;background:oklch(0 0 0/0);pointer-events:none;transition:background .3s;z-index:-1}.studio.drawer-open .panel-col:after{background:oklch(0 0 0/.4);pointer-events:auto}.studio .secondary.collapsed{width:300px;background:var(--glass);border-color:oklch(100% 0 0/.6)}.studio .secondary.collapsed .traffic{justify-content:flex-start;padding:14px 16px 8px}.studio .secondary.collapsed .ident-meta,.studio .secondary.collapsed .item .count,.studio .secondary.collapsed .item span:not(.i),.studio .secondary.collapsed .sec-label,.studio .secondary.collapsed .sidebar-foot,.studio .secondary.collapsed .traffic .tl{display:revert}.studio .secondary.collapsed .ident{padding:12px 16px 16px;justify-content:flex-start}.studio .secondary.collapsed .item{width:auto;height:auto;padding:9px 12px;gap:11px}.studio .main-col{width:100%}.studio .topbar{padding:4px 4px 0;flex-wrap:wrap}.studio .top-actions{gap:6px;flex-wrap:wrap}.studio .top-actions .lang,.studio .top-actions .pill{padding:6px 9px;font-size:11.5px}.studio .mob-menu{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--glass);border:1px solid oklch(100% 0 0/.6);color:var(--ink);box-shadow:inset 0 1px 0 #fff;flex:none;cursor:pointer}.studio .mob-menu:hover{color:var(--ink)}.studio .dash-head{flex-direction:column;align-items:stretch;gap:12px}.studio .dash-head h1{font-size:30px}.studio .dash-head .right{flex-wrap:wrap;gap:6px}.studio .kit-row{grid-template-columns:1fr}.studio .catalog-toolbar{gap:8px}.studio .pill-tabs button{padding:8px 14px;font-size:12.5px}.studio .view-tog button{width:34px;height:34px}.studio .lower{grid-template-columns:1fr}.studio .thead{display:none}.studio .trow{display:grid;grid-template-columns:1fr;gap:8px;padding:14px;border-radius:12px;margin:8px;border:1px solid var(--line-soft);background:oklch(100% 0 0/.55)}.studio .trow+.trow{border-top:1px solid var(--line-soft)}.studio .trow .name{gap:10px}.studio .trow .cat:before{content:"Category · "}.studio .trow .cat:before,.studio .trow .pr:before{color:var(--muted);font-family:var(--studio-mono);font-size:10.5px}.studio .trow .pr:before{content:"Price · "}.studio .trow .row-end{justify-content:flex-end}.studio .endline{flex-wrap:wrap;gap:6px;justify-content:center;text-align:center}}@media (max-width:520px){.studio .shell{padding:8px}.studio .secondary{width:88vw}.studio .dash-head h1{font-size:26px}.studio .main-panel{border-radius:18px;padding:18px 14px}.studio .stat .n{font-size:56px}.studio .endline{font-size:9.5px}}@media (min-width:1025px){.studio .mob-menu{display:none}}.studio .row-menu-wrap{position:relative}.studio .row-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line-soft);border-radius:12px;padding:5px;min-width:168px;z-index:20;box-shadow:0 20px 40px -12px oklch(0 0 0/.2),0 0 0 1px oklch(88% .004 270/.5);display:flex;flex-direction:column;gap:2px}.studio .row-menu button{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;font-size:13px;color:var(--ink-2);text-align:left;width:100%;cursor:pointer;background:transparent}.studio .row-menu button:hover{background:oklch(96% .003 270);color:var(--ink)}.studio .row-menu button.danger{color:var(--brand-red)}.studio .row-menu button.danger:hover{background:var(--brand-red-soft);color:var(--brand-red)}.studio .row-menu hr{border:0;border-top:1px solid var(--line-soft);margin:4px}.studio .bulk-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-top:14px;background:linear-gradient(180deg,oklch(22% .005 270),oklch(13% .005 270));color:#fff;border-radius:14px;box-shadow:var(--nm-shadow-dark);font-size:13px}.studio .bulk-bar .count{display:inline-flex;align-items:center;gap:6px;font-family:var(--studio-mono);font-size:11.5px;letter-spacing:.06em;background:oklch(100% 0 0/.12);padding:4px 10px;border-radius:999px}.studio .bulk-bar .spacer{flex:1}.studio .bulk-bar button{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:9px;background:oklch(100% 0 0/.12);color:#fff;font-size:12px;font-weight:500;transition:background .15s}.studio .bulk-bar button:hover{background:oklch(100% 0 0/.22)}.studio .bulk-bar button.danger{background:oklch(58% .16 25/.35)}.studio .bulk-bar button.danger:hover{background:var(--brand-red)}.studio .bulk-bar .clear-x{background:transparent;padding:6px 9px;font-size:11px;opacity:.7}.studio .quick-card{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:18px 22px;background:linear-gradient(135deg,#fff 0,var(--brand-gold-soft) 100%);border:1px solid var(--line-soft);border-radius:18px;box-shadow:inset 0 1px 0 #fff,0 18px 36px -22px oklch(20% .01 270/.25)}.studio .quick-card .qc-head{display:flex;flex-direction:column;gap:4px;min-width:0}.studio .quick-card .qc-title{font-family:var(--studio-sans);font-weight:600;font-size:16px;color:var(--ink)}.studio .quick-card .qc-sub{font-size:12px;color:var(--muted);font-family:var(--studio-mono);letter-spacing:.08em;text-transform:uppercase}.studio .quick-card .qc-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.studio .quick-card .qc-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:10px;background:#fff;border:1px solid var(--line-soft);color:var(--ink);font-size:13px;font-weight:500;box-shadow:inset 0 1px 0 #fff,0 8px 20px -10px oklch(20% .01 270/.2);transition:transform .12s,border-color .15s,box-shadow .15s}.studio .quick-card .qc-btn:hover{transform:translateY(-1px);border-color:var(--brand-gold);box-shadow:inset 0 1px 0 #fff,0 12px 28px -10px oklch(20% .01 270/.3)}.studio .quick-card .qc-btn.brand{background:linear-gradient(180deg,var(--brand-red),oklch(45% .16 25));color:#fff;border-color:oklch(40% .16 25)}.studio .quick-card .qc-btn.brand:hover{filter:brightness(1.05)}@media (max-width:768px){.studio .quick-card{grid-template-columns:1fr}.studio .quick-card .qc-actions{justify-content:flex-start}}@keyframes studio-flash{0%{background:var(--brand-gold-soft)}to{background:transparent}}.studio .act.flash{animation:studio-flash 2.2s ease-out 1;border-radius:8px}.studio .live-dot{display:inline-flex;align-items:center;gap:6px}.studio .live-dot i{width:7px;height:7px;border-radius:50%;background:var(--brand-red);box-shadow:0 0 0 0 oklch(58% .16 25/.55);animation:studio-pulse 1.6s ease-out infinite}@keyframes studio-pulse{0%{box-shadow:0 0 0 0 oklch(58% .16 25/.55)}70%{box-shadow:0 0 0 8px oklch(58% .16 25/0)}to{box-shadow:0 0 0 0 oklch(58% .16 25/0)}}.studio .kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width:1100px){.studio .kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.studio .kpi-row{grid-template-columns:1fr}}.studio .kpi{position:relative;background:#fff;border-radius:18px;padding:20px 22px 18px;box-shadow:var(--nm-shadow-drop);overflow:hidden;display:flex;flex-direction:column;gap:6px}.studio .kpi.brand{background:linear-gradient(135deg,#fff 0,var(--brand-gold-soft) 100%)}.studio .kpi .kpi-label{font-family:var(--studio-mono);font-size:10.5px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.studio .kpi .kpi-num{font-family:var(--studio-serif);font-size:56px;line-height:1;letter-spacing:-.02em;color:var(--ink)}@media (max-width:540px){.studio .kpi .kpi-num{font-size:44px}}.studio .kpi .kpi-foot{display:flex;align-items:center;gap:8px;margin-top:4px}.studio .kpi .delta-dn,.studio .kpi .delta-up{font-family:var(--studio-mono);font-size:10.5px;font-weight:500;padding:3px 7px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}.studio .kpi .delta-up{background:var(--green-soft);color:oklch(36% .1 150);box-shadow:0 0 0 1px oklch(85% .06 150)}.studio .kpi .delta-dn{background:var(--brand-red-soft);color:var(--brand-red);box-shadow:0 0 0 1px oklch(86% .06 25)}.studio .kpi .kpi-sub{font-size:11px;color:var(--muted)}.studio .kpi .kpi-spark{position:absolute;right:14px;bottom:12px;opacity:.55}.studio .pipe-row{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}@media (max-width:1100px){.studio .pipe-row{grid-template-columns:1fr}}.studio .pipe-card{background:oklch(100% 0 0/.55);border:1px solid var(--line-soft);border-radius:18px;padding:22px 24px 20px;box-shadow:inset 0 1px 0 #fff}.studio .pipe-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.studio .pipe-head h3{font-family:var(--studio-sans);font-weight:600;font-size:16px;margin:0;letter-spacing:-.005em}.studio .pipe-head .sub{font-size:11.5px;color:var(--muted);font-family:var(--studio-mono);letter-spacing:.12em;text-transform:uppercase}.studio .pipe-stages{display:flex;flex-direction:column;gap:9px}.studio .pipe-stage{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:12px;padding:6px 0}.studio .pipe-stage .pn{font-size:13.5px;color:var(--ink-2);font-weight:500}.studio .pipe-stage .pbar{position:relative;height:26px;border-radius:8px;background:oklch(95% .003 270);overflow:hidden}.studio .pipe-stage .pbar i{display:block;height:100%;border-radius:8px;transition:width .6s cubic-bezier(.2,.7,.2,1)}.studio .pipe-stage .pn-pending~.pbar i{background:linear-gradient(90deg,oklch(78% .02 60),var(--brand-gold))}.studio .pipe-stage .pn-confirmed~.pbar i{background:linear-gradient(90deg,oklch(72% .04 200),oklch(54% .1 220))}.studio .pipe-stage .pn-ready~.pbar i{background:linear-gradient(90deg,oklch(78% .1 150),var(--green))}.studio .pipe-stage .pn-picked~.pbar i{background:linear-gradient(90deg,oklch(70% .06 270),var(--ink))}.studio .pipe-stage .pn-cancel~.pbar i{background:linear-gradient(90deg,oklch(78% .06 25),var(--brand-red))}.studio .pipe-stage .pv{font-family:var(--studio-mono);font-size:12.5px;color:var(--ink);font-weight:600;min-width:42px;text-align:right}.studio .map-card{background:oklch(100% 0 0/.55);border:1px solid var(--line-soft);border-radius:18px;padding:20px 22px 16px;box-shadow:inset 0 1px 0 #fff;display:flex;flex-direction:column;gap:12px}.studio .map-svg{width:100%;height:auto;max-height:220px;display:block}.studio .map-svg .uz-shape{fill:oklch(95% .003 270);stroke:var(--line-soft);stroke-width:1.4}.studio .map-svg .uz-dot{fill:var(--brand-red)}.studio .map-svg .uz-dot.active{fill:var(--brand-gold)}.studio .map-svg .uz-ring{fill:none;stroke:var(--brand-red);stroke-width:1.2;opacity:.35;animation:studio-ring 2s ease-out infinite}@keyframes studio-ring{0%{r:5;opacity:.35}to{r:18;opacity:0}}.studio .map-cities{display:flex;flex-direction:column;gap:6px}.studio .map-city{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-2)}.studio .map-city i{width:7px;height:7px;border-radius:50%;background:var(--brand-gold);flex:none}.studio .map-city .ct{flex:1}.studio .map-city .cnt{font-family:var(--studio-mono);font-size:11px;color:var(--muted)}.studio .insight-row{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}@media (max-width:1100px){.studio .insight-row{grid-template-columns:1fr}}.studio .donut-card,.studio .tops-card{background:oklch(100% 0 0/.55);border:1px solid var(--line-soft);border-radius:18px;padding:20px 22px 18px;box-shadow:inset 0 1px 0 #fff}.studio .tops{display:flex;flex-direction:column;gap:12px;margin-top:4px}.studio .tops-item{display:grid;grid-template-columns:24px 1fr 60px;align-items:center;gap:12px}.studio .tops-item .rank{font-family:var(--studio-serif);font-size:22px;color:var(--ink);width:24px;text-align:center}.studio .tops-item .nm{font-size:13.5px;color:var(--ink);font-weight:500}.studio .tops-item .meta{font-family:var(--studio-mono);font-size:10.5px;color:var(--muted);letter-spacing:.04em;margin-top:2px}.studio .tops-item .bar-wrap{height:6px;border-radius:3px;background:oklch(95% .003 270);position:relative;overflow:hidden;margin-top:4px}.studio .tops-item .bar-wrap i{display:block;height:100%;background:linear-gradient(90deg,var(--brand-gold),var(--brand-red));border-radius:3px;transition:width .6s cubic-bezier(.2,.7,.2,1)}.studio .tops-item .vv{font-family:var(--studio-mono);font-size:12px;color:var(--ink);text-align:right;font-weight:500}.studio .donut-wrap{display:flex;align-items:center;gap:18px}.studio .donut{position:relative;flex:none;width:150px;height:150px}.studio .donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.studio .donut-num{font-family:var(--studio-serif);font-size:32px;line-height:1;color:var(--ink)}.studio .donut-lab{font-family:var(--studio-mono);font-size:10px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-top:3px}.studio .donut-leg{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.studio .donut-row{display:grid;grid-template-columns:8px 1fr auto auto;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-2)}.studio .donut-row .dot{width:8px;height:8px;border-radius:50%}.studio .donut-row .v{font-family:var(--studio-mono);font-size:11.5px;color:var(--ink);font-weight:500}.studio .donut-row .p{font-family:var(--studio-mono);font-size:10.5px;color:var(--muted)}.studio .orders-card{background:oklch(100% 0 0/.55);border:1px solid var(--line-soft);border-radius:18px;padding:20px 22px 18px;box-shadow:inset 0 1px 0 #fff}.studio .orders-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px;gap:12px;flex-wrap:wrap}.studio .orders-head h3{font-family:var(--studio-sans);font-weight:600;font-size:16px;margin:0}.studio .orders-head .sub{font-size:11.5px;color:var(--muted);font-family:var(--studio-mono);letter-spacing:.12em;text-transform:uppercase}.studio .orders-table .row{display:grid;grid-template-columns:110px 1fr 100px 110px 90px;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line-soft);font-size:13px}.studio .orders-table .row:first-child{border-top:0;padding-top:0}.studio .orders-table .num{font-family:var(--studio-mono);font-size:12px;color:var(--ink);letter-spacing:.04em}.studio .orders-table .who{color:var(--ink-2)}.studio .orders-table .total{font-family:var(--studio-mono);font-size:13px;color:var(--ink);font-weight:500}.studio .orders-table .when{font-family:var(--studio-mono);font-size:11px;color:var(--muted)}.studio .orders-table .st{display:inline-flex;align-items:center;gap:6px;font-family:var(--studio-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:7px;border:1px solid var(--line-soft);background:#fff;color:var(--ink-2);white-space:nowrap;width:fit-content}.studio .orders-table .st i{width:6px;height:6px;border-radius:50%}.studio .orders-table .st.pending i{background:oklch(70% .12 70)}.studio .orders-table .st.confirmed i{background:oklch(60% .12 220)}.studio .orders-table .st.ready i{background:var(--green)}.studio .orders-table .st.picked_up i{background:var(--brand-gold)}.studio .orders-table .st.cancelled i{background:var(--brand-red)}@media (max-width:768px){.studio .orders-table .row{grid-template-columns:1fr;gap:4px;padding:12px 0}.studio .orders-table .when{text-align:left}.studio .pipe-stage{grid-template-columns:110px 1fr 32px;gap:8px}.studio .pipe-stage .pn{font-size:12.5px}}.dfl-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff;font-family:Geist,ui-sans-serif,system-ui,sans-serif;color:#111827}@media (max-width:900px){.dfl-shell{grid-template-columns:1fr}}.dfl-left{position:relative;background:#2b2674;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:60px 80px}@media (max-width:900px){.dfl-left{display:none}}.dfl-blob{position:absolute;top:-20%;right:-45%;width:90%;aspect-ratio:1/1;border-radius:50%;background:#ffffff}.dfl-art{position:relative;z-index:1;max-width:520px;width:100%}.dfl-right{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:80px 6vw;background:#fff}@media (max-width:900px){.dfl-right{padding:60px 24px 32px}}.dfl-form-wrap{width:100%;max-width:460px;margin:auto;display:flex;flex-direction:column;gap:32px}.dfl-logo{display:flex;justify-content:center}.dfl-logo-img{height:auto;width:240px;object-fit:contain}.dfl-form{display:flex;flex-direction:column;gap:14px;margin-top:8px}.dfl-field{display:flex;align-items:center;gap:12px;height:58px;padding:0 18px;border-radius:8px;background:#f0f3f7;border:1px solid #e7ebf0;transition:border-color .15s,box-shadow .15s}.dfl-field:focus-within{border-color:#2bb4d9;box-shadow:0 0 0 3px rgba(43,180,217,.18);background:#fff}.dfl-ico{display:grid;place-items:center;width:28px;height:28px;color:#99a3af;border-right:1px solid #d8dde3;padding-right:14px;margin-right:4px;flex:none}.dfl-field:focus-within .dfl-ico{color:#2bb4d9}.dfl-field input{flex:1;min-width:0;background:transparent;border:0;outline:none;font:500 15px Geist,system-ui,sans-serif;color:#1f2937}.dfl-field input::placeholder{color:#9aa3ad}.dfl-cta{margin-top:6px;height:58px;border-radius:8px;background:linear-gradient(180deg,#2bb4d9,#1d9bbf);color:#fff;font:600 16px Geist,system-ui,sans-serif;letter-spacing:.01em;border:0;cursor:pointer;transition:filter .15s,transform .05s;box-shadow:0 8px 20px -10px rgba(29,155,191,.55)}.dfl-cta:hover{filter:brightness(1.05)}.dfl-cta:active{transform:translateY(1px)}.dfl-cta:disabled{opacity:.65;cursor:not-allowed}.dfl-footer{text-align:right;font-size:12.5px;color:#94a3b8;padding-top:24px}.dfl-by{color:#2bb4d9;font-weight:500}.dfl{--bg:oklch(91% 0.004 270);--ink:oklch(12% 0.012 270);--ink-2:oklch(28% 0.012 270);--muted:oklch(50% 0.012 270);--faint:oklch(68% 0.008 270);--line:oklch(90% 0.004 270);--line-soft:oklch(94% 0.003 270);--hairline:oklch(82% 0.005 270);--accent:oklch(66% 0.20 35);--accent-2:oklch(56% 0.20 30);--accent-soft:oklch(94% 0.05 35);font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;color:var(--ink);min-height:100vh;background:radial-gradient(900px 600px at 8% 12%,oklch(86% .008 30/.35),transparent 60%),radial-gradient(900px 600px at 95% 110%,oklch(84% .005 250/.35),transparent 60%),var(--bg);display:grid;place-items:center;padding:40px 20px;overflow-x:hidden}.dfl *{box-sizing:border-box}.dfl button,.dfl input{font:inherit;color:inherit;background:none;border:0;padding:0;outline:none}.dfl a{color:inherit;text-decoration:none}.dfl-page{position:relative;width:1240px;max-width:100%;background:#fff;border-radius:42px;box-shadow:inset 0 1px 0 #fff,0 60px 120px -50px oklch(20% .01 270/.35),0 30px 60px -30px oklch(20% .01 270/.25),0 0 0 1px oklch(88% .004 270/.65);padding:30px;display:grid;grid-template-columns:1.05fr 1.15fr;gap:30px;overflow:visible;min-height:760px}.dfl-showcase-col{position:relative;display:flex;align-items:stretch}.dfl-ghost{position:absolute;inset:0;border-radius:32px;background:linear-gradient(180deg,oklch(18% .03 270),oklch(10% .02 270));transform:translate(-26px,36px) rotate(-2.5deg);box-shadow:0 30px 60px -28px oklch(0 0 0/.55),0 0 0 1px oklch(0 0 0/.25);z-index:0;opacity:.65}.dfl-showcase{position:relative;z-index:1;flex:1;border-radius:32px;overflow:hidden;box-shadow:inset 0 1px 0 oklch(100% 0 0/.08),0 40px 80px -30px oklch(0 0 0/.55),0 0 0 1px oklch(0 0 0/.35);transform:rotate(-3deg);transform-origin:center;transition:transform .6s cubic-bezier(.2,.7,.2,1);color:#fff;display:flex;flex-direction:column;padding:28px 28px 24px;background:#0a0510}.dfl-showcase:hover{transform:rotate(-2deg) translateY(-4px)}.dfl-scene{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:32px}.dfl-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 95%,oklch(35% .18 35) 0,oklch(22% .15 30) 20%,transparent 55%),radial-gradient(ellipse 80% 60% at 30% 80%,oklch(45% .2 40/.85) 0,transparent 45%),radial-gradient(circle at 70% 25%,oklch(18% .04 270) 0,transparent 50%),linear-gradient(180deg,oklch(8% .02 270),oklch(12% .03 280) 40%,oklch(20% .1 30) 70%,oklch(35% .18 35))}.dfl-scene:after{content:"";position:absolute;right:18%;top:22%;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 35% 30%,oklch(85% .04 75) 0,oklch(72% .1 50) 60%,oklch(55% .12 40) 100%);box-shadow:0 0 60px 8px oklch(80% .08 50/.35),inset -8px -10px 0 0 oklch(45% .1 40/.55)}.dfl-stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 14%,#fff,transparent),radial-gradient(1px 1px at 25% 8%,oklch(90% .005 60),transparent),radial-gradient(1.5px 1.5px at 18% 32%,#fff,transparent),radial-gradient(1px 1px at 38% 18%,#fff,transparent),radial-gradient(1px 1px at 48% 6%,oklch(92% .02 50),transparent),radial-gradient(1.5px 1.5px at 56% 20%,#fff,transparent),radial-gradient(1px 1px at 62% 12%,#fff,transparent),radial-gradient(1px 1px at 70% 34%,oklch(94% .005 240),transparent),radial-gradient(1px 1px at 80% 8%,#fff,transparent),radial-gradient(1.5px 1.5px at 86% 28%,#fff,transparent),radial-gradient(1px 1px at 92% 14%,oklch(90% .02 60),transparent),radial-gradient(1px 1px at 8% 42%,#fff,transparent),radial-gradient(1px 1px at 32% 44%,oklch(90% .02 30),transparent),radial-gradient(1px 1px at 52% 38%,#fff,transparent),radial-gradient(1px 1px at 74% 46%,#fff,transparent),radial-gradient(1.5px 1.5px at 88% 42%,#fff,transparent);background-size:cover;animation:dfl-twinkle 5s ease-in-out infinite alternate}@keyframes dfl-twinkle{0%{opacity:.5}to{opacity:1}}.dfl-horizon{position:absolute;left:0;right:0;bottom:0;width:100%;height:48%;z-index:1}.dfl-horizon svg{display:block;width:100%;height:100%}.dfl-embers{position:absolute;inset:0;z-index:2;pointer-events:none}.dfl-ember{position:absolute;width:2px;height:2px;border-radius:50%;background:radial-gradient(circle,oklch(85% .18 50),oklch(60% .2 35));box-shadow:0 0 6px oklch(70% .2 40);opacity:0;animation:dfl-rise 9s linear infinite}.dfl-ember:first-child{left:14%;animation-delay:0s;animation-duration:8s}.dfl-ember:nth-child(2){left:28%;animation-delay:1.2s;animation-duration:11s}.dfl-ember:nth-child(3){left:42%;animation-delay:2.4s;animation-duration:9s}.dfl-ember:nth-child(4){left:56%;animation-delay:3.6s;animation-duration:10s}.dfl-ember:nth-child(5){left:70%;animation-delay:4.8s;animation-duration:8.5s}.dfl-ember:nth-child(6){left:84%;animation-delay:6s;animation-duration:11s}.dfl-ember:nth-child(7){left:22%;animation-delay:1.8s;animation-duration:12s;width:1px;height:1px}.dfl-ember:nth-child(8){left:62%;animation-delay:5.4s;animation-duration:9.5s;width:1px;height:1px}@keyframes dfl-rise{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.85}50%{transform:translateY(-220px) translateX(8px);opacity:.7}to{transform:translateY(-440px) translateX(-6px);opacity:0}}.dfl-showcase-top{position:relative;z-index:3;display:flex;align-items:center}.dfl-tag{font-family:Geist Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:oklch(92% 0 0);font-weight:500;display:inline-flex;align-items:center;gap:8px}.dfl-tag:before{content:"";display:inline-block;width:24px;height:1px;background:oklch(100% 0 0/.55)}.dfl-showcase-mid{position:relative;z-index:3;margin-top:auto;padding-bottom:18px}.dfl-quote{font-weight:300;font-size:34px;line-height:1.05;letter-spacing:-.025em;color:#fff;margin:0;text-shadow:0 2px 18px oklch(0 0 0/.35);max-width:18ch}.dfl-quote b{font-weight:700}.dfl-quote .accent{color:oklch(85% .16 50);font-style:italic}.dfl-showcase-bot{position:relative;z-index:3;display:flex;align-items:center;gap:14px;padding-top:18px;border-top:1px solid oklch(100% 0 0/.12)}.dfl-prod-avatar{width:50px;height:50px;border-radius:14px;flex:none;background:radial-gradient(ellipse 60% 80% at 50% 80%,oklch(35% .1 30) 0,oklch(20% .06 30) 60%,transparent 75%),linear-gradient(160deg,oklch(78% .06 65),oklch(58% .1 45));position:relative;overflow:hidden;box-shadow:0 6px 14px -4px oklch(0 0 0/.55),0 0 0 2px oklch(100% 0 0/.15)}.dfl-prod-avatar:after{content:"";position:absolute;left:38%;top:18%;width:24%;height:68%;background:linear-gradient(180deg,oklch(28% .1 30) 30%,oklch(18% .06 30));border-radius:6px 6px 50% 50%/6px 6px 14% 14%;box-shadow:inset 2px 0 6px oklch(0 0 0/.45)}.dfl-prod-info{display:flex;flex-direction:column;min-width:0;transition:opacity .25s,transform .25s}.dfl-prod-info .nm{font-size:15px;color:#fff;font-weight:600;line-height:1.1}.dfl-prod-info .meta{font-family:Geist Mono,ui-monospace,monospace;font-size:10.5px;letter-spacing:.06em;color:oklch(75% 0 0);margin-top:3px;text-transform:uppercase}.dfl-nav{margin-left:auto;display:flex;gap:8px}.dfl-nav-btn{width:38px;height:38px;border-radius:50%;border:1.4px solid oklch(100% 0 0/.35);display:grid;place-items:center;color:#fff;cursor:pointer;transition:background .15s,border-color .15s,transform .12s}.dfl-nav-btn:hover{background:oklch(100% 0 0/.15);border-color:oklch(100% 0 0/.65)}.dfl-nav-btn:active{transform:scale(.95)}.dfl-form-col{padding:8px 10px 8px 20px;display:flex;flex-direction:column;min-width:0}.dfl-form-top{gap:12px;padding-top:6px}.dfl-brand,.dfl-form-top{display:flex;align-items:center}.dfl-brand{gap:11px}.dfl-brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(160deg,oklch(78% .14 50),oklch(56% .2 30));color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px;letter-spacing:-.04em;box-shadow:inset 0 1px 0 oklch(100% 0 0/.25),0 10px 22px -8px oklch(56% .2 30/.55)}.dfl-brand-name{font-weight:800;font-size:20px;letter-spacing:.01em;color:var(--ink)}.dfl-brand-name span{color:var(--accent)}.dfl-lang-pill{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:13px;color:var(--ink);font-weight:500;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 0 #fff;position:relative}.dfl-lang-pill:hover{border-color:var(--hairline);box-shadow:inset 0 1px 0 #fff,0 8px 18px -8px oklch(0 0 0/.15)}.dfl-lang-pill .flag{width:22px;height:22px;border-radius:50%;overflow:hidden;flex:none;box-shadow:inset 0 0 0 1px oklch(0 0 0/.1)}.dfl-lang-pill .chev{color:var(--muted);transition:transform .2s;display:inline-flex}.dfl-lang-pill.open .chev{transform:rotate(180deg)}.dfl-lang-menu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;min-width:180px;box-shadow:0 20px 40px -12px oklch(0 0 0/.2),0 0 0 1px oklch(88% .004 270/.5);display:none;flex-direction:column;gap:2px;z-index:10}.dfl-lang-pill.open .dfl-lang-menu{display:flex}.dfl-lang-menu .item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;font-size:13px;color:var(--ink-2);cursor:pointer}.dfl-lang-menu .item.on,.dfl-lang-menu .item:hover{background:oklch(96% .003 270);color:var(--ink)}.dfl-lang-menu .item.on{font-weight:600}.dfl-lang-menu .item .ck{margin-left:auto;color:var(--accent);opacity:0;display:inline-flex}.dfl-lang-menu .item.on .ck{opacity:1}.dfl-form-body{flex:1;justify-content:center;align-items:center;padding:30px 0 18px;text-align:center}.dfl-form-body,.dfl-form-inner{display:flex;flex-direction:column;min-width:0}.dfl-form-inner{width:100%;max-width:360px;gap:16px;align-items:stretch}.dfl-greet{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px}.dfl-greet h1{font-weight:800;font-size:60px;line-height:1;letter-spacing:-.035em;margin:0;color:var(--ink);white-space:nowrap}.dfl-wave{display:inline-block;animation:dfl-wave 3s ease-in-out infinite;transform-origin:60% 80%}@keyframes dfl-wave{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}}.dfl-greet .sub{color:var(--muted);font-size:14px;margin-top:6px;white-space:nowrap}.dfl-greet .sub b{color:var(--ink-2);font-weight:600}.dfl-field{position:relative;background:#fff;border:1.4px solid var(--line);border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .12s}.dfl-field:hover{border-color:var(--hairline)}.dfl-field:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px oklch(15% .012 270/.08),0 12px 24px -10px oklch(0 0 0/.15)}.dfl-field input{width:100%;height:54px;padding:0 18px;border-radius:14px;font-size:14.5px;color:var(--ink);font-weight:500}.dfl-field input::placeholder{color:var(--muted);font-weight:400}.dfl-field.has-eye input{padding-right:48px}.dfl-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--muted);cursor:pointer;transition:color .15s,background .15s}.dfl-eye:hover{color:var(--ink);background:oklch(96% .003 270)}.dfl-login-btn{position:relative;overflow:hidden;height:54px;border-radius:14px;background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#fff;font-size:15px;font-weight:600;letter-spacing:.005em;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:inset 0 1px 0 oklch(100% 0 0/.35),inset 0 -1px 0 oklch(0 0 0/.15),0 14px 28px -8px oklch(56% .2 30/.55),0 0 0 1px oklch(50% .2 30/.6);transition:transform .15s cubic-bezier(.2,.7,.2,1),box-shadow .2s,opacity .15s}.dfl-login-btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 oklch(100% 0 0/.35),inset 0 -1px 0 oklch(0 0 0/.15),0 18px 36px -8px oklch(56% .2 30/.65),0 0 0 1px oklch(50% .2 30/.8)}.dfl-login-btn:active{transform:translateY(0)}.dfl-login-btn:disabled{opacity:.65;cursor:not-allowed}.dfl-login-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,oklch(100% 0 0/.25) 50%,transparent 70%);transform:translateX(-110%);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.dfl-login-btn:hover:before{transform:translateX(110%)}.dfl-login-btn .arrow{display:inline-flex;transition:transform .25s cubic-bezier(.2,.7,.2,1)}.dfl-login-btn:hover .arrow{transform:translateX(4px)}.dfl-socials{display:flex;justify-content:center;gap:18px;margin-top:14px}.dfl-social{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);cursor:pointer;transition:transform .15s,color .15s,background .15s}.dfl-social:hover{transform:translateY(-2px);color:var(--accent);background:var(--accent-soft)}@media (max-width:980px){.dfl{padding:18px 12px}.dfl-page{grid-template-columns:1fr;padding:18px;min-height:0;border-radius:28px;gap:18px}.dfl-showcase{min-height:280px}.dfl-showcase,.dfl-showcase:hover{transform:none}.dfl-ghost{display:none}.dfl-form-col{padding:4px}.dfl-greet h1{font-size:42px}.dfl-quote{font-size:26px}}@media (max-width:520px){.dfl-page{padding:14px;border-radius:22px}.dfl-showcase{padding:20px 18px 16px;min-height:220px}.dfl-greet h1{font-size:34px}.dfl-greet .sub{white-space:normal}.dfl-field input,.dfl-login-btn{height:50px}.dfl-form-top{flex-wrap:wrap;gap:8px}.dfl-lang-pill{font-size:12px;padding:6px 10px 6px 6px}.dfl-brand-name{font-size:18px}}