:root{color:#1d2529;background:#f5f7f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1d2529;--muted: #677177;--line: #dce2df;--soft-line: #e9edeb;--surface: #ffffff;--subtle: #f5f7f6;--accent: #087f69;--accent-hover: #066b59;--accent-soft: #e5f4ef;--danger: #bd3f32;--danger-soft: #fbecea;--warning: #98670c;--shadow: 0 14px 38px rgba(24, 38, 33, .14)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid rgba(8,127,105,.5);outline-offset:2px}.boot-screen{display:grid;min-height:100vh;place-items:center;color:var(--accent)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.button{min-height:38px;gap:8px;padding:0 14px;border-radius:6px;font-weight:650;font-size:14px;white-space:nowrap}.button.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button.secondary{background:var(--surface);border-color:#cfd7d3}.button.secondary:hover:not(:disabled),.button.subtle:hover:not(:disabled){background:var(--subtle);border-color:#bfc9c4}.button.subtle{min-height:32px;padding:0 9px;background:transparent;border-color:transparent;font-weight:550}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button{width:36px;height:36px;flex:0 0 36px;padding:0;border-radius:6px;background:transparent}.icon-button:hover:not(:disabled){background:#edf1ef}.danger-icon{color:var(--danger)}.danger-icon:hover:not(:disabled){background:var(--danger-soft)}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#263b36}.brand-mark.small{width:34px;height:34px;flex:0 0 34px;border-radius:6px}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:#eef2f0}.login-panel{width:min(100%,400px);padding:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.login-panel .brand-mark{margin-bottom:24px}.product-name{margin:0 0 8px;color:var(--accent);font-size:13px;font-weight:750;text-transform:uppercase}.login-panel h1{margin:0;font-size:27px;letter-spacing:0}.login-copy{margin:13px 0 24px;color:var(--muted);line-height:1.65}.login-button{width:100%;min-height:44px}.login-domain{margin:20px 0 0;color:#89928f;font-size:12px;text-align:center}.alert{display:flex;gap:9px;align-items:flex-start;margin:0 0 16px;padding:11px 12px;border-radius:6px;font-size:13px;line-height:1.45}.alert.error{color:#8d2f27;background:var(--danger-soft);border:1px solid #f3cec8}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:var(--surface)}.sidebar{position:sticky;top:0;z-index:20;height:100vh;overflow:hidden;display:flex;flex-direction:column;background:#f4f6f5;border-right:1px solid var(--line)}.sidebar-header{min-height:68px;display:flex;align-items:center;gap:11px;padding:0 16px;border-bottom:1px solid var(--line)}.sidebar-header>div:nth-child(2){min-width:0;display:flex;flex-direction:column}.sidebar-header strong{font-size:14px}.sidebar-header span{margin-top:2px;color:var(--muted);font-size:11px}.sidebar-header .icon-button{margin-left:auto}.sidebar-actions{display:flex;gap:7px;padding:14px 12px 10px}.search-field{min-width:0;height:36px;flex:1;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #d1d8d5;border-radius:6px;color:var(--muted);background:var(--surface)}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #087f691a}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:13px}.sidebar-actions>.icon-button{background:var(--accent);color:#fff}.sidebar-actions>.icon-button:hover{background:var(--accent-hover)}.list-label{display:flex;justify-content:space-between;padding:8px 16px 7px;color:#7d8783;font-size:11px;font-weight:750;text-transform:uppercase}.skill-list{min-height:0;overflow-y:auto;padding:0 8px 16px}.skill-item{width:100%;min-height:60px;display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:8px;margin:2px 0;padding:8px 9px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer}.skill-item:hover{background:#e9edeb}.skill-item.active{background:#dfe9e5;box-shadow:inset 3px 0 var(--accent)}.skill-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d7dedb;border-radius:5px;color:#53605c;background:var(--surface)}.skill-item.active .skill-icon{color:var(--accent);border-color:#a9cbc0}.skill-summary{min-width:0;display:flex;flex-direction:column;gap:3px}.skill-summary strong,.skill-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-summary strong{font-size:13px}.skill-summary span{color:var(--muted);font-size:11px}.skill-chevron{color:#929b98}.invalid-icon{color:var(--danger)}.skill-item .invalid-icon+.skill-chevron{display:none}.sidebar-state{display:flex;justify-content:center;align-items:center;gap:8px;padding:28px 10px;color:var(--muted);font-size:12px}.sidebar-scrim{display:none}.main-column{min-width:0}.app-header{position:sticky;top:0;z-index:10;height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-bottom:1px solid var(--line);background:#fffffff5}.header-title,.header-tools{min-width:0;display:flex;align-items:center;gap:9px}.header-title{color:var(--muted);font-size:13px}.header-title strong{max-width:320px;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.header-tools{justify-content:flex-end}.sync-state{height:30px;display:flex;align-items:center;gap:6px;padding:0 9px;border-radius:5px;font-size:12px;font-weight:650}.sync-state.current{color:#08715e;background:var(--accent-soft)}.sync-state.pending{color:var(--warning);background:#fbf3df}.user-menu{display:flex;align-items:center;gap:7px;padding-left:9px;border-left:1px solid var(--line);font-size:13px}.user-menu img{width:26px;height:26px;border-radius:50%;object-fit:cover}.main-content{min-height:calc(100vh - 68px);background:var(--surface)}.workspace{width:min(100%,1160px);margin:0 auto;padding:30px 38px 56px}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;min-height:72px}.workspace-heading h1{margin:0;font-size:24px;letter-spacing:0}.heading-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto}.workspace-heading p{max-width:760px;margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.title-row{display:flex;align-items:center;gap:9px}.draft-badge{padding:3px 7px;border-radius:4px;color:#80570e;background:#fbf0d5;font-size:11px;font-weight:750}.tabs{height:44px;display:flex;align-items:stretch;gap:22px;border-bottom:1px solid var(--line)}.tabs button{position:relative;display:flex;align-items:center;gap:7px;padding:0 2px;border:0;color:var(--muted);background:transparent;font-size:13px;font-weight:650;cursor:pointer}.tabs button:hover,.tabs button.active{color:var(--ink)}.tabs button.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:"";background:var(--accent)}.tabs button span{min-width:19px;height:19px;display:grid;place-items:center;border-radius:10px;background:#edf1ef;font-size:10px}.editor-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--soft-line)}.toolbar-actions{min-width:0;display:flex;align-items:center;gap:8px}.segmented{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:6px;background:var(--subtle)}.segmented button{height:30px;display:flex;align-items:center;gap:6px;padding:0 10px;border:0;border-radius:4px;color:var(--muted);background:transparent;font-size:12px;cursor:pointer}.segmented button.active{color:var(--ink);background:var(--surface);box-shadow:0 1px 2px #15231e1a}.validation-label{max-width:280px;display:flex;align-items:center;gap:5px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.validation-label.valid{color:var(--accent)}.validation-label.invalid{color:var(--danger)}.editor-form{display:flex;flex-direction:column;gap:18px;padding-top:24px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{min-width:0;display:flex;flex-direction:column;gap:7px}.field-label{display:flex;align-items:baseline;gap:7px;color:#3b4743;font-size:12px;font-weight:700}.field-label small{color:#8b9491;font-size:10px;font-weight:500}.field input,.field textarea,.path-input{width:100%;border:1px solid #cfd7d3;border-radius:6px;color:var(--ink);background:var(--surface)}.field input,.path-input{height:39px;padding:0 11px}.field textarea{padding:9px 11px;resize:vertical;line-height:1.55}.field input:focus,.field textarea:focus,.path-input:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 2px #087f691a}.field input[readonly]{color:#53605c;background:#f3f5f4}.code-input{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.body-input{min-height:420px;resize:vertical}.advanced-fields{border:1px solid var(--soft-line);border-radius:6px}.advanced-fields summary{height:40px;display:flex;align-items:center;gap:7px;padding:0 11px;color:#4d5955;font-size:12px;font-weight:650;cursor:pointer;list-style:none}.advanced-fields summary::-webkit-details-marker{display:none}.advanced-fields[open] summary{border-bottom:1px solid var(--soft-line)}.advanced-fields .field{padding:12px}.markdown-preview{min-height:520px;padding:26px 4px;color:#28322f;line-height:1.7}.preview-meta{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--line)}.preview-meta span{color:var(--accent);font-size:12px;font-weight:750}.preview-meta p{margin:6px 0 0;color:var(--muted)}.markdown-preview h1{margin:30px 0 12px;font-size:25px;letter-spacing:0}.markdown-preview h2{margin:28px 0 10px;font-size:20px;letter-spacing:0}.markdown-preview h3{font-size:16px;letter-spacing:0}.markdown-preview pre{overflow-x:auto;padding:14px;border-radius:6px;background:#202825;color:#f0f5f2}.markdown-preview code{padding:2px 4px;border-radius:3px;background:#eef2f0;font-family:SFMono-Regular,Consolas,monospace;font-size:.9em}.markdown-preview pre code{padding:0;background:transparent}.markdown-preview table{width:100%;border-collapse:collapse}.markdown-preview th,.markdown-preview td{padding:8px;border:1px solid var(--line);text-align:left}.markdown-preview blockquote{margin-left:0;padding-left:14px;border-left:3px solid #a9cbc0;color:var(--muted)}.files-view,.history-view{padding-top:20px}.upload-row{display:grid;grid-template-columns:minmax(150px,210px) minmax(180px,1fr) auto auto;gap:9px;padding-bottom:20px;align-items:center}.file-picker{min-width:0;overflow:hidden}.file-picker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker input{position:absolute;width:1px;height:1px;opacity:0}.file-table{border-top:1px solid var(--line)}.file-row{min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) 100px 130px;align-items:center;gap:12px;border-bottom:1px solid var(--soft-line);font-size:13px}.file-head{min-height:38px;color:#7d8783;font-size:11px;font-weight:750;text-transform:uppercase}.file-name{min-width:0;display:flex;align-items:center;gap:9px;padding:0;border:0;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.file-name:disabled{cursor:default}.file-name svg{flex:0 0 auto;color:#62706b}.file-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name:not(:disabled):hover span{color:var(--accent);text-decoration:underline}.file-size{color:var(--muted)}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}.table-empty{padding:42px 12px;color:var(--muted);text-align:center;font-size:13px}.history-view{padding-top:10px}.history-row{min-height:72px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:5px}.timeline{position:relative;align-self:stretch;display:flex;justify-content:center}.timeline-dot{position:absolute;top:31px;z-index:1;width:9px;height:9px;border:2px solid var(--accent);border-radius:50%;background:var(--surface)}.timeline-line{position:absolute;top:37px;bottom:-36px;width:1px;background:var(--line)}.commit-info{min-width:0;display:flex;flex-direction:column;gap:6px}.commit-info strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.commit-info span{color:var(--muted);font-size:11px}.commit-info code{color:#3d5550}.empty-state,.center-state{min-height:calc(100vh - 68px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:var(--muted);text-align:center}.empty-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:16px;border:1px solid #cbd7d2;border-radius:8px;color:var(--accent);background:var(--accent-soft)}.empty-state h2{margin:0;color:var(--ink);font-size:19px;letter-spacing:0}.empty-state p{margin:8px 0 20px;font-size:13px}.center-state{min-height:360px;flex-direction:row;gap:9px;font-size:13px}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#141c197a}.modal{width:min(100%,480px);max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column;border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.modal.wide{width:min(100%,900px)}.modal>header{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 20px;border-bottom:1px solid var(--line)}.modal>header h2{margin:0;overflow:hidden;font-size:15px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.modal-body{min-height:0;overflow:auto;padding:20px}.modal-form{display:flex;flex-direction:column;gap:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.file-editor{width:100%;min-height:55vh;padding:12px;resize:vertical;border:1px solid #cfd7d3;border-radius:6px;line-height:1.5}.diff-view{min-height:260px;max-height:65vh;overflow:auto;margin:0;padding:15px;border-radius:6px;color:#dfe9e5;background:#202825;font:12px/1.55 SFMono-Regular,Consolas,monospace;white-space:pre}.toast{position:fixed;right:22px;bottom:22px;z-index:80;max-width:min(440px,calc(100vw - 32px));min-height:46px;display:flex;align-items:center;gap:9px;padding:5px 6px 5px 13px;border:1px solid var(--line);border-radius:7px;background:var(--surface);box-shadow:var(--shadow);font-size:13px}.toast.success>svg{color:var(--accent)}.toast.error>svg{color:var(--danger)}.toast span{min-width:0;overflow-wrap:anywhere}.toast .icon-button{margin-left:auto}.mobile-only{display:none}@media(max-width:860px){.mobile-only{display:inline-flex}.desktop-crumb{display:none}.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;left:0;transform:translate(-100%);width:min(86vw,310px);box-shadow:var(--shadow);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.sidebar-scrim{position:fixed;inset:0;z-index:19;background:#141c1966}.sidebar-scrim.visible{display:block}.app-header{height:60px;padding:0 12px}.main-content{min-height:calc(100vh - 60px)}.workspace{padding:22px 18px 42px}.workspace-heading{min-height:68px}.workspace-heading h1{max-width:calc(100vw - 110px);overflow:hidden;font-size:21px;text-overflow:ellipsis;white-space:nowrap}.editor-toolbar{align-items:flex-start;padding:11px 0}.toolbar-actions{justify-content:flex-end;flex-wrap:wrap}.validation-label{order:3;width:100%;max-width:220px;justify-content:flex-end}.field-grid,.upload-row{grid-template-columns:1fr}.upload-row .button{width:100%}.file-row{grid-template-columns:minmax(0,1fr) auto;padding:7px 0}.file-row>:nth-child(3){grid-column:2}.file-head>:nth-child(3){display:none}.file-row:not(.file-head) .file-size{grid-column:1;grid-row:2;padding-left:26px;text-align:left}.file-row:not(.file-head) .row-actions{grid-column:2;grid-row:1 / 3;background:var(--surface)}.history-row{grid-template-columns:24px minmax(0,1fr);padding:8px 0}.history-row .row-actions{grid-column:2;justify-content:flex-start;margin-top:4px}.timeline-dot{top:30px}.timeline-line{top:36px;bottom:-54px}}@media(max-width:520px){.login-panel{padding:28px 22px}.header-tools{gap:2px}.user-menu{padding-left:4px;border-left:0}.workspace{padding-right:14px;padding-left:14px}.workspace-heading p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tabs{gap:16px}.tabs button{font-size:12px}.editor-toolbar{flex-direction:column}.toolbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.toolbar-actions .button{width:100%}.validation-label{grid-column:1 / -1;grid-row:2;max-width:none;justify-content:flex-start}.body-input{min-height:360px}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px)}.modal-body{padding:16px}.toast{right:12px;bottom:12px}}