:root{--banner:#04395e;--chrome:#181818;--editor:#1f1f1f;--border:#2b2b2b;--fg:#ccc;--muted:#9d9d9d;--inactive:#868686;--hover:#2a2d2e;--selected:#37373d;--blue:#0078d4;--link:#4daafc}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--editor);color:var(--fg);font:13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:1px solid var(--blue);outline-offset:-1px}.shell{width:100vw;height:100vh;display:grid;grid-template-rows:26px 35px minmax(0,1fr) 22px;overflow:hidden;background:#252526}.shell.no-banner{grid-template-rows:35px minmax(0,1fr) 22px}.banner{display:grid;grid-template-columns:minmax(300px,1fr) auto minmax(24px,1fr);align-items:center;gap:14px;padding:0 9px;background:var(--banner);color:#fff;font-size:12px;white-space:nowrap}.brand{overflow:hidden;text-overflow:ellipsis}.brand .codicon{margin-right:5px;color:#23a8f2;font-size:16px;vertical-align:-2px}.banner nav{display:flex;gap:19px}.banner a{color:#fff;text-underline-offset:2px}.banner button{justify-self:end;width:24px;height:24px;border:0;background:transparent;color:#fff;cursor:pointer}.titlebar{display:grid;grid-template-columns:minmax(160px,1fr) minmax(320px,584px) minmax(160px,1fr);align-items:center;border-bottom:1px solid var(--border);background:var(--chrome);user-select:none}.history{display:flex;justify-content:flex-end;padding-right:7px}.history button,.title-actions button,.command,.side-title button,.tabs button,.panel button,.status button{border:0;background:transparent;color:inherit;cursor:pointer}.history button{width:25px;height:24px;color:#858585;opacity:.55}.command{height:24px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #3f3f3f;border-radius:6px;background:#242424;color:var(--fg);font-size:12px}.command:hover{background:#2a2a2a;border-color:#565656}.command .codicon{color:#999}.title-actions{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:0 7px}.title-actions button{width:24px;height:24px;border-radius:5px;color:#b6b6b6}.title-actions button:hover,.title-actions button.on{background:#333;color:#fff}.body{min-width:0;min-height:0;display:grid;grid-template-columns:48px 300px minmax(0,1fr)}.shell.side-hidden .body{grid-template-columns:48px minmax(0,1fr)}.activity{display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border);background:var(--chrome);user-select:none}.activity>div{display:flex;flex-direction:column}.activity button{width:47px;height:48px;display:grid;place-items:center;position:relative;padding:0;border:0;background:transparent;color:var(--inactive);cursor:pointer}.activity button.menu{height:35px}.activity button:hover,.activity button.active{color:#fff}.activity button.active:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#fff}.activity .codicon{font-size:24px}.activity .menu .codicon{font-size:18px}.sidebar{min-width:0;min-height:0;display:grid;grid-template-rows:35px 22px auto 1fr 22px 22px;overflow:hidden;border-right:1px solid var(--border);background:var(--chrome)}.side-title{display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 20px}.side-title h2{margin:0;font-size:11px;font-weight:400}.side-title button{width:28px;height:28px;border-radius:5px}.side-title button:hover{background:var(--hover)}.project,.collapsed{width:100%;height:22px;display:flex;align-items:center;gap:3px;padding:0 6px;border:0;background:var(--chrome);color:var(--fg);text-align:left;cursor:pointer}.project:hover,.collapsed:hover{background:var(--hover)}.project strong,.collapsed strong{font-size:11px;line-height:22px}.tree{min-height:0;overflow:auto;padding:2px 0 5px}.tree button{width:100%;height:22px;display:grid;grid-template-columns:16px 18px minmax(0,1fr) auto;align-items:center;gap:1px;padding:0 10px 0 6px;border:0;background:transparent;color:var(--fg);text-align:left;cursor:default}.tree button:hover{background:var(--hover)}.tree button.selected{background:var(--selected);color:#fff}.tree .d1{padding-left:16px}.tree .d2{padding-left:26px;cursor:pointer}.tree .twisty{display:grid;place-items:center}.tree .file-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree button>.codicon-folder,.tree button>.codicon-folder-opened{color:#dcb67a}.tree .codicon-symbol-method{color:#75beff}.tree .codicon-git-commit{color:#e37933}.tree .codicon-json{color:#dcdcaa}.tree .codicon-markdown{color:#519aba}.tree .m{color:#cca700;font-size:11px}.collapsed{border-top:1px solid var(--border)}.editor-part{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 170px;background:var(--editor)}.shell.panel-hidden .editor-part{grid-template-rows:minmax(0,1fr)}.groups{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(420px,1.25fr) minmax(300px,.75fr)}.group{min-width:0;min-height:0;display:grid;grid-template-rows:35px 22px minmax(0,1fr);background:var(--editor)}.preview-group{border-left:1px solid var(--border)}.tabs{display:flex;align-items:stretch;border-bottom:1px solid var(--border);background:var(--chrome)}.tab{height:35px;max-width:240px;display:flex;align-items:center;gap:7px;padding:0 10px;border:0;border-right:1px solid var(--border)!important;background:var(--editor)!important;color:#fff!important;box-shadow:0 1px var(--blue) inset}.tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab .codicon:last-child{margin-left:auto}.tab .codicon:first-child{color:#75beff}.tab-actions{margin-left:auto;display:flex;align-items:center;padding-right:3px}.tab-actions button{width:27px;height:27px;border-radius:5px}.tab-actions button:hover{background:var(--hover)}.crumbs{height:22px;display:flex;align-items:center;gap:2px;padding:0 12px;overflow:hidden;color:#a3a3a3;font-size:12px;white-space:nowrap}.crumbs .codicon{color:#6e6e6e}.code{position:relative;min-height:0;overflow:auto;background:var(--editor)}.lines{width:max-content;min-width:calc(100% - 70px);padding:7px 70px 24px 0;counter-reset:line;font:14px/19px Consolas,"Courier New",monospace}.line{height:19px;display:grid;grid-template-columns:60px max-content;counter-increment:line}.line:before{content:counter(line);color:#6e7681;text-align:right;padding-right:14px}.line.active{background:#282828}.kw{color:#c586c0}.type{color:#4ec9b0}.fn{color:#dcdcaa}.str{color:#ce9178}.var{color:#9cdcfe}.const{color:#569cd6}.comment{color:#6a9955}.property{color:#9cdcfe}.heading{color:#569cd6}.link{color:var(--link)}.caret{display:inline-block;width:2px;height:17px;background:#aeafad;vertical-align:-3px;animation:blink 1.05s steps(1) infinite}.minimap{width:70px;position:absolute;inset:0 0 0 auto;z-index:2;padding:9px 6px;border-left:1px solid #ffffff05;background:var(--editor);opacity:.58}.minimap i{display:block;height:2px;margin:2px 0 0 auto;background:#6b6b6b}.minimap i:nth-child(3n){background:#7a5780}.minimap i:nth-child(4n){background:#59755c}.preview{min-height:0;overflow:auto;padding:26px clamp(22px,4vw,48px) 36px}.profile{display:grid;grid-template-columns:132px minmax(0,1fr);gap:24px;align-items:center}.profile>img{width:132px;height:148px;object-fit:cover;object-position:center 25%;border:1px solid #3c3c3c;background:#eee}.profile small{color:var(--muted);letter-spacing:.08em}.profile h1{margin:6px 0 5px;color:#fff;font-size:32px;font-weight:400}.profile p{margin:0 0 16px;color:var(--muted)}.profile p span{color:var(--link)}.profile-actions{display:flex;gap:8px}.profile-actions button{height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;border:1px solid transparent;border-radius:2px;background:var(--blue);color:#fff;cursor:pointer}.profile-actions button:last-child{border-color:#4b4b4b;background:#2b2b2b;color:var(--fg)}.preview hr{height:1px;margin:26px 0 20px;border:0;background:#333}.liked-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.liked-title div{display:flex;align-items:center;gap:7px}.liked-title h2{margin:0;color:#fff;font-size:19px;font-weight:400}.liked-title div .codicon{color:#f48771}.liked-title>span{color:var(--muted);font-size:11px}.liked-title b{color:var(--link);font-weight:400}.art{height:min(310px,35vh);overflow:hidden;border:1px solid #333;background:#fff}.art img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.carousel{height:31px;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--muted);font-size:11px}.carousel button{width:28px;height:26px;border:0;border-radius:3px;background:transparent;color:var(--fg);cursor:pointer}.carousel button:hover{background:var(--hover)}.panel{min-width:0;min-height:0;overflow:hidden;border-top:1px solid var(--border);background:var(--chrome)}.panel-top{height:35px;display:flex;justify-content:space-between;padding:0 7px 0 18px}.panel-tabs{display:flex;gap:20px}.panel-tabs button{height:35px;padding:0;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted);font-size:11px}.panel-tabs button.active{border-color:var(--blue);color:#fff}.panel-actions{display:flex;align-items:center}.panel-actions button{width:27px;height:27px;border-radius:5px}.panel-actions button:hover{background:var(--hover)}.terminal{padding:3px 14px;font:13px/19px Consolas,"Courier New",monospace}.terminal p{margin:0}.green{color:#4ec9b0}.term-blue{color:#75beff}.terminal .caret{height:15px}.status{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);background:var(--chrome);font-size:12px;user-select:none}.status>div{height:21px;display:flex;align-items:center}.status button{height:21px;display:flex;align-items:center;gap:4px;padding:0 6px;white-space:nowrap}.status button:hover{background:#ffffff1f}.status .left button:first-child{width:34px;justify-content:center;padding:0}@keyframes blink{50%{opacity:0}}@media(max-width:1050px){.body{grid-template-columns:48px 250px minmax(0,1fr)}.groups{grid-template-columns:minmax(380px,1fr)}.preview-group{display:none}.banner nav a:nth-child(n+3){display:none}}@media(max-width:720px){.banner{grid-template-columns:1fr auto}.banner nav{display:none}.titlebar{grid-template-columns:52px minmax(150px,1fr) 104px}.history{display:none}.body,.shell.side-hidden .body{grid-template-columns:48px minmax(0,1fr)}.sidebar{display:none}.editor-part{grid-template-rows:minmax(0,1fr) 145px}.shell.panel-hidden .editor-part{grid-template-rows:minmax(0,1fr)}.minimap{display:none}.lines{padding-right:20px;font-size:12px}.panel-tabs{gap:14px}.panel-tabs button:nth-child(3),.panel-tabs button:nth-child(5){display:none}.status .right button:nth-child(n+2){display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}

    .shell {
      grid-template-rows: 35px minmax(0, 1fr) 22px;
    }

    .groups {
      grid-template-columns: repeat(2, minmax(400px, 1fr));
    }

    .preview {
      padding: 24px clamp(20px, 3vw, 36px) 40px;
      line-height: 1.5;
    }

    .profile {
      grid-template-columns: 124px minmax(0, 1fr);
      gap: 20px;
    }

    .profile > img {
      width: 124px;
      height: 140px;
    }

    .profile-actions {
      flex-wrap: wrap;
    }

    .gallery {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .art {
      height: auto;
      min-width: 0;
      margin: 0;
      overflow: visible;
      border: 0;
      background: transparent;
    }

    .art-frame {
      overflow: hidden;
      border: 1px solid #333;
      background: #fff;
      aspect-ratio: 1162 / 1690;
    }

    .art img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
      object-position: center;
    }

    .art-author {
      display: block;
      margin-top: 7px;
      color: var(--muted);
      font-size: 12px;
      text-align: center;
    }

    .art-author b {
      color: var(--link);
      font-weight: 400;
    }

    @media (max-width: 1050px) {
      .groups {
        grid-template-columns: minmax(380px, 1fr);
      }
    }

    @media (max-width: 520px) {
      .gallery {
        grid-template-columns: 1fr;
      }
    }

    .sidebar[hidden] {
      display: none;
    }

    @media (max-width: 720px) {
      .titlebar {
        grid-template-columns: minmax(0, 1fr) 104px;
      }
    }