:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page: #f6f7f4;--surface: #ffffff;--surface-muted: #edf1eb;--border: #d8ded2;--border-strong: #bac6b2;--text: #172018;--muted: #657160;--accent: #167761;--accent-strong: #0d5f4c;--accent-soft: #dff3eb;--warning: #a96300;--danger: #b42318;--danger-soft: #fff0ee;--shadow: 0 10px 28px rgba(34, 45, 32, .08);--radius: 8px;--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, ui-monospace, monospace}:root[data-theme=dark]{color-scheme:dark;--page: #111510;--surface: #181e17;--surface-muted: #222b20;--border: #344033;--border-strong: #4d5b4b;--text: #eef2e9;--muted: #a7b29f;--accent: #60c8ad;--accent-strong: #90dcc9;--accent-soft: #173a33;--warning: #f0b45b;--danger: #ff8a7d;--danger-soft: #3d1d1b;--shadow: 0 12px 30px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--page)}button,textarea,input{font:inherit}textarea,input{color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,3vw,32px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--page) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--accent);font-family:var(--mono);font-weight:700}.brand-eyebrow,.section-kicker{display:block;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.brand-title{display:block;color:var(--text);font-size:1rem;font-weight:750}.app-actions,.toolbar,.action-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.auth-user{min-height:38px;display:inline-flex;align-items:center;max-width:min(220px,42vw);overflow:hidden;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);color:var(--text);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.app-main{width:min(1440px,100%);margin:0 auto;padding:28px clamp(16px,3vw,32px) 40px;flex:1}.home-page,.tool-page{display:grid;gap:22px}.login-page{min-height:min(620px,calc(100vh - 160px));display:grid;align-items:start;justify-items:center;padding-top:clamp(24px,6vh,72px)}.login-panel{width:min(420px,100%);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.login-panel h1{font-size:clamp(1.5rem,3vw,2rem)}.auth-user-panel{max-width:100%;justify-self:start}.home-heading,.tool-page-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}.home-heading{justify-content:flex-start}h1,h2,p{margin:0}h1{color:var(--text);font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:0}h2{color:var(--text);font-size:.98rem;line-height:1.2;letter-spacing:0}.search-field{width:min(360px,100%);min-height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted)}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-field input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.tool-card{min-height:148px;display:grid;align-content:start;gap:10px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:border-color .16s ease,transform .16s ease}.tool-card:hover{border-color:var(--accent);transform:translateY(-1px)}.tool-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-strong)}.tool-card-title{font-weight:750;color:var(--text)}.tool-card-description,.panel-header p,.tree-preview,.tree-note,.empty-state{color:var(--muted)}.button,.icon-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:background .14s ease,border-color .14s ease,color .14s ease}.button{padding:0 13px;font-weight:700}.icon-button{width:38px;padding:0}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:var(--accent);color:#fff}.button-primary:hover:not(:disabled){background:var(--accent-strong)}.button-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.button-secondary:hover:not(:disabled){border-color:var(--accent)}.button-ghost{background:transparent;color:var(--muted)}.button-ghost:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.button-danger{background:var(--danger-soft);color:var(--danger)}.back-link{display:inline-flex;color:var(--muted);font-weight:700}.back-link:hover{color:var(--accent)}.tool-page-heading{align-items:start}.json-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:min(68vh,780px)}.timestamp-tool,.hash-tool,.password-tool,.scientific-calculator-tool{display:grid;gap:12px}.base64-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.image-hosting-tool{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px}.drive-tool,.text-diff-tool{display:grid;gap:12px}.url-shortener-tool{width:min(760px,100%);display:grid;gap:12px}.qr-code-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:12px}.qr-settings-panel{grid-column:1 / -1}.notes-workspace{display:grid;grid-template-columns:minmax(260px,.34fr) minmax(0,1fr);gap:12px;min-height:min(68vh,780px)}.notes-sidebar,.notes-editor-panel{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.notes-sidebar{display:grid;grid-template-rows:auto auto minmax(0,1fr)}.notes-search{padding:12px;border-bottom:1px solid var(--border)}.notes-search .search-field{width:100%}.notes-tree{overflow:auto;padding:8px}.notes-tree-folder,.notes-tree-note{min-height:32px;display:flex;align-items:center;gap:8px;padding-left:calc(8px + var(--notes-indent, 0px))}.notes-tree-folder{color:var(--muted);font-size:.82rem;font-weight:750}.notes-tree-note{width:100%;border:0;border-radius:6px;background:transparent;color:var(--text);cursor:pointer;font-weight:700;text-align:left}.notes-tree-note span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-tree-note:hover,.notes-tree-note[aria-current=page]{background:var(--surface-muted)}.notes-tree-note[aria-current=page]{color:var(--accent-strong)}.notes-editor-panel{display:grid;grid-template-rows:auto minmax(0,1fr)}.notes-editor-body{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px}.notes-meta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.42fr);gap:12px}.notes-content{min-height:0;display:grid;gap:12px}.notes-content-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.notes-content-edit,.notes-content-preview{grid-template-columns:minmax(0,1fr)}.notes-markdown-field{min-height:0;display:grid}.notes-markdown-field textarea{width:100%;min-height:420px;resize:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:14px;font-family:var(--mono);font-size:.92rem;line-height:1.6;outline:0}.notes-markdown-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.markdown-preview{min-height:420px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:18px}.markdown-preview>*+*{margin-top:12px}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{line-height:1.2}.markdown-preview h1{font-size:1.7rem}.markdown-preview h2{font-size:1.28rem}.markdown-preview h3{font-size:1.08rem}.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{font-size:.98rem}.markdown-preview p,.markdown-preview li,.markdown-preview blockquote{overflow-wrap:anywhere}.markdown-preview ul,.markdown-preview ol{margin-bottom:0;padding-left:1.4rem}.markdown-preview blockquote{margin-left:0;padding-left:12px;border-left:3px solid var(--accent);color:var(--muted)}.markdown-preview pre{overflow:auto;padding:12px;border-radius:var(--radius);background:var(--surface-muted)}.markdown-preview code{border-radius:4px;background:var(--surface-muted);padding:1px 4px;font-family:var(--mono);font-size:.9em}.markdown-preview pre code{padding:0;background:transparent}.markdown-preview a{color:var(--accent-strong);font-weight:700;text-decoration:underline;text-underline-offset:3px}.markdown-preview hr{border:0;border-top:1px solid var(--border)}.markdown-task{list-style:none}.markdown-task input{margin-right:8px;accent-color:var(--accent)}.markdown-empty{color:var(--muted)}.text-diff-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:min(46vh,560px)}.text-diff-editor-panel{grid-template-rows:auto minmax(320px,1fr)}.text-diff-editor-panel .cm-editor{min-height:320px}.password-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:12px}.calculator-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:12px}.password-value{overflow-wrap:anywhere;color:var(--text);font-family:var(--mono);font-size:clamp(1.25rem,3vw,2.2rem);font-weight:750;line-height:1.2}.range-control{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px;align-items:center}.range-control input[type=range]{padding:0;accent-color:var(--accent)}.range-control input[type=number]{text-align:center}.toggle-field{min-height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-weight:700}.toggle-field input{width:18px;height:18px;accent-color:var(--accent)}.strength-panel{display:grid;gap:16px;padding:18px}.strength-label{color:var(--text);font-size:clamp(1.4rem,3vw,2.2rem);font-weight:750;line-height:1.1}.strength-meter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.strength-step{height:10px;border-radius:999px;background:var(--surface-muted)}.strength-step-1{background:var(--danger)}.strength-step-2{background:var(--warning)}.strength-step-3,.strength-step-4{background:var(--accent)}.hash-input{width:100%;min-height:min(42vh,420px);resize:vertical;border:0;background:var(--surface);color:var(--text);padding:14px;font-family:var(--mono);font-size:.92rem;line-height:1.55;outline:0}.hash-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hash-output{min-height:118px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:14px;color:var(--text);font-family:var(--mono);font-size:.92rem;line-height:1.55}.hash-output svg{margin-top:3px;color:var(--accent)}.hash-output span{overflow-wrap:anywhere}.base64-output span{white-space:pre-wrap}.base64-error{padding:0 14px 14px}.qr-content-body{align-content:start}.qr-text-field textarea{width:100%;min-height:188px;resize:vertical;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:12px;font-family:var(--mono);font-size:.92rem;line-height:1.55;outline:0}.qr-text-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.qr-wifi-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.48fr);align-items:end;gap:14px}.qr-wifi-ssid,.qr-password-field{grid-column:1 / -1}.qr-hidden-network{cursor:pointer}.qr-password-control{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px}.qr-password-control input{min-width:0}.qr-content-meta,.qr-setting-heading,.qr-size-limits{display:flex;align-items:center;justify-content:space-between;gap:12px}.qr-byte-count,.qr-local-note{color:var(--muted);font-size:.8rem;font-weight:700}.qr-byte-count-error{color:var(--danger)}.qr-local-note{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.qr-local-note svg{color:var(--accent-strong)}.qr-privacy-note{padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:.82rem}.qr-preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr)}.qr-preview-body{min-height:0;display:grid;align-content:start;gap:12px;padding:14px}.qr-preview-canvas{min-height:360px;display:grid;place-items:center;padding:clamp(10px,2vw,18px);border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(45deg,var(--surface-muted) 25%,transparent 25%),linear-gradient(-45deg,var(--surface-muted) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface-muted) 75%),linear-gradient(-45deg,transparent 75%,var(--surface-muted) 75%);background-color:var(--surface);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.qr-preview-canvas svg{width:min(100%,430px);height:auto;max-height:56vh;display:block;box-shadow:0 8px 24px #0000001f}.qr-preview-empty{min-height:360px;text-align:center}.qr-contrast-warning{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--warning) 35%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--warning) 9%,var(--surface));color:var(--warning);font-size:.84rem;font-weight:700}.qr-contrast-warning svg{flex:0 0 auto;margin-top:2px}.qr-download-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qr-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.qr-setting-card{min-width:0;display:grid;align-content:start;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted)}.qr-setting-card.form-field{color:var(--muted)}.qr-setting-card small{color:var(--muted);font-size:.76rem;font-weight:650}.qr-setting-heading,.qr-setting-label{color:var(--muted);font-size:.82rem;font-weight:700}.qr-setting-heading output{color:var(--text);font-family:var(--mono)}.qr-size-range{width:100%;accent-color:var(--accent)}.qr-size-limits{color:var(--muted);font-family:var(--mono);font-size:.72rem}.qr-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qr-color-control{min-width:0;display:grid;gap:6px;color:var(--muted);font-size:.76rem;font-weight:700}.qr-color-input-row{min-width:0;display:flex;align-items:center;gap:8px}.qr-color-input-row input{width:44px;height:42px;flex:0 0 auto;padding:3px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer}.qr-color-input-row output{overflow:hidden;color:var(--text);font-family:var(--mono);font-size:.78rem;text-overflow:ellipsis}.image-drop-zone{position:relative;min-height:120px;display:grid;place-items:center;gap:8px;padding:18px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-muted);color:var(--text);cursor:pointer;font-weight:750;text-align:center}.image-drop-zone:hover{border-color:var(--accent)}.image-drop-zone small{color:var(--muted);font-size:.78rem;font-weight:650}.image-drop-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.image-drop-zone input:disabled{cursor:not-allowed}.image-drop-zone-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius);background:var(--surface);color:var(--accent)}.image-preview{width:100%;aspect-ratio:16 / 10;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted)}.image-preview img{width:100%;height:100%;object-fit:contain}.image-preview-empty{background:repeating-linear-gradient(45deg,var(--surface),var(--surface) 12px,var(--surface-muted) 12px,var(--surface-muted) 24px)}.image-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.image-meta div{min-width:0;display:grid;gap:2px;padding:10px;border:1px solid var(--border);border-radius:var(--radius)}.image-meta dt{color:var(--muted);font-size:.78rem;font-weight:750}.image-meta dd{margin:0;overflow:hidden;color:var(--text);font-family:var(--mono);font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.image-hosting-upload-body{align-content:start}.hosted-delete-after-field{max-width:220px}.hosted-upload-expiration{margin:0}.hosted-upload-expiration div{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted)}.hosted-upload-expiration dt{color:var(--muted);font-size:.78rem;font-weight:750}.hosted-upload-expiration dd{margin:0;overflow-wrap:anywhere;color:var(--text);font-family:var(--mono);font-size:.86rem}.hosted-file-drop-zone{position:relative;min-height:48px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:.88rem;font-weight:750;text-align:center}.hosted-file-drop-zone:hover{border-color:var(--accent);color:var(--accent)}.hosted-file-drop-zone small{color:var(--muted);font-size:.76rem;font-weight:650}.hosted-file-drop-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.hosted-file-drop-zone input:disabled{cursor:not-allowed}.hosted-file-summary{min-height:112px;display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.hosted-file-summary-icon{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius);background:var(--surface-muted);color:var(--accent)}.hosted-file-summary>div{min-width:0;display:grid;gap:3px}.hosted-file-summary strong,.hosted-file-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hosted-file-summary span{color:var(--muted);font-family:var(--mono);font-size:.8rem}.hosted-upload-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;color:var(--text);font-size:.82rem}.hosted-upload-progress-track{height:8px;overflow:hidden;border-radius:999px;background:var(--surface-muted)}.hosted-upload-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .14s ease}.hosted-file-types{padding-top:2px;color:var(--muted);font-size:.8rem}.hosted-file-types summary{width:fit-content;color:var(--text);cursor:pointer;font-weight:750}.hosted-file-types p{margin:8px 0 0;line-height:1.55}.copy-field-control{display:flex;align-items:center;gap:8px}.copy-field-control input{min-width:0;flex:1}.image-links-empty{min-height:316px}.drive-panel{display:grid}.drive-header{align-items:start}.drive-breadcrumbs,.drive-breadcrumb{min-width:0;display:flex;align-items:center;gap:4px}.drive-breadcrumbs{max-width:min(620px,100%);justify-content:flex-end;flex-wrap:wrap}.drive-breadcrumb{color:var(--muted)}.drive-breadcrumb button,.drive-folder-button{min-width:0;border:0;background:transparent;color:inherit;cursor:pointer;font-weight:750;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.drive-breadcrumb button:hover,.drive-folder-button:hover{color:var(--accent-strong)}.drive-controls{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,auto) minmax(260px,auto);gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--border)}.drive-controls .search-field{width:100%}.drive-inline-form{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px}.drive-file-picker{position:relative;min-width:0;min-height:38px;display:inline-flex;align-items:center;max-width:220px;padding:0 11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;font-weight:700}.drive-file-picker:hover{border-color:var(--accent)}.drive-file-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.drive-file-picker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-folder-field{width:min(220px,100%)}.drive-folder-field input{min-height:38px}.drive-operation-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:12px;border-bottom:1px solid var(--border);background:var(--surface-muted)}.drive-error{margin:12px}.drive-list{overflow:auto}.drive-row{min-width:800px;display:grid;grid-template-columns:minmax(260px,1fr) 110px 170px 220px;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:.9rem}.drive-row:last-child{border-bottom:0}.drive-row-head{min-height:40px;background:var(--surface-muted);color:var(--muted);font-size:.78rem;font-weight:750;text-transform:uppercase}.drive-name-cell{min-width:0;display:flex;align-items:center;gap:9px;color:var(--text);font-weight:750}.drive-item-icon{width:28px;height:28px;display:grid;flex:0 0 auto;place-items:center;border-radius:6px;background:var(--accent-soft);color:var(--accent-strong)}.drive-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-row-actions{display:flex;justify-content:flex-end;gap:4px}.drive-empty{min-height:220px;border:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px;background:#0000006b}.drive-move-dialog{width:min(560px,100%);max-height:min(720px,calc(100vh - 36px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.drive-share-dialog{width:min(620px,100%);max-height:min(820px,calc(100vh - 36px));overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.drive-share-loading{min-height:240px;margin:12px}.drive-share-expired{margin:12px 12px 0;padding:11px 12px;border:1px solid color-mix(in srgb,var(--warning) 35%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--warning) 10%,var(--surface));color:var(--warning);font-size:.88rem;font-weight:700}.drive-share-link,.drive-share-form,.drive-share-revoke{display:grid;gap:12px;padding:14px}.drive-share-link{border-bottom:1px solid var(--border);background:var(--surface-muted)}.drive-share-link p,.form-hint{margin:0;color:var(--muted);font-size:.8rem;font-weight:650}.drive-share-password-toggle{min-height:42px;display:flex;align-items:center;gap:9px;color:var(--text);cursor:pointer;font-size:.9rem;font-weight:700}.drive-share-password-toggle input{width:17px;height:17px;accent-color:var(--accent)}.drive-share-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}.drive-share-revoke{border-top:1px solid var(--border);background:color-mix(in srgb,var(--danger-soft) 58%,var(--surface))}.drive-share-revoke p{margin:0;color:var(--danger);font-size:.88rem;font-weight:700}.drive-move-body{min-height:0;display:grid;gap:12px;padding:12px;overflow:auto}.drive-move-tree{min-height:260px;max-height:min(46vh,420px);overflow:auto;padding:6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.drive-tree-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:4px;padding-left:var(--drive-tree-indent, 0px)}.drive-tree-toggle{width:28px;height:32px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.drive-tree-toggle:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.drive-tree-toggle:disabled{cursor:wait;opacity:.55}.drive-tree-toggle svg{transition:transform .14s ease}.drive-tree-toggle-expanded{transform:rotate(90deg)}.drive-tree-folder{width:100%;min-height:32px;display:flex;align-items:center;gap:8px;padding:0 8px 0 calc(8px + var(--drive-tree-indent, 0px));border:0;border-radius:6px;background:transparent;color:var(--text);cursor:pointer;font-weight:700;text-align:left}.drive-tree-folder:hover,.drive-tree-folder[aria-current=true]{background:var(--surface-muted)}.drive-tree-folder[aria-current=true]{color:var(--accent-strong)}.drive-tree-folder span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-tree-loading{min-height:32px;display:flex;align-items:center;padding-left:calc(36px + var(--drive-tree-indent, 0px));color:var(--muted);font-size:.86rem;font-weight:700}.drive-move-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px;border-top:1px solid var(--border)}.drive-upload-panel{position:fixed;right:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:30;width:min(420px,calc(100vw - 24px));max-height:min(520px,calc(100vh - 48px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.drive-upload-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface-muted)}.drive-upload-panel-header p{color:var(--muted);font-size:.82rem;font-weight:700}.drive-upload-list{min-height:0;display:grid;gap:8px;margin:0;padding:8px;overflow:auto;list-style:none}.drive-upload-task{min-width:0;display:grid;gap:6px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.drive-upload-task-header{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.drive-upload-name{min-width:0;overflow:hidden;color:var(--text);font-weight:750;text-overflow:ellipsis;white-space:nowrap}.drive-upload-status{color:var(--muted);font-size:.78rem;font-weight:750;text-transform:uppercase}.drive-upload-task-uploaded .drive-upload-status{color:var(--accent-strong)}.drive-upload-task-failed .drive-upload-status{color:var(--danger)}.drive-upload-meta{color:var(--muted);font-size:.82rem;font-weight:700}.drive-upload-task-error{margin:0;color:var(--danger);font-size:.82rem;font-weight:700}.drive-upload-progress{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-muted)}.drive-upload-progress span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .14s ease}.drive-upload-task-failed .drive-upload-progress span{background:var(--danger)}.drive-share-page{width:min(760px,100%);margin:0 auto}.public-share-panel{display:grid;gap:0}.public-share-file{display:flex;align-items:center;gap:13px;padding:18px;border-bottom:1px solid var(--border)}.public-share-file h2,.public-share-file p{margin:0}.public-share-file h2{overflow-wrap:anywhere}.public-share-file p{margin-top:3px;color:var(--muted);font-size:.88rem;font-weight:700}.public-share-file-icon{width:52px;height:52px;display:grid;flex:0 0 auto;place-items:center;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-strong)}.public-share-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface-muted)}.public-share-details div{display:grid;gap:2px}.public-share-details dt{color:var(--muted);font-size:.76rem;font-weight:750;text-transform:uppercase}.public-share-details dd{margin:0;color:var(--text);font-size:.9rem;font-weight:700}.public-share-unlock{display:grid;gap:14px;padding:18px}.public-share-lock-heading{display:flex;align-items:flex-start;gap:10px}.public-share-lock-heading svg{margin-top:2px;color:var(--accent-strong)}.public-share-lock-heading h3,.public-share-lock-heading p{margin:0}.public-share-lock-heading p{margin-top:2px;color:var(--muted);font-size:.86rem}.public-share-download{justify-self:start;margin:18px}.public-share-error{margin:0 18px 18px}.public-share-expiration-note{display:flex;align-items:center;gap:7px;margin:0;padding:12px 18px;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem;font-weight:650}.public-share-unavailable{min-height:320px;display:grid;place-items:center;align-content:center;gap:10px;padding:28px;text-align:center}.public-share-unavailable svg{color:var(--muted)}.public-share-unavailable h2,.public-share-unavailable p{margin:0}.public-share-unavailable p{color:var(--muted)}.diff-result-panel{overflow:hidden}.diff-stats{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.diff-stat{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);font-size:.84rem;font-weight:750}.diff-stat-added{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-strong)}.diff-stat-removed{border-color:color-mix(in srgb,var(--danger) 32%,var(--border));background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.diff-stat-changed{border-color:color-mix(in srgb,var(--warning) 36%,var(--border));background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning)}.diff-result{max-height:min(58vh,660px);overflow:auto;background:var(--surface)}.diff-row{min-width:760px;display:grid;grid-template-columns:58px minmax(220px,1fr) 58px minmax(220px,1fr);border-bottom:1px solid color-mix(in srgb,var(--border) 76%,transparent)}.diff-line-number{min-height:32px;padding:6px 9px;border-right:1px solid var(--border);background:var(--surface-muted);color:var(--muted);font-family:var(--mono);font-size:.78rem;text-align:right;-webkit-user-select:none;user-select:none}.diff-cell{min-height:32px;padding:6px 10px;color:var(--text);font-family:var(--mono);font-size:.88rem;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.diff-cell-old{border-right:1px solid var(--border)}.diff-row-added .diff-cell-new,.diff-row-added .diff-line-number:nth-child(3){background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.diff-row-removed .diff-cell-old,.diff-row-removed .diff-line-number:first-child{background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.diff-row-changed .diff-cell,.diff-row-changed .diff-line-number{background:color-mix(in srgb,var(--warning) 11%,var(--surface))}.diff-segment{border-radius:4px}.diff-segment-added{background:color-mix(in srgb,var(--accent) 22%,transparent)}.diff-segment-removed{background:color-mix(in srgb,var(--danger) 18%,transparent)}.current-time-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.current-time-content{min-width:0;display:grid;gap:12px}.current-timestamp-value{overflow-wrap:anywhere;color:var(--text);font-family:var(--mono);font-size:clamp(1.6rem,4vw,3rem);font-weight:750;line-height:1.1}.calculator-result-panel{align-items:stretch}.calculator-result-value{overflow-wrap:anywhere;color:var(--text);font-family:var(--mono);font-size:clamp(1.6rem,4vw,3rem);font-weight:750;line-height:1.1}.converter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.converter-panel{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.converter-body{display:grid;gap:14px;padding:14px}.form-field{display:grid;gap:6px;color:var(--muted);font-size:.82rem;font-weight:700}.form-field input,.form-field select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:0 12px;font-family:var(--mono);outline:0}.form-field input:focus,.form-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-field input[readonly]{background:var(--surface-muted)}.field-error{color:var(--danger);font-size:.86rem;font-weight:700}.calculator-expression-field input{min-height:52px;font-size:1.08rem}.calculator-shortcuts{display:grid;gap:10px}.calculator-button-group{display:flex;flex-wrap:wrap;gap:8px}.calculator-token-button{min-width:52px;min-height:38px;padding:0 11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;font-family:var(--mono);font-weight:750}.calculator-token-button:hover{border-color:var(--accent);background:var(--accent-soft)}.calculator-history-panel{display:grid;gap:10px}.calculator-history-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.calculator-history-button{width:100%;display:grid;gap:4px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;text-align:left}.calculator-history-button:hover{border-color:var(--accent)}.calculator-history-button span,.calculator-history-button strong{overflow-wrap:anywhere;font-family:var(--mono)}.calculator-history-button strong{color:var(--accent-strong)}.calculator-history-empty{color:var(--muted)}.editor-panel{min-width:0;display:grid;grid-template-rows:auto minmax(420px,1fr);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.panel-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border-bottom:1px solid var(--border)}.panel-header-result{align-items:center}.code-editor{min-height:0;overflow:hidden}.cm-editor{height:100%;min-height:420px;background:var(--surface);color:var(--text);font-family:var(--mono);font-size:.9rem}.cm-gutters{background:var(--surface-muted)!important;color:var(--muted)!important;border-right:1px solid var(--border)!important}.cm-focused{outline:0!important}.cm-activeLine,.cm-activeLineGutter{background:var(--accent-soft)!important}.shared-text-page{min-height:calc(100vh - 132px);grid-template-rows:auto minmax(0,1fr)}.shared-text-panel{grid-template-rows:auto minmax(520px,1fr);min-height:min(76vh,860px)}.shared-text-header{align-items:center}.shared-text-toolbar{justify-content:flex-end}.shared-text-editor .cm-editor{min-height:520px}.shared-text-status-connected,.shared-text-status-connecting{color:var(--accent-strong)}.shared-text-status-disconnected{color:var(--danger)}.cm-ySelectionInfo{border-radius:4px;font-family:var(--mono)!important;font-size:.72rem!important;font-weight:700!important}.segmented-control{min-height:36px;display:inline-flex;padding:3px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted)}.segmented-control-item{min-width:58px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:.88rem;font-weight:700}.segmented-control-item[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #00000014}.tree-panel{min-height:420px;overflow:auto;background:var(--surface)}.json-tree{min-width:max-content;padding:8px;font-family:var(--mono);font-size:.9rem}.tree-row{width:100%;min-height:30px;display:grid;grid-template-columns:18px minmax(160px,auto) 78px minmax(180px,1fr);align-items:center;gap:8px;padding:0 8px 0 calc(8px + var(--tree-indent, 0px));border:0;border-radius:6px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.tree-row:hover:not(:disabled){background:var(--surface-muted)}.tree-row:disabled{cursor:default}.tree-toggle{width:18px;color:var(--muted)}.tree-key{overflow:hidden;color:var(--text);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.tree-type{color:var(--muted);font-size:.78rem}.tree-type-object,.tree-type-array{color:var(--accent)}.tree-type-string{color:var(--warning)}.tree-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-note{padding:8px 8px 8px calc(34px + var(--tree-indent, 0px));font-size:.84rem}.action-bar{position:sticky;bottom:14px;z-index:10;width:fit-content;max-width:100%;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.status-pill{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;color:var(--muted);font-size:.86rem;font-weight:700}.error-banner{display:grid;gap:2px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));border-radius:var(--radius);background:var(--danger-soft);color:var(--danger)}.empty-state{min-height:180px;display:grid;place-items:center;padding:24px;border:1px dashed var(--border);border-radius:var(--radius)}.tree-panel .empty-state{min-height:100%;border:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:980px){.home-heading,.tool-page-heading{align-items:stretch;flex-direction:column}.json-workspace,.converter-grid,.hash-result-grid,.password-grid,.calculator-grid,.base64-tool,.qr-code-tool,.qr-settings-grid,.image-hosting-tool{grid-template-columns:1fr}.drive-header{align-items:stretch;flex-direction:column}.drive-breadcrumbs{justify-content:flex-start}.drive-controls{grid-template-columns:1fr}.drive-inline-form{justify-content:flex-start}.drive-file-picker,.drive-folder-field{max-width:none;width:100%}.drive-operation-bar{grid-template-columns:1fr}.drive-move-footer{align-items:stretch;flex-direction:column}.drive-share-footer{align-items:stretch;flex-direction:column-reverse}.drive-upload-panel{right:12px;bottom:12px;max-height:min(420px,calc(100vh - 24px))}.public-share-details{grid-template-columns:1fr}.public-share-download{justify-self:stretch}.text-diff-inputs,.notes-workspace,.notes-content-split{grid-template-columns:1fr}.editor-panel{grid-template-rows:auto minmax(360px,54vh)}.shared-text-panel{min-height:min(72vh,760px)}.shared-text-editor .cm-editor,.cm-editor,.tree-panel{min-height:360px}}@media(max-width:640px){.app-header,.current-time-panel,.panel-header,.action-bar{align-items:stretch}.current-time-panel,.panel-header,.action-bar{flex-direction:column}.toolbar,.action-bar{width:100%}.shared-text-toolbar{justify-content:flex-start}.button{flex:1}.segmented-control{width:100%}.range-control{grid-template-columns:1fr}.copy-field-control{align-items:stretch}.image-meta{grid-template-columns:1fr}.hosted-file-drop-zone{flex-wrap:wrap}.qr-wifi-fields,.qr-color-grid,.qr-download-actions{grid-template-columns:1fr}.qr-wifi-ssid,.qr-password-field{grid-column:auto}.notes-meta-grid{grid-template-columns:1fr}.segmented-control-item{flex:1}}.markdown-notes-page,.markdown-note-share-page{min-height:calc(100vh - 132px)}.markdown-notes-page{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px}.markdown-notes-topbar,.markdown-share-topbar{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:14px}.markdown-notes-topbar-start{display:flex;align-items:center;gap:14px;min-width:0}.markdown-notes-topbar .toolbar,.markdown-share-topbar .toolbar{justify-content:flex-end}.note-save-status{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:.78rem;font-weight:700}.note-save-status:before{width:7px;height:7px;border-radius:50%;background:currentColor;content:""}.note-save-saving{color:var(--warning)}.note-save-failed{color:var(--danger)}.note-save-saved{color:var(--accent)}.markdown-notes-error{grid-template-columns:minmax(0,1fr) auto;align-items:center}.markdown-notes-error button{display:inline-grid;place-items:center;border:0;background:transparent;color:inherit;cursor:pointer}.markdown-notes-workspace{min-height:min(760px,calc(100vh - 194px));display:grid;grid-template-columns:292px minmax(0,1fr);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden;transition:grid-template-columns .16s ease}.markdown-notes-workspace.is-sidebar-collapsed{grid-template-columns:50px minmax(0,1fr)}.markdown-notes-sidebar,.markdown-share-sidebar{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-right:1px solid var(--border);background:var(--surface-muted);overflow:hidden}.markdown-notes-sidebar-header{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--surface)}.markdown-notes-sidebar-title{min-width:0;display:flex;align-items:center;gap:8px;font-weight:800}.markdown-notes-sidebar-title small{min-width:24px;padding:2px 6px;border-radius:999px;background:var(--surface-muted);color:var(--muted);font-size:.72rem;text-align:center}.is-sidebar-collapsed .markdown-notes-sidebar-header{padding-inline:5px}.is-sidebar-collapsed .markdown-notes-sidebar-title,.is-sidebar-collapsed .markdown-notes-sidebar-header .toolbar>:not(.markdown-sidebar-collapse){display:none}.markdown-sidebar-expand-button{align-self:start;width:100%;min-height:48px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer;transform:rotate(180deg)}.markdown-page-tree{min-height:0;padding:8px 6px 18px;overflow:auto}.markdown-page-tree-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.markdown-page-tree-row{min-height:34px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;padding-left:calc(var(--note-tree-level, 0) * 15px);border-radius:6px;color:var(--muted)}.markdown-page-tree-row:hover,.markdown-page-tree-row:focus-within{background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text)}.markdown-page-tree-row.is-active{background:var(--accent-soft);color:var(--accent-strong)}.markdown-tree-expand,.markdown-tree-page{min-width:0;border:0;background:transparent;color:inherit;cursor:pointer}.markdown-tree-expand{width:22px;height:28px;display:grid;place-items:center;padding:0}.markdown-tree-expand:disabled{cursor:default}.markdown-tree-page{overflow:hidden;padding:6px 4px;font-size:.86rem;font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap}a.markdown-tree-page{display:block}.markdown-tree-actions{display:none;align-items:center;padding-right:3px}.markdown-page-tree-row:hover .markdown-tree-actions,.markdown-page-tree-row:focus-within .markdown-tree-actions,.markdown-page-tree-row.is-active .markdown-tree-actions{display:flex}.markdown-tree-actions .icon-button{width:25px;min-height:25px;padding:0}.markdown-notes-empty-tree{min-height:180px;display:grid;align-content:center;justify-items:center;gap:12px;padding:16px;color:var(--muted);text-align:center}.markdown-note-canvas,.markdown-share-document{position:relative;min-width:0;min-height:0;background:var(--surface);overflow:auto}.markdown-note-document,.markdown-share-document>article{width:min(840px,calc(100% - 48px));margin:0 auto;padding:clamp(36px,6vw,74px) 0 100px}.markdown-note-title-input{width:100%;min-height:68px;margin-bottom:24px;padding:0;border:0;border-bottom:1px solid transparent;outline:0;background:transparent;color:var(--text);font-size:clamp(2rem,5vw,3.2rem);font-weight:850;letter-spacing:-.045em;line-height:1.08;text-align:center}.markdown-note-title-input:focus{border-bottom-color:var(--border)}.markdown-note-title-input::placeholder{color:color-mix(in srgb,var(--muted) 55%,transparent)}.markdown-editor-shell{min-height:420px}.markdown-editor{--baseBase: var(--surface);--baseBgSubtle: var(--surface-muted);--baseBg: var(--surface);--baseLine: var(--border);--baseText: var(--text);--baseTextContrast: var(--text);--accentBg: var(--accent-soft);--accentLine: var(--accent);--accentText: var(--accent-strong);color:var(--text);background:transparent}.markdown-editor [role=toolbar]{position:sticky;top:0;z-index:5;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 4px 16px #141e140f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.markdown-editor-content{min-height:440px;padding:28px 4px 80px;outline:0}.markdown-editor-error{margin-top:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);font-size:.86rem}.markdown-body{color:var(--text);font-size:1rem;line-height:1.75;overflow-wrap:anywhere}.markdown-body>:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{scroll-margin-top:130px;margin:1.8em 0 .65em;color:var(--text);line-height:1.25}.markdown-body h1{font-size:2rem}.markdown-body h2{padding-bottom:.28em;border-bottom:1px solid var(--border);font-size:1.55rem}.markdown-body h3{font-size:1.28rem}.markdown-body h4,.markdown-body h5,.markdown-body h6{font-size:1.05rem}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body table{margin:.9em 0}.markdown-body blockquote{padding:.2em 1em;border-left:3px solid var(--accent);color:var(--muted)}.markdown-body a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}.markdown-body img{max-width:100%;height:auto;border-radius:var(--radius)}.markdown-body table{width:100%;border-collapse:collapse}.markdown-body th,.markdown-body td{padding:8px 10px;border:1px solid var(--border);text-align:left}.markdown-body th{background:var(--surface-muted)}.markdown-body :not(pre)>code{padding:.12em .35em;border:1px solid var(--border);border-radius:4px;background:var(--surface-muted);font-family:var(--mono);font-size:.9em}.markdown-editor-code-block{position:relative;margin:18px 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);overflow:hidden}.markdown-editor-code-copy{position:absolute;top:6px;right:38px;z-index:4;min-height:28px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--muted);font-size:.73rem;font-weight:750;cursor:pointer}.markdown-editor .cm-editor{height:auto;min-height:120px;max-height:520px;background:var(--surface)!important;color:var(--text)}.markdown-editor .cm-scroller{min-height:120px;overflow:auto}.markdown-code-block,.mermaid-block{margin:1.2em 0;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-muted) 72%,var(--surface));overflow:hidden}.markdown-code-toolbar{min-height:38px;display:flex;align-items:center;gap:8px;padding:5px 7px 5px 11px;border-bottom:1px solid var(--border);background:var(--surface-muted)}.markdown-code-language{margin-right:auto;color:var(--muted);font-family:var(--mono);font-size:.75rem;font-weight:700}.markdown-code-toolbar button,.mermaid-mode-toggle button{min-height:27px;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--muted);font-size:.73rem;font-weight:750;cursor:pointer}.mermaid-mode-toggle{display:inline-flex;gap:3px}.mermaid-mode-toggle button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.static-code-block{display:block;padding:10px 0;overflow:auto;background:var(--surface);color:var(--text);font-family:var(--mono);font-size:.84rem;line-height:1.55}.static-code-line{min-width:max-content;display:grid;grid-template-columns:48px minmax(0,1fr)}.static-code-line:hover{background:var(--accent-soft)}.static-code-line-number{padding-right:12px;color:var(--muted);text-align:right;-webkit-user-select:none;user-select:none}.static-code-line-content{padding-right:16px;white-space:pre}.static-code-editor{min-height:180px;display:grid;grid-template-columns:48px minmax(0,1fr);background:var(--surface)}.static-code-lines{display:grid;align-content:start;padding:12px 10px 12px 0;border-right:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:.82rem;line-height:1.55;text-align:right;-webkit-user-select:none;user-select:none}.static-code-editor textarea{min-height:180px;padding:12px;resize:vertical;border:0;outline:0;background:var(--surface);color:var(--text);font-family:var(--mono);font-size:.82rem;line-height:1.55;white-space:pre}.mermaid-output{min-height:160px;display:grid;place-items:center;padding:22px;overflow:auto;background:var(--surface)}.mermaid-output svg{max-width:100%;height:auto}.mermaid-loading,.mermaid-error{min-height:140px;display:grid;align-content:center;justify-items:center;gap:7px;padding:20px;background:var(--surface);color:var(--muted);text-align:center}.mermaid-error{color:var(--danger)}.markdown-notes-welcome,.markdown-share-unavailable{min-height:440px;display:grid;align-content:center;justify-items:center;gap:12px;padding:28px;color:var(--muted);text-align:center}.markdown-notes-welcome h1,.markdown-share-unavailable h1{color:var(--text)}.markdown-outline-popover{position:fixed;top:126px;right:clamp(18px,3vw,44px);z-index:18;width:min(290px,calc(100vw - 36px));max-height:min(560px,calc(100vh - 154px));display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.markdown-outline-header{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 6px 12px;border-bottom:1px solid var(--border)}.markdown-outline-popover nav{display:grid;align-content:start;padding:7px;overflow:auto}.markdown-outline-popover nav button{min-height:31px;overflow:hidden;padding:5px 8px 5px calc(8px + (var(--outline-depth, 1) - 1) * 12px);border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:.82rem;font-weight:650;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.markdown-outline-popover nav button:hover,.markdown-outline-popover nav button.is-active{background:var(--accent-soft);color:var(--accent-strong)}.markdown-outline-popover>p{padding:16px;color:var(--muted);font-size:.84rem}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;padding:18px;background:#00000075}.dialog-panel.markdown-dialog{width:min(560px,100%);max-height:min(780px,calc(100vh - 36px));display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:auto}.dialog-header{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--border)}.dialog-header h2{font-size:1.05rem}.markdown-dialog-form,.markdown-delete-confirmation,.markdown-conflict-dialog{display:grid;gap:16px;padding:18px}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.dialog-action-spacer{flex:1}.markdown-delete-confirmation>svg{color:var(--danger)}.markdown-delete-confirmation p,.markdown-conflict-dialog p,.markdown-share-description{color:var(--muted)}.checkbox-row{min-height:38px;display:flex;align-items:center;gap:9px;color:var(--text);font-size:.9rem;font-weight:700}.checkbox-row input{width:17px;height:17px;accent-color:var(--accent)}.markdown-share-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.markdown-share-link input{min-width:0;font-family:var(--mono);font-size:.8rem}.markdown-share-actions>span:not(.dialog-action-spacer){color:var(--danger);font-size:.84rem;font-weight:700}.markdown-mobile-menu,.markdown-mobile-close,.markdown-share-mobile-menu,.markdown-notes-drawer-scrim{display:none}.markdown-share-state{min-height:440px}.markdown-share-unlock{width:min(480px,100%);min-height:360px;display:grid;align-content:center;justify-self:center;gap:18px;margin:40px auto;padding:28px;text-align:center}.markdown-share-unlock>svg{justify-self:center;color:var(--accent)}.markdown-share-unlock>div{display:grid;gap:7px}.markdown-share-unlock form{display:grid;gap:12px;text-align:left}.markdown-share-workspace{min-height:min(760px,calc(100vh - 194px));display:grid;grid-template-columns:260px minmax(0,1fr);margin-top:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.markdown-share-sidebar .markdown-page-tree-row{grid-template-columns:22px minmax(0,1fr)}.markdown-share-title{margin:5px 0 34px;font-size:clamp(2rem,5vw,3.1rem);letter-spacing:-.04em;line-height:1.1;text-align:center}.public-markdown{padding-bottom:80px}@media(max-width:900px){.markdown-notes-workspace,.markdown-notes-workspace.is-sidebar-collapsed,.markdown-share-workspace{grid-template-columns:minmax(0,1fr)}.markdown-notes-sidebar,.markdown-share-sidebar{position:fixed;inset:0 auto 0 0;z-index:43;width:min(330px,calc(100vw - 44px));border-right:1px solid var(--border);box-shadow:var(--shadow);transform:translate(-105%);transition:transform .18s ease}.markdown-notes-sidebar.is-mobile-open,.markdown-share-sidebar.is-mobile-open{transform:translate(0)}.markdown-notes-drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:42;display:block;border:0;background:#0006}.markdown-mobile-menu,.markdown-mobile-close,.markdown-share-mobile-menu{display:inline-grid}.markdown-sidebar-collapse{display:none}.markdown-note-document,.markdown-share-document>article{width:min(840px,calc(100% - 32px))}}@media(max-width:640px){.markdown-notes-topbar,.markdown-share-topbar{align-items:flex-start}.markdown-notes-topbar .toolbar,.markdown-share-topbar .toolbar{width:auto}.markdown-notes-topbar .toolbar .button{flex:0 1 auto}.markdown-notes-workspace,.markdown-share-workspace{min-height:calc(100vh - 178px)}.markdown-note-document,.markdown-share-document>article{width:min(840px,calc(100% - 24px));padding-top:32px}.markdown-note-title-input{min-height:54px;margin-bottom:14px;font-size:2rem}.markdown-editor [role=toolbar]{overflow-x:auto;flex-wrap:nowrap}.markdown-outline-popover{top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:min(55vh,460px)}.markdown-share-link{grid-template-columns:1fr}.markdown-share-actions{align-items:stretch;flex-direction:column}.dialog-action-spacer{display:none}}
