.sf-shell{grid-template-columns:240px 1fr;height:100dvh;display:grid;overflow:hidden}.sf-shell.is-collapsed{grid-template-columns:54px 1fr}.sf-skel{background:linear-gradient(180deg,var(--glass1),var(--glass2));border-radius:var(--r-sm);display:block}.sf-shell-side{background:var(--surface-0);border-right:1px solid var(--line-1);flex-direction:column;padding:12px;display:flex;overflow:hidden}.sf-shell-brand{align-items:center;gap:6px;height:38px;margin:0 0 8px;display:flex}.sf-shell-brand img{opacity:.7;width:22px;height:22px;margin-left:9px;display:block}.is-collapsed .sf-shell-side{padding:12px 7px 12px 8px}.is-collapsed .sf-shell-brand{justify-content:center;gap:0}.is-collapsed .sf-shell-brand img{margin-left:0}.sf-shell-brand-name{font-size:var(--fs-2);letter-spacing:.08em;text-transform:uppercase;color:#ffffff61;white-space:nowrap;font-weight:600}.is-collapsed .sf-shell-brand-name,.is-collapsed .sf-shell-nav-item span,.is-collapsed .sf-shell-acct-meta{display:none}.sf-shell-nav{flex-direction:column;gap:2px;margin-top:10px;display:flex}.sf-shell-nav-item{color:var(--muted);font-weight:450;font-size:var(--fs-4);letter-spacing:-.003em;border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:11px;height:32px;padding:0 11px;line-height:1;display:flex;overflow:hidden}.is-collapsed .sf-shell-nav-item{justify-content:center;gap:0;width:32px;margin:0 3px;padding:0}.sf-shell-sep{background:var(--line-soft);height:1px;margin:12px 6px;display:block}.sf-shell-recents{flex-direction:column;margin:2px 0 6px;display:flex}.sf-shell-nav-sub{height:26px;color:var(--muted);line-height:26px;font-size:var(--fs-3);white-space:nowrap;text-overflow:ellipsis;padding:0 10px 0 40px;font-weight:450;display:block;overflow:hidden}.sf-shell-nav-item svg{flex:0 0 18px;width:18px;height:18px}.sf-shell-account{border-top:1px solid var(--line-1);align-items:center;gap:10px;margin-top:auto;padding:13px 4px 5px;display:flex}.is-collapsed .sf-shell-account{justify-content:center;gap:0;padding:10px 0 2px}.sf-shell-acct-photo{border-radius:var(--r-sm);border:1px solid var(--line-1);background:var(--wa-2);flex:0 0 34px;width:34px;height:34px;overflow:hidden}.sf-shell-acct-photo img{object-fit:cover;width:100%;height:100%;display:block}.sf-shell-acct-fallback{width:100%;height:100%;font-size:var(--fs-1);color:var(--ink-dim);background:var(--wa-3);justify-content:center;align-items:center;font-weight:700;display:flex}.sf-shell-acct-avatar{border-radius:var(--r-sm);flex:0 0 34px;width:34px;height:34px}.sf-shell-acct-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.sf-shell-acct-name{font-size:var(--fs-4);color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.3;overflow:hidden}.sf-shell-acct-sub{line-height:1.3;font-size:var(--fs-2);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sf-shell-acct-line{width:96px;height:10px}.sf-shell-acct-line.is-short{width:60px}.sf-shell-main{scrollbar-gutter:stable;height:100%;overflow:hidden}.sf-shell-body{width:100%;max-width:var(--wrap-max);flex-direction:column;margin-inline:auto;padding:32px 18px 0;display:flex}@media (max-width:1100px){.sf-shell-body{max-width:94vw}}.sf-shell-h1{border-radius:var(--r-sm);width:210px;height:26px}.sf-shell-h2{width:320px;height:13px;margin-top:14px}.sf-shell-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:32px;display:grid}.sf-shell-card{aspect-ratio:16/10;border-radius:var(--r-md);border:1px solid var(--line-soft);display:block}.sf-sk-sub{width:220px;height:10px;margin:3px 0 2px}.sf-sk-seg-on:after{content:"";left:var(--tab-pad-x,11px);right:var(--tab-pad-x,11px);height:var(--tab-mark-h);border-radius:var(--r-xs);background:var(--tab-mark);position:absolute;bottom:-1px}.sf-sk-search{height:34px;margin-bottom:12px}.sf-sk-tiles{width:calc(100% - 6px);display:block;position:relative;overflow:hidden}.sf-sk-tile{border-radius:var(--r-sm);position:absolute}.sf-shell-body.is-usage>.headerbar{margin-bottom:2px}.sf-sk-usage{flex-direction:column;gap:14px;display:flex}.sf-sk-block{border:1px solid var(--line-1);border-radius:var(--r-md);display:block}.sf-sk-credit{height:88px}.sf-sk-figures{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.sf-sk-figure{height:104px}.sf-sk-chart{height:300px}.sf-sk-column{flex-direction:column;display:flex}.sf-sk-column.is-trash{max-width:920px}.sf-sk-column.is-settings{gap:20px;max-width:880px}.sf-sk-chips{gap:6px;margin-bottom:8px;display:flex}.sf-sk-chip{border-radius:var(--r-pill);width:64px;height:28px}.sf-sk-row{align-items:center;gap:14px;padding:8px;display:flex}.sf-sk-row-thumb{border-radius:var(--r-sm);flex:0 0 52px;width:52px;height:36px;display:block}.sf-sk-row-lines{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.sf-sk-line{width:40%;height:11px}.sf-sk-line.is-short{width:22%}.sf-sk-section.is-profile{height:150px}.sf-sk-section.is-prefs{height:110px}.sf-sk-section.is-skills{height:260px}.sf-shell-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:640px){.sf-shell-body{max-width:96vw}}.sf-ph-burger,.sf-ph-lib{display:none}@media (max-width:768px){.sf-shell,.sf-shell.is-collapsed{grid-template-columns:1fr}.sf-shell-side{display:none}.sf-shell-body{padding:16px 14px 0}.sf-shell-h1{width:132px;height:27px;margin-top:48px}.sf-shell-h2{width:86px;height:13px;margin-top:4px}.sf-shell-grid{margin-top:42px}.sf-shell-card{aspect-ratio:332/314}.sf-sk-figures{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-shell-main.is-library .sf-shell-body{display:none}.sf-ph-burger{top:calc(14px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--glass-bg);width:40px;height:40px;color:var(--muted);box-shadow:var(--elev-2);justify-content:center;align-items:center;display:flex;position:fixed}.sf-ph-lib{padding-top:8px;display:block}.sf-ph-head{align-items:center;gap:10px;min-height:44px;margin:0 12px;padding-left:58px;display:flex}.sf-ph-title{font-size:var(--fs-5);letter-spacing:.2px;color:var(--ink);font-weight:600}.sf-ph-rule{background:var(--line-soft);width:1px;height:26px}.sf-ph-seg{gap:2px;display:flex}.sf-ph-seg-btn{width:32px;height:28px;color:var(--switch-ink);place-items:center;display:grid;position:relative}.sf-ph-seg-btn.is-on{color:var(--switch-ink-on)}.sf-ph-seg-btn.is-on:after{content:"";height:var(--tab-mark-h);border-radius:var(--r-xs);background:var(--tab-mark);position:absolute;bottom:-1px;left:9px;right:9px}.sf-ph-select{border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--wa-2);height:36px;color:var(--ink);font-size:var(--fs-4);align-items:center;margin-left:auto;padding:0 14px;font-weight:600;display:inline-flex}.sf-ph-actions{align-items:center;gap:6px;min-height:46px;margin:8px 12px 0;display:flex}.sf-ph-icon{border-radius:var(--r-sm);border:1px solid var(--line-2);width:40px;height:40px;color:var(--ink-dim);place-items:center;display:grid}.sf-ph-icon.is-upload{border-color:var(--line-1);color:#fff6}.sf-ph-icon.is-upload svg{width:15px;height:15px}.sf-ph-filter{gap:var(--switch-gap);padding:var(--switch-pad);border-radius:var(--switch-r);background:var(--switch-track);box-shadow:var(--switch-edge);display:inline-flex}.sf-ph-filter>span{border-radius:var(--switch-r);font-size:var(--switch-fs);font-weight:var(--switch-fw);color:var(--switch-ink);padding:5px 8px;position:relative}.sf-ph-filter>span.is-on{color:var(--switch-ink-on);background:var(--switch-thumb);box-shadow:var(--switch-thumb-edge)}.sf-ph-density{align-items:center;gap:var(--switch-gap);padding:var(--switch-pad);border-radius:var(--switch-r);background:var(--switch-track);box-shadow:var(--switch-edge);margin-left:auto;display:inline-flex}.sf-ph-density>span{border-radius:var(--switch-r);place-items:center;width:20px;height:24px;display:grid}.sf-ph-density>span.is-on{background:var(--switch-thumb);box-shadow:var(--switch-thumb-edge)}.sf-ph-density>span>span{background:var(--wa-5);border-radius:50%;display:block}.sf-ph-density>span:first-child>span{width:4px;height:4px}.sf-ph-density>span:nth-child(2)>span{width:6px;height:6px}.sf-ph-density>span:nth-child(3)>span{width:8px;height:8px}.sf-ph-density>span.is-on>span{background:var(--switch-ink-on)}.sf-ph-grid{margin-top:8px;position:relative}.sf-ph-tile{border-radius:var(--r-md);background:var(--wa-1);position:absolute}.sf-ph-composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line-2);background:color-mix(in srgb,var(--surface-1)90%,transparent);align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000059}.sf-ph-field{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--wa-2);color:#ffffff4d;white-space:nowrap;flex:auto;align-items:center;min-width:0;height:44px;padding:0 14px;font-size:16px;display:flex;overflow:hidden}.sf-ph-go{border:1px solid var(--line-2);border-radius:var(--r-md);height:44px;font-size:var(--fs-4);letter-spacing:.13px;color:#9aa3b2;background:linear-gradient(#ffffff1f,#ffffff0d);flex:none;align-items:center;padding:0 18px;font-weight:600;display:inline-flex;box-shadow:0 0 0 .5px #ffffff0f,0 1px 2px #0000004d,inset 0 1px #ffffff14}}@media (max-width:768px) and (hover:none){.sf-ph-density{gap:0;padding:0 2px}.sf-ph-density>span{width:44px;height:44px}}
