:root{color-scheme:light;--et-ink: #1a1a1a;--et-border: #e3e3e3;--et-border-strong: #8c9196;--et-muted: #6b6b6b;--et-surface: #f6f6f7;--et-color-surface: #ffffff;--et-color-surface-subdued: #fafafa;--et-color-border-subtle: #ececec;--et-color-text: #1f1f1f;--et-color-text-secondary: #6b6b6b;--et-color-text-placeholder: #9a9a9a;--et-color-preview-ink: #33373a;--et-gradient-preview: radial-gradient(circle at 50% 0%, #f0f7f3, #eef0ee);--et-radius-sm: 6px;--et-radius-md: 8px;--et-radius-xl: 14px;--et-shadow-raised: 0 1px 3px rgba(0, 0, 0, .1)}*{box-sizing:border-box}body{margin:0;background:var(--et-surface);color:var(--et-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.app-shell{min-height:100vh}.app-nav{border-bottom:1px solid var(--et-border);background:#fff}.app-nav__inner{display:flex;gap:6px;align-items:center;max-width:1080px;margin:0 auto;padding:10px 24px;overflow-x:auto}.app-nav__link{padding:8px 10px;border-radius:6px;color:#303030;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.app-nav__link:hover,.app-nav__link:focus-visible,.app-nav__link.active{background:#f1f2f3;outline:none}.preview-col{position:sticky;top:0;align-self:start;background:var(--et-gradient-preview);padding:30px 26px;min-height:100%;border-left:1px solid var(--et-color-border-subtle);box-sizing:border-box}.preview-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--et-color-text-placeholder)}.preview-card{margin-top:14px;background:var(--et-color-surface);border:1px solid var(--et-color-border-subtle);border-radius:var(--et-radius-xl);overflow:hidden;box-shadow:var(--et-shadow-raised)}.preview-chrome{padding:14px 16px;border-bottom:1px solid var(--et-color-border-subtle);background:var(--et-color-surface-subdued)}.preview-chrome--slack{display:flex;align-items:center;gap:10px}.preview-slack-icon{width:30px;height:30px;border-radius:7px;background:#4a154b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.preview-channel-line{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--et-color-text-placeholder);margin-bottom:4px}.preview-subject{font-size:15px;font-weight:700;color:var(--et-color-text)}.preview-from{font-size:12px;color:var(--et-color-text-placeholder);margin-top:3px}.preview-body{padding:16px}.preview-body pre{margin:0;font-family:inherit;font-size:13px;line-height:1.6;white-space:pre-wrap;color:var(--et-color-preview-ink)}.preview-order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.preview-order-number{font-size:14px;font-weight:700;color:var(--et-color-text)}.preview-order-date{font-size:12px;color:var(--et-color-text-placeholder)}.preview-section{margin-bottom:14px}.preview-section__label{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--et-color-text-placeholder);font-weight:700;margin-bottom:7px}.preview-section__line{font-size:13px;line-height:1.5;color:var(--et-color-preview-ink)}.preview-section__line--muted{color:var(--et-color-text-placeholder)}.preview-summary{margin-top:14px;font-size:13px;line-height:1.55;color:var(--et-color-text-secondary)}@media(max-width:900px){.preview-col{position:static;border-left:none;border-top:1px solid var(--et-color-border-subtle)}}