:root{color:#171914;font-synthesis:none;text-rendering:optimizelegibility;--ink:#171914;--muted:#6b6f63;--canvas:#e9e8df;--paper:#fffef8;--line:#c9cabd;--lime:#c9f76f;--amber:#ffd77a;--red:#ff9f89;--ease:cubic-bezier(.16, 1, .3, 1);background:#ddddd3;font-family:Instrument Sans,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,textarea{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #668e27}.app-shell{background:radial-gradient(circle at 20% 10%,#fffef8cc,#0000 30%),#ddddd3;min-height:100vh}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#e9e8dfc7;border-bottom:1px solid #17191429;justify-content:space-between;align-items:center;height:68px;padding:0 22px 0 26px;display:flex;position:relative}.brand-lockup{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{background:var(--ink);border-radius:50%;align-content:center;gap:2px;width:23px;height:23px;padding:4px;display:grid}.brand-mark span{background:var(--lime);transform-origin:0;border-radius:2px;height:2px;display:block}.brand-mark span:first-child{width:7px}.brand-mark span:nth-child(2){width:12px}.brand-mark span:nth-child(3){width:9px}.brand-name{letter-spacing:-.04em;font-size:21px;font-weight:700}.brand-tagline{border-left:1px solid var(--line);color:var(--muted);margin-left:3px;padding-left:13px;font-family:IBM Plex Mono,monospace;font-size:10px}.context-button{border:1px solid var(--ink);background:var(--ink);height:38px;color:var(--paper);cursor:pointer;border-radius:3px;align-items:center;gap:9px;padding:0 7px 0 13px;transition:transform .13s cubic-bezier(.2,0,0,1),background .13s cubic-bezier(.2,0,0,1);display:flex}.context-button:hover{background:#30342b;transform:translateY(-1px)}.context-button:active{transform:translateY(1px)scale(.99)}.context-button svg,.icon-button svg,.source-toolbar button svg,.apply-button svg,.run-arrow svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:17px;height:17px}.context-button kbd{color:var(--lime);background:#ffffff1f;border:0;border-radius:2px;padding:5px 7px;font-family:IBM Plex Mono,monospace;font-size:9px}.workspace{grid-template-columns:minmax(290px,360px) 1fr;height:calc(100vh - 68px);display:grid;overflow:hidden}.run-rail{background:#f4f3ea73;border-right:1px solid #17191429;flex-direction:column;min-width:0;padding:30px 26px 24px;display:flex;overflow:hidden}.rail-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600}.rail-heading h1{letter-spacing:-.045em;white-space:nowrap;margin:0;font-size:clamp(24px,2vw,30px);line-height:.98}.queue-count{color:#8d9184;flex:none;font-family:IBM Plex Mono,monospace;font-size:12px}.run-list{border-top:1px solid var(--line);min-height:0;display:grid;overflow-y:auto}.run-card{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;width:100%;min-height:92px;transition:padding .28s var(--ease), background .28s var(--ease);background:0 0;grid-template-columns:27px 1fr 22px;align-items:center;gap:9px;padding:15px 9px 15px 0;display:grid;position:relative}.run-card:before{content:"";background:var(--ink);transform-origin:50%;width:3px;transition:transform .28s var(--ease);border-radius:3px;position:absolute;inset:10px auto 10px -1px;transform:scaleY(0)}.run-card:hover{background:#fffef880;padding-left:8px}.run-card.selected{background:var(--paper);padding-left:11px}.run-card.selected:before{transform:scaleY(1)}.run-index{color:#979b8e;align-self:start;margin-top:3px;font-family:IBM Plex Mono,monospace;font-size:9px}.run-copy{gap:8px;min-width:0;display:grid}.run-title{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;overflow:hidden}.run-meta{color:var(--muted);align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:9px;display:flex}.status-dot{width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 18%, transparent);background:currentColor;border-radius:50%}.status-dot.ready,.status-pill.ready{color:#507c15}.status-dot.decision,.status-pill.decision{color:#9b6510}.status-dot.stopped,.status-pill.stopped{color:#a53c27}.run-arrow{opacity:0;transition:opacity .24s var(--ease), transform .24s var(--ease);transform:translate(-6px)}.run-card:hover .run-arrow,.run-card.selected .run-arrow{opacity:1;transform:translate(0)}.rail-note{margin-top:auto;padding-top:24px}.note-rule{background:var(--lime);width:28px;height:3px;box-shadow:7px 0 0 var(--ink);margin-bottom:14px;display:block}.rail-note p{max-width:300px;margin:0 0 8px;font-size:13px;font-weight:600;line-height:1.4}.note-caption{max-width:285px;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:9px;line-height:1.5;display:block}.preview-panel{grid-template-rows:68px 1fr;min-width:0;display:grid;overflow:hidden}.preview-toolbar{background:#e9e8dfad;border-bottom:1px solid #17191421;justify-content:space-between;align-items:center;gap:24px;padding:10px 21px;display:flex}.mode-switcher{border:1px solid var(--line);background:#fffef873;border-radius:4px;align-items:stretch;gap:3px;height:46px;padding:3px;display:flex}.mode-switcher button{text-align:left;cursor:pointer;min-width:98px;transition:background .22s var(--ease), transform .12s cubic-bezier(.2, 0, 0, 1);background:0 0;border:0;border-radius:2px;align-content:center;gap:1px;padding:4px 13px;display:grid}.mode-switcher button:hover{background:#fffef8cc}.mode-switcher button:active{transform:scale(.98)}.mode-switcher button.active{background:var(--ink);color:var(--paper)}.mode-switcher span{font-size:11px;font-weight:650}.mode-switcher small{color:#85897c;font-family:IBM Plex Mono,monospace;font-size:7px}.mode-switcher button.active small{color:#afb3a4}.preview-meta{align-items:center;gap:13px;display:flex}.preview-actions{justify-content:flex-end;align-items:center;gap:14px;display:flex}.pdf-button{color:#0000;white-space:nowrap;opacity:0;pointer-events:none;width:0;height:36px;transition:width .3s var(--ease), padding .3s var(--ease), color .18s ease-in, background .18s ease-in, border-color .18s ease-in, opacity .18s ease-in, transform .3s var(--ease);background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:8px;padding:0;font-size:10px;font-weight:650;display:flex;overflow:hidden;transform:translate(8px)}.pdf-button.visible{border-color:var(--ink);background:var(--ink);width:126px;color:var(--paper);opacity:1;pointer-events:auto;transition:width .3s var(--ease), padding .3s var(--ease), color .18s ease-out, background .18s ease-out, border-color .18s ease-out, opacity .18s ease-out, transform .3s var(--ease);padding:0 11px;transform:translate(0)}.pdf-button:hover{background:#30342b;transform:translateY(-1px)}.pdf-button:active{transform:translateY(1px)scale(.99)}.pdf-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:15px;height:15px}.status-pill{background:color-mix(in srgb, currentColor 13%, transparent);text-transform:uppercase;border-radius:2px;padding:6px 8px;font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:600}.mode-dimensions{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:9px}.preview-canvas{background-color:#cfd0c4;background-image:linear-gradient(#1719140b 1px,#0000 1px),linear-gradient(90deg,#1719140b 1px,#0000 1px);background-size:24px 24px;padding:34px clamp(22px,5vw,72px) 72px;overflow:auto}.preview-frame{background:var(--paper);width:min(100%,880px);min-height:calc(100vh - 238px);animation:enter-right .38s var(--ease) both;border:1px solid #17191429;border-radius:5px;margin:0 auto;overflow:hidden;box-shadow:0 2px 2px #1719140f,0 24px 70px #1719141f}.preview-frame.enter-left{animation-name:enter-left}.mode-email .preview-frame{background:#fff;max-width:980px}.mode-document .preview-frame{border-radius:1px;max-width:810px;box-shadow:0 1px 2px #17191414,0 30px 85px #17191424}.preview-frame iframe{background:var(--paper);border:0;width:100%;min-height:760px;display:block;overflow:hidden}.email-inbox-preview{color:#202124;background:#fff;min-height:calc(100vh - 238px)}.email-message-header{justify-content:space-between;align-items:flex-start;gap:24px;min-height:82px;padding:25px 28px 18px;display:flex}.email-subject-row{align-items:center;gap:12px;min-width:0;display:flex}.email-subject-row h2{letter-spacing:-.025em;margin:0;font-size:clamp(18px,1.7vw,24px);font-weight:500;line-height:1.25}.email-inbox-label{color:#5f6368;background:#e4e6e1;border-radius:4px;flex:none;padding:4px 7px;font-size:10px;font-weight:600;line-height:1}.email-header-tools,.email-sender-tools{color:#5f6368;flex:none;align-items:center;gap:5px;display:flex}.email-tool-icon{border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.email-tool-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:18px;height:18px}.email-sender-row{grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 28px 22px;display:grid}.email-sender-avatar{background:var(--ink);width:38px;height:38px;color:var(--lime);border-radius:50%;place-items:center;font-size:17px;font-weight:700;display:grid}.email-sender-identity{min-width:0}.email-sender-identity p{white-space:nowrap;align-items:baseline;gap:4px;margin:0 0 2px;font-size:13px;line-height:1.3;display:flex;overflow:hidden}.email-sender-identity strong{font-weight:650}.email-sender-identity p span,.email-recipient,.email-sent-time{color:#5f6368;font-size:11px}.email-sender-identity p span{text-overflow:ellipsis;overflow:hidden}.email-recipient:after{content:"";border:3px solid #0000;border-top-color:currentColor;margin:0 0 3px 5px;display:inline-block;transform:translateY(2px)}.email-sent-time{white-space:nowrap}.email-message-body{background:#f1f2ed;border-top:1px solid #eceee9;overflow:hidden}.email-message-body iframe{background:#f1f2ed}@keyframes enter-right{0%{opacity:0;transform:translate(22px)scale(.992)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes enter-left{0%{opacity:0;transform:translate(-22px)scale(.992)}to{opacity:1;transform:translate(0)scale(1)}}.drawer-layer{z-index:20;pointer-events:none;position:fixed;inset:0}.drawer-layer.open{pointer-events:auto}.drawer-scrim{opacity:0;cursor:default;background:#1719146b;border:0;transition:opacity .24s ease-in;position:absolute;inset:0}.drawer-layer.open .drawer-scrim{opacity:1;transition:opacity .34s var(--ease)}.context-drawer{background:#f3f2e9;border:1px solid #17191438;border-radius:7px;grid-template-rows:auto 1fr auto;width:min(640px,100vw - 28px);height:calc(100vh - 28px);transition:transform .24s ease-in;display:grid;position:absolute;top:14px;right:14px;overflow:hidden;transform:translate(calc(100% + 30px));box-shadow:-28px 0 90px #1719142e}.drawer-layer.open .context-drawer{transition:transform .44s var(--ease);transform:translate(0)}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:28px 28px 22px;display:flex}.drawer-header h2{letter-spacing:-.04em;margin:0;font-size:30px;line-height:1}.icon-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .15s cubic-bezier(.2,0,0,1),transform .15s cubic-bezier(.2,0,0,1);display:grid}.icon-button:hover{background:var(--paper);transform:rotate(5deg)}.drawer-body{grid-template-rows:auto auto 1fr auto;gap:16px;min-height:0;padding:20px 28px 18px;display:grid}.format-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.format-switcher{border:1px solid var(--line);background:#e4e3d9;border-radius:4px;padding:3px;display:flex}.format-switcher button{cursor:pointer;transition:all .18s var(--ease);background:0 0;border:0;border-radius:2px;padding:8px 15px;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600}.format-switcher button.active{background:var(--paper);box-shadow:0 1px 4px #17191414}.format-stat{color:var(--muted);align-items:baseline;gap:6px;font-family:IBM Plex Mono,monospace;font-size:8px;display:flex}.format-stat strong{color:#507c15;font-size:15px}.source-shell{background:#1f211c;border:1px solid #2d3029;border-radius:5px;grid-template-rows:39px 1fr;min-height:0;display:grid;overflow:hidden}.source-toolbar{color:#aeb2a4;border-bottom:1px solid #393c34;justify-content:space-between;align-items:center;padding:0 10px 0 14px;font-family:IBM Plex Mono,monospace;font-size:8px;display:flex}.editability-note{background:#c9f76f2b;border:1px solid #668e274d;border-radius:4px;align-items:center;gap:12px;padding:12px 14px;display:flex}.editability-icon{background:var(--lime);color:#354813;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.editability-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:16px;height:16px}.editability-note>span:last-child{gap:2px;display:grid}.editability-note strong{font-size:13px;font-weight:700}.editability-note small{color:#5d6256;font-size:11px;line-height:1.35}.source-toolbar button{color:#daddd1;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:6px;min-width:70px;height:28px;transition:background .15s cubic-bezier(.2,0,0,1);display:flex}.source-toolbar button:hover{background:#30332b}.source-toolbar button svg{width:14px;height:14px}.copy-label{text-align:left;min-width:34px;display:inline-block}.source-shell textarea{resize:none;color:#e9ebdf;width:100%;height:100%;min-height:280px;caret-color:var(--lime);tab-size:2;background:0 0;border:0;outline:0;padding:17px;font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.65}.source-message{border-left:3px solid var(--lime);color:#4d5344;min-height:34px;transition:background .24s var(--ease), border-color .24s var(--ease);background:#c9f76f21;padding:9px 11px;font-family:inherit;font-size:11px;font-weight:650;line-height:1.5}.source-message.error{border-color:var(--red);color:#792d1e;background:#ff9f8929}.drawer-footer{border-top:1px solid var(--line);background:#e9e8df;justify-content:space-between;align-items:center;gap:24px;padding:18px 28px;display:flex}.size-comparison{color:var(--muted);grid-template-columns:auto 84px auto;align-items:center;gap:8px;font-family:inherit;font-size:11px;font-weight:650;display:grid}.comparison-line{background:#c8c9bc;align-items:stretch;height:4px;display:flex}.comparison-line i{transition:width .5s var(--ease);background:#6f9d2a;display:block}.apply-button{border:1px solid var(--ink);background:var(--ink);height:43px;color:var(--paper);cursor:pointer;border-radius:3px;align-items:center;gap:18px;padding:0 15px 0 18px;font-size:11px;font-weight:650;transition:transform .13s cubic-bezier(.2,0,0,1),background .13s cubic-bezier(.2,0,0,1);display:flex}.apply-button:hover:not(:disabled){background:#30342b;transform:translateY(-1px)}.apply-button:active:not(:disabled){transform:translateY(1px)scale(.99)}.apply-button:disabled{color:#76796e;cursor:not-allowed;background:#c8c9be;border-color:#b8b9ae}.apply-button svg{transition:transform .2s var(--ease)}.apply-button:hover:not(:disabled) svg{transform:translate(3px)}@media (width<=980px){body{overflow:auto}.brand-tagline,.mode-dimensions{display:none}.workspace{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 68px);overflow:visible}.run-rail{border-bottom:1px solid #17191429;border-right:0;overflow:visible}.run-list{grid-template-columns:repeat(3,1fr);overflow:visible}.run-card{border-right:1px solid var(--line);min-width:0}.run-card:last-child{border-right:0}.rail-note{display:none}.preview-panel{min-height:900px}}@media (width<=700px){.topbar{padding-inline:16px}.context-button span{display:none}.run-rail{padding:24px 18px}.run-list{grid-template-columns:1fr}.run-card{border-right:0}.preview-toolbar{align-items:stretch;padding:10px}.mode-switcher{flex:1}.mode-switcher button{flex:1;min-width:0}.preview-meta{display:none}.preview-actions{gap:0}.pdf-button.visible{width:38px;padding:0 11px}.pdf-button span{display:none}.preview-canvas{padding:18px 8px 50px}.email-message-header{min-height:68px;padding:18px 16px 12px}.email-subject-row{align-items:flex-start;gap:8px}.email-subject-row h2{font-size:17px}.email-header-tools,.email-sender-tools{display:none}.email-sender-row{grid-template-columns:36px minmax(0,1fr) auto;gap:9px;padding:6px 16px 16px}.email-sender-avatar{width:34px;height:34px;font-size:15px}.email-sender-identity p,.email-sender-identity p span{display:block}.drawer-header,.drawer-body,.drawer-footer{padding-inline:18px}.drawer-footer{flex-direction:column;align-items:stretch}.size-comparison{grid-template-columns:auto 1fr auto}.apply-button{justify-content:space-between}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}