@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600&family=Roboto:wght@400;500&display=swap";*{box-sizing:border-box}:root{color:#1f1f1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f8fafd;font-family:Roboto,Arial,sans-serif}body{background:#f8fafd;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.drive-shell{grid-template:64px 1fr/256px minmax(0,1fr);min-height:100vh;display:grid}.topbar{background:#f8fafd;grid-column:1/-1;align-items:center;gap:12px;padding:8px 18px;display:flex}.icon-button{color:#444746;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.icon-button:hover{background:#e9eef6}.icon-button svg{width:22px;height:22px}.brand{color:#444746;align-items:center;gap:10px;width:178px;font:500 21px/1 Google Sans,Roboto,sans-serif;text-decoration:none;display:flex}.brand-mark{color:#fff;background:#0b57d0;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.brand-mark svg{width:22px}.search-box{color:#444746;background:#e9eef6;border-radius:24px;align-items:center;gap:12px;width:min(720px,55vw);height:48px;margin-right:auto;padding:0 16px;transition:background .2s,box-shadow .2s;display:flex}.search-box:focus-within{background:#fff;box-shadow:0 1px 2px #3c40434d,0 2px 6px #3c404326}.search-box svg{flex:none;width:20px}.search-box input{color:#1f1f1f;background:0 0;border:0;outline:0;width:100%;font-size:16px}.topbar-actions{align-items:center;gap:2px;display:flex}.profile-button{color:#fff;cursor:pointer;background:#7b1fa2;border:3px solid #fff;border-radius:50%;width:36px;height:36px;margin-left:8px;font-weight:500;box-shadow:0 0 0 1px #dadce0}.sidebar{background:#f8fafd;flex-direction:column;padding:8px 12px 18px;display:flex}.new-button{color:#1f1f1f;cursor:pointer;background:#fff;border:0;border-radius:16px;align-items:center;gap:12px;width:fit-content;height:56px;margin:2px 4px 18px;padding:0 22px 0 16px;font-weight:500;display:flex;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.new-button:hover{background:#f6fafe;box-shadow:0 2px 4px #3c40434d,0 4px 8px #3c404326}.new-button svg{width:24px}.side-nav{flex-direction:column;display:flex}.side-nav a{color:#444746;border-radius:20px;align-items:center;gap:16px;height:40px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.side-nav a:hover{background:#e9eef6}.side-nav a.active{color:#001d35;background:#c2e7ff}.side-nav svg,.storage svg,.logout-button svg{width:20px;height:20px}.storage{color:#444746;margin:22px 16px 0;font-size:12px}.storage-title{align-items:center;gap:16px;font-size:14px;font-weight:500;display:flex}.storage-track{background:#d3e3fd;border-radius:2px;height:4px;margin:14px 0 9px;overflow:hidden}.storage-track span{background:#0b57d0;width:8%;height:100%;display:block}.storage p{margin:0}.logout-button{color:#444746;cursor:pointer;background:0 0;border:0;border-radius:20px;align-items:center;gap:16px;margin-top:auto;padding:10px 16px;display:flex}.logout-button:hover{background:#e9eef6}.content-panel{background:#fff;border-radius:18px;min-width:0;min-height:0;margin:0 16px 16px 0;padding:24px;overflow:auto}@media (width<=780px){.drive-shell{grid-template-columns:72px minmax(0,1fr)}.brand{width:auto;margin-right:auto}.search-box{z-index:3;width:auto;position:absolute;top:72px;left:88px;right:16px}.topbar-actions .icon-button{display:none}.sidebar{padding-inline:8px}.new-button{border-radius:16px;justify-content:center;width:56px;padding:0}.new-button span,.side-nav span,.storage,.logout-button span{display:none}.side-nav a,.logout-button{justify-content:center;padding:0}.content-panel{margin-right:8px;padding:18px 14px}}@media (width<=520px){.drive-shell{grid-template:64px 1fr/1fr}.menu-button,.sidebar,.brand span:last-child{display:none}.search-box{height:48px;top:8px;left:68px;right:62px}.search-box input::placeholder{color:#0000}.content-panel{border-radius:16px;margin:0 8px 8px}}.json-editor-wrap{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.editor-toolbar{align-items:center;gap:16px;min-height:42px;display:flex}.save-button{color:#fff;cursor:pointer;background:#0b57d0;border:0;border-radius:20px;align-items:center;gap:9px;height:40px;padding:0 18px;font-weight:500;transition:background .16s,box-shadow .16s;display:flex}.save-button:hover{background:#0a4ebd;box-shadow:0 1px 2px #0003}.save-button:focus-visible{outline-offset:2px;outline:3px solid #a8c7fa}.save-button:disabled{opacity:.55;cursor:default}.save-button svg{width:18px}.save-status{color:#5f6368;font-size:13px}.save-status span{align-items:center;gap:5px;display:flex}.save-status svg{width:17px}.save-status .success{color:#137333}.save-status .error{color:#b3261e}.editor-surface{--jse-theme-color:#0b57d0;--jse-theme-color-highlight:#0a4ebd;--jse-background-color:#fff;--jse-text-color:#1f1f1f;--jse-text-color-inverse:#fff;--jse-main-border:0;--jse-menu-color:#f8fafd;--jse-panel-background:#f8fafd;--jse-panel-background-border:1px solid #e1e5ea;--jse-panel-color:#444746;--jse-panel-color-readonly:#9aa0a6;--jse-panel-border:1px solid #dadce0;--jse-panel-button-color-highlight:#1f1f1f;--jse-panel-button-background-highlight:#e9eef6;--jse-navigation-bar-background:#edf2fa;--jse-navigation-bar-background-highlight:#dce7f7;--jse-selection-background-color:#d3e3fd;--jse-selection-background-inactive-color:#e9eef6;--jse-hover-background-color:#f0f4f9;--jse-active-line-background-color:#f0f4f9;--jse-search-match-background-color:#fef7e0;--jse-search-match-color:#fdd663;--jse-search-match-outline:1px solid #f9ab00;--jse-search-match-active-color:#fbbc04;--jse-search-match-active-outline:1px solid #e37400;--jse-key-color:#0b57d0;--jse-value-color-string:#137333;--jse-value-color-number:#a142f4;--jse-value-color-boolean:#c5221f;--jse-value-color-null:#5f6368;--jse-delimiter-color:#5f6368;--jse-input-background:#fff;--jse-input-border:1px solid #dadce0;--jse-button-background:#0b57d0;--jse-button-background-highlight:#0a4ebd;--jse-button-color:#fff;--jse-button-secondary-background:#e9eef6;--jse-button-secondary-background-highlight:#dce7f7;--jse-button-secondary-color:#1f1f1f;--jse-a-color:#0b57d0;--jse-a-color-highlight:#0a4ebd;background:#fff;border:1px solid #dadce0;border-radius:12px;flex:1;min-height:500px;overflow:hidden;box-shadow:0 1px 2px #3c404314}.editor-surface .jse-main{border:0;font-family:Roboto,Arial,sans-serif}.editor-surface .jse-menu{background:#f8fafd;border-bottom:1px solid #dadce0;min-height:44px;padding:5px 8px}.editor-surface .jse-menu button{border-radius:18px}.editor-surface .jse-menu button:hover{background:#e9eef6}.editor-surface .jse-contents{background:#fff}.editor-surface .cm-editor{font-size:14px}.editor-surface .cm-gutters{color:#80868b;background:#f8fafd;border-right:1px solid #e8eaed}.editor-surface .cm-activeLine,.editor-surface .cm-activeLineGutter{background:#f0f4f9}.editor-surface .cm-focused{outline:none}@media (width<=520px){.editor-toolbar{flex-direction:column;align-items:flex-start}.editor-surface{min-height:430px}}.editor-page{flex-direction:column;min-height:calc(100vh - 128px);display:flex}.editor-heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}.editor-file-icon{color:#0b57d0;background:#e8f0fe;border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.editor-file-icon svg{width:23px}.editor-heading h1{text-overflow:ellipsis;white-space:nowrap;color:#1f1f1f;max-width:70vw;margin:0 0 2px;font:500 18px Google Sans,sans-serif;overflow:hidden}.editor-heading p{color:#5f6368;margin:0;font-size:12px}.editor-message{color:#5f6368;flex:1;place-items:center;display:grid}.editor-message.error{color:#b3261e}@media (width<=780px){.editor-page{padding-top:48px}}@media (width<=520px){.editor-page{padding-top:0}}.file-row{color:#444746;border-bottom:1px solid #e1e1e1;grid-template-columns:minmax(230px,2fr) minmax(110px,1fr) minmax(160px,1fr) 90px 40px;align-items:center;min-height:52px;padding:0 8px 0 16px;font-size:13px;display:grid}.file-row:hover{background:#f0f4f9}.file-name{color:#1f1f1f;align-items:center;gap:12px;min-width:0;font-weight:500;text-decoration:none;display:flex}.file-name>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-icon{color:#0b57d0;background:#e8f0fe;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.file-icon svg{width:18px}.owner{align-items:center;gap:8px;display:flex}.owner-avatar{color:#fff;background:#7b1fa2;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.more-button{color:#444746;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.more-button:hover{background:#dfe3eb}.more-button svg{width:18px}.files-page{min-width:0}.files-heading{justify-content:space-between;align-items:center;min-height:44px;margin-bottom:18px;display:flex}.title-button{color:#1f1f1f;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font:400 24px/1.2 Google Sans,Roboto,sans-serif;display:flex}.title-button:hover{background:#f1f3f4}.title-button svg{width:18px}.view-actions,.view-switch{align-items:center;display:flex}.view-switch{border:1px solid #747775;border-radius:20px;overflow:hidden}.view-switch button,.round-action{color:#444746;cursor:pointer;background:#fff;border:0;place-items:center;width:44px;height:34px;display:grid}.view-switch button:first-child{border-right:1px solid #747775}.view-switch button.selected{background:#c2e7ff}.view-switch svg,.round-action svg{width:19px}.round-action{border-radius:50%;margin-left:8px}.round-action:hover{background:#f1f3f4}.filter-row{gap:8px;margin-bottom:18px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-row button{color:#444746;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #747775;border-radius:8px;align-items:center;gap:8px;height:32px;padding:0 12px;font-size:14px;display:flex}.filter-row button:hover{background:#f8fafd}.filter-row svg{width:16px}.file-table{min-width:650px}.file-table-header{color:#444746;border-bottom:1px solid #c7c7c7;grid-template-columns:minmax(230px,2fr) minmax(110px,1fr) minmax(160px,1fr) 90px 40px;align-items:center;min-height:48px;padding:0 8px 0 16px;font-size:13px;font-weight:500;display:grid}.empty-state{color:#5f6368;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:300px;display:flex}.empty-state>svg{color:#9aa0a6;width:64px;height:64px;margin-bottom:8px}.empty-state strong{color:#202124;font:500 18px Google Sans,sans-serif}.empty-state span{font-size:14px}@media (width<=780px){.files-page{padding-top:48px;overflow-x:auto}}@media (width<=520px){.files-page{padding-top:0}.view-actions{display:none}}.login-page{background:#f8fafd;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dadce0;border-radius:24px;width:min(100%,448px);padding:44px 42px 38px;box-shadow:0 1px 2px #3c404314}.login-brand{color:#444746;justify-content:center;align-items:center;gap:10px;font:500 20px Google Sans,sans-serif;display:flex}.login-brand span{color:#fff;background:#0b57d0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.login-brand svg{width:22px}.login-copy{text-align:center;margin:28px 0 30px}.login-copy h1{color:#1f1f1f;margin:0 0 10px;font:400 28px Google Sans,sans-serif}.login-copy p{color:#5f6368;margin:0;font-size:15px;line-height:1.5}.login-card form{flex-direction:column;gap:20px;display:flex}.login-field{color:#444746;flex-direction:column;gap:8px;font-size:13px;font-weight:500;display:flex}.login-field>input,.password-field{background:#fff;border:1px solid #747775;border-radius:8px;height:52px;transition:border .15s,box-shadow .15s}.login-field>input{outline:0;padding:0 14px}.password-field{align-items:center;display:flex;overflow:hidden}.password-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 14px}.password-field button{color:#5f6368;cursor:pointer;background:0 0;border:0;place-items:center;width:50px;height:100%;display:grid}.password-field button:hover{background:#f0f4f9}.password-field svg{width:20px}.login-field>input:focus,.password-field:focus-within{border-color:#0b57d0;box-shadow:0 0 0 1px #0b57d0}.login-error{color:#b3261e;align-items:center;gap:8px;margin-top:-6px;font-size:13px;display:flex}.login-error svg{flex:none;width:17px}.login-submit{color:#fff;cursor:pointer;background:#0b57d0;border:0;border-radius:21px;align-self:flex-end;min-width:104px;height:42px;padding:0 22px;font-weight:500}.login-submit:hover{background:#0a4ebd;box-shadow:0 1px 2px #0003}.login-submit:disabled{opacity:.6;cursor:default}@media (width<=520px){.login-page{background:#fff;padding:0}.login-card{box-shadow:none;border:0;padding:34px 24px}}