:root{color:#e9eef5;background:#121722;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100vh;overflow:hidden;background:#111722}button,input{font:inherit}main{display:grid;grid-template-columns:minmax(320px,410px) minmax(0,1fr);height:100vh;min-height:0;overflow:hidden}.control-panel{display:flex;flex-direction:column;gap:18px;min-height:0;padding:28px;overflow-y:auto;border-right:1px solid rgba(255,255,255,.08);background:#151d2a;scrollbar-gutter:stable}.eyebrow{margin:0 0 8px;color:#82b8ff;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}.control-panel h1{margin:0;color:#f7f8fb;font-size:31px;line-height:1.08}.panel-heading{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}.help-button,.help-close{display:inline-grid;place-items:center;border:1px solid rgba(130,184,255,.35);border-radius:8px;cursor:pointer;background:#82b8ff14;color:#cfe4ff}.help-button{width:40px;height:40px}.help-button:hover,.help-close:hover{border-color:#82b8ffb3;background:#82b8ff24}.help-button svg,.help-close svg{width:20px;height:20px}.drop-zone{display:grid;gap:10px;place-items:center;min-height:168px;padding:22px;cursor:pointer;border:1px dashed rgba(130,184,255,.55);border-radius:8px;background:#101723;color:#f4f7fb;text-align:center;transition:border-color .16s ease,background .16s ease,transform .16s ease}.drop-zone.dragging,.drop-zone:hover{border-color:#82b8ff;background:#172335}.drop-zone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.drop-zone svg{width:34px;height:34px;color:#82b8ff}.drop-zone span{font-weight:800}.drop-zone small,.preview-header small,.parse-note{color:#aab7c8;font-size:13px;line-height:1.4}.sample-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:42px;margin-top:-8px;border:1px solid rgba(130,184,255,.35);border-radius:8px;cursor:pointer;background:#82b8ff14;color:#cfe4ff;font-size:14px;font-weight:800}.sample-button:hover{border-color:#82b8ffb3;background:#82b8ff24}.sample-button svg{width:18px;height:18px}.field-row{display:grid;gap:8px}.field-row label{color:#cad4e3;font-size:13px;font-weight:700}.field-row input{width:100%;height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none;background:#0f1621;color:#f7f8fb}.field-row input:focus{border-color:#82b8ff}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.summary-grid>div{display:grid;min-height:66px;align-content:center;gap:4px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#101723}.summary-grid svg{width:19px;height:19px;color:#82b8ff}.summary-grid span{min-width:0;overflow:hidden;color:#fff;font-size:16px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.summary-grid small{color:#aab7c8;font-size:12px}.source-line{display:grid;gap:5px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#101723}.source-line span{color:#aab7c8;font-size:12px}.source-line strong{overflow:hidden;color:#fff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.parse-note{margin:0}.error{margin:0;padding:12px;border:1px solid rgba(255,105,97,.35);border-radius:8px;background:#ff696114;color:#ffb5af;font-size:14px}.success{margin:0;padding:12px;border:1px solid rgba(126,203,77,.35);border-radius:8px;background:#7ecb4d1a;color:#c9f0b3;font-size:14px}.sidebar-footer{position:sticky;bottom:0;display:grid;gap:10px;margin:auto -28px -28px;padding:16px 28px 28px;background:linear-gradient(180deg,#151d2a00,#151d2a 18px)}.export-button,.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border:0;border-radius:8px;cursor:pointer;background:#f57c22;color:#111722;font-weight:900}.copy-button{border:1px solid rgba(130,184,255,.35);background:#101723;color:#d8e4f3}.copy-button:hover{border-color:#82b8ffb3;background:#172335}.export-button:disabled,.copy-button:disabled{cursor:wait;opacity:.75}.export-button svg,.copy-button svg{width:20px;height:20px}.help-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:#000000a3}.help-panel{position:relative;width:min(560px,100%);max-height:min(680px,calc(100vh - 48px));overflow:auto;padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#151d2a;box-shadow:0 24px 80px #0000006b}.help-panel h2{margin:0 44px 18px 0;color:#f7f8fb;font-size:24px;line-height:1.1}.help-panel ol{margin:0;padding-left:22px;color:#d8e4f3;font-size:15px;line-height:1.55}.help-panel li+li{margin-top:8px}.help-close{position:absolute;top:18px;right:18px;width:34px;height:34px}.help-table{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.help-table span{flex-basis:100%;color:#aab7c8;font-size:13px;font-weight:800}.help-table code{padding:6px 8px;border:1px solid rgba(130,184,255,.2);border-radius:6px;background:#101723;color:#cfe4ff;font-size:13px}.preview-shell{display:flex;flex-direction:column;min-width:0;min-height:0;padding:24px;overflow:hidden}.preview-header{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:14px}.preview-header span{color:#fff;font-weight:900}.zoom-controls{display:flex;align-items:center;gap:6px}.zoom-controls button{min-width:48px;height:32px;border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;background:#101723;color:#d8e4f3;font-size:13px;font-weight:800}.zoom-controls button.active,.zoom-controls button:hover{border-color:#82b8ffb3;background:#82b8ff24;color:#fff}.zoom-controls output{min-width:46px;color:#aab7c8;font-size:13px;text-align:right}.preview-scroll{flex:1;min-height:0;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#000;scrollbar-gutter:stable both-edges}.timeline-zoom-frame{position:relative;min-width:1px;min-height:1px}.timeline-zoom-content{position:absolute;top:0;left:0;transform-origin:top left}.timeline-export{width:2800px;min-height:1575px;padding:46px 80px 76px;background:#000;color:#111}.timeline-export.export-tight{min-height:0}.timeline-export.export-transparent{background:transparent}.timeline-export h1{margin:0 0 28px;color:#f1f4f8;font-size:64px;font-weight:650;letter-spacing:0;line-height:1;text-align:center;text-shadow:0 2px 20px rgba(130,184,255,.16)}.timeline-export.export-transparent h1{color:#172033;text-shadow:none}.timeline-top{display:grid;grid-template-columns:150px 1fr 120px;align-items:end;min-height:150px;margin-bottom:20px}.year{color:#f57c22;font-size:30px;font-weight:900;line-height:60px}.year-start{text-align:right;padding-right:18px}.year-end{padding-left:18px}.month-axis{position:relative;height:60px;background:#334154}.red-rail{position:absolute;top:0;left:0;width:92%;height:16px;background:#ff1010}.red-rail:after{position:absolute;right:-8px;top:-18px;width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:32px solid #ff1010;content:""}.month-tick{position:absolute;top:16px;bottom:8px;width:2px;background:#ffffff6b}.month-tick span{position:absolute;top:6px;left:8px;color:#f5f5f5;font-size:25px;font-weight:500}.floating-milestone{position:absolute;bottom:58px;transform:translate(-3px)}.flag-pole{width:5px;height:88px;background:#8fd0ff;box-shadow:0 0 0 1px #8fd0ff4d}.flag{position:absolute;top:8px;left:5px;width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:32px solid #7ecb4d}.floating-milestone-date,.floating-milestone-title{position:absolute;left:54px;width:360px;color:#dbe9ff;text-shadow:0 1px 8px rgba(0,0,0,.85);white-space:nowrap}.floating-milestone-date{top:17px;font-size:19px;font-weight:800}.floating-milestone-title{top:44px;overflow:hidden;color:#fff;font-size:18px;font-weight:900;line-height:23px;text-overflow:ellipsis}.timeline-export.export-transparent .floating-milestone-date,.timeline-export.export-transparent .floating-milestone-title{color:#314963;text-shadow:none}.lanes{border:2px solid #000}.lane{display:grid;grid-template-columns:160px 1fr;border-bottom:3px solid #000;background:#aaa}.lane:last-child{border-bottom:0}.lane-label{display:grid;place-content:center;min-height:100%;color:#fff;font-size:25px;font-weight:500;line-height:1.08;text-align:center}.lane-label span{display:block}.lane-body{position:relative;background:#aaa}.task-row{position:absolute;right:0;left:0;height:32px}.task-date{position:absolute;top:2px;width:172px;color:#314963;font-size:19px;font-weight:700;line-height:30px;text-align:right;white-space:nowrap}.task-date-right,.task-date-inside{text-align:left}.task-date-inside{color:#ffffffe0}.task-bar{position:absolute;top:0;height:31px;min-width:42px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,18px 50%)}.task-bar span{position:absolute;right:26px;color:#d5d6d7;font-size:18px;font-weight:500;line-height:31px}.task-title{position:absolute;top:1px;overflow:hidden;color:#050505;font-size:20px;font-weight:900;line-height:30px;text-overflow:ellipsis;white-space:nowrap}.task-title-inside{color:#000000e0}.task-title-light{color:#ffffffeb}.task-title-left{text-align:right}.lane-milestone{position:absolute;display:flex;align-items:center;gap:10px;min-width:520px;transform:translate(-118px)}.milestone-date{width:118px;color:#314963;font-size:19px;font-weight:700;text-align:right}.milestone-shape{width:32px;height:32px;clip-path:polygon(50% 0,62% 30%,95% 30%,70% 50%,82% 83%,50% 66%,18% 83%,30% 50%,5% 30%,38% 30%)}.lane-milestone strong{color:#050505;font-size:20px;font-weight:900;white-space:nowrap}@media(max-width:980px){main{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.summary-grid{grid-template-columns:repeat(3,1fr)}.preview-header{align-items:flex-start;flex-direction:column}.zoom-controls{flex-wrap:wrap}.sidebar-footer{position:static}}