*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf9;--surface:#fff;--surface-raised:#fafafa;--surface-active:#f4f4f5;--text:#18181b;--text-muted:#71717a;--text-dim:#a1a1aa;--border:#e4e4e7;--border-soft:#f4f4f5;--border-strong:#d4d4d8;--accent:#18181b;--accent-hover:#27272a;--accent-text:#fafafa;--ok-bg:#dcfce7;--ok-text:#15803d;--err-bg:#fee2e2;--err-text:#b91c1c;--err-surface:#fef2f2;--err-border:#fecaca;--busy-text:#71717a;--radius-sm:4px;--radius:6px;--radius-lg:8px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 12px 40px #0000001a;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;--header-h:52px;--col-left:220px;--col-center:500px}html,body,#root{height:100%}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.55;overflow:hidden}::selection{background:var(--text);color:var(--bg)}button{font-family:inherit}a{color:inherit}.app{grid-template-rows:var(--header-h) 1fr;background:var(--bg);height:100vh;display:grid}.app-head{grid-template-columns:var(--col-left) 1fr auto;border-bottom:1px solid var(--border);background:var(--surface);z-index:10;align-items:center;display:grid;position:relative}.app-brand{border-right:1px solid var(--border);align-items:center;gap:9px;height:100%;padding:0 18px;display:flex}.app-brand .logo-dot{background:var(--accent);border-radius:2px;width:7px;height:7px}.app-brand .logo-name{letter-spacing:-.01em;font-size:14px;font-weight:600}.app-head-spacer{min-width:0}.app-actions{align-items:center;gap:8px;padding:0 14px 0 0;display:flex}.ctx-trigger{color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:5px 8px 5px 10px;font-family:inherit;font-size:12.5px;font-weight:500;line-height:1;transition:border-color .12s,background .12s;display:inline-flex}.ctx-trigger:hover{background:var(--surface-raised);border-color:var(--border-strong)}.ctx-trigger.open{background:var(--surface-active);border-color:var(--border-strong)}.ctx-trigger-label{font-weight:500}.ctx-trigger-count{background:var(--surface-active);min-width:18px;height:18px;font-family:var(--mono);color:var(--text);font-variant-numeric:tabular-nums;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:500;display:inline-flex}.ctx-trigger.open .ctx-trigger-count{background:var(--accent);color:var(--accent-text)}.kbd{font-family:var(--mono);color:var(--text-dim);background:var(--surface-active);border:1px solid var(--border);border-radius:var(--radius-sm);border-bottom-width:2px;padding:1px 5px;font-size:10.5px;line-height:1.3;display:inline-block}.app-body{grid-template-columns:var(--col-left) var(--col-center) 1fr;min-height:0;display:grid}.app-col{min-width:0;min-height:0;overflow:hidden auto}.app-col+.app-col{border-left:1px solid var(--border)}.col-left{background:var(--bg)}.col-center{background:var(--surface)}.col-right{background:var(--bg);flex-direction:column;display:flex}@media (width<=900px){.app-head{grid-template-columns:1fr auto}.app-brand{border-right:0}.app-body{grid-template-columns:1fr;overflow-y:auto}.app-col{overflow-y:visible}.app-col+.app-col{border-left:0;border-top:1px solid var(--border)}.ctx-trigger .kbd{display:none}}.app-col::-webkit-scrollbar{width:10px;height:10px}.drawer-body::-webkit-scrollbar{width:10px;height:10px}.app-col::-webkit-scrollbar-track{background:0 0}.drawer-body::-webkit-scrollbar-track{background:0 0}.app-col::-webkit-scrollbar-thumb{background:padding-box padding-box;border:3px solid #0000;border-radius:5px}.drawer-body::-webkit-scrollbar-thumb{background:padding-box padding-box;border:3px solid #0000;border-radius:5px}.app-col:hover::-webkit-scrollbar-thumb{background-color:var(--border-strong);background-clip:padding-box}.drawer-body:hover::-webkit-scrollbar-thumb{background-color:var(--border-strong);background-clip:padding-box}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{background:var(--border);color:var(--text-dim);cursor:default}.btn-ghost{color:var(--text);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-active)}.btn-outline{color:var(--text);border-color:var(--border);background:0 0}.btn-outline:hover:not(:disabled){background:var(--surface-raised);border-color:var(--border-strong)}.btn-outline:disabled{color:var(--text-dim);cursor:default}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:10px 16px;font-size:14px;font-weight:500}.btn-block{justify-content:center;width:100%}.brieflist{flex-direction:column;padding:14px 0 16px;display:flex}.brieflist-head{justify-content:space-between;align-items:center;padding:2px 16px 10px;display:flex}.brieflist-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:11px;font-weight:600}.brieflist-count{font-family:var(--mono);color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.brieflist-new{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;background:var(--surface);text-align:left;justify-content:space-between;align-items:center;width:calc(100% - 16px);margin:0 8px 10px;padding:8px 10px;font-family:inherit;font-size:12.5px;font-weight:500;transition:border-color .12s,color .12s,background .12s;display:flex}.brieflist-new:hover{border-color:var(--border-strong);background:var(--surface-raised)}.brieflist-new.active{border-color:var(--accent);background:var(--surface);box-shadow:inset 0 0 0 1px var(--accent)}.brieflist-new-plus{color:var(--text-muted);align-items:center;gap:7px;font-size:13px;font-weight:400;display:inline-flex}.brieflist-new .kbd{opacity:.7}.brieflist-items{flex-direction:column;flex:1;gap:1px;min-height:0;padding:0 8px;display:flex}.brieflist-item{border-radius:var(--radius);cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;flex-direction:column;gap:3px;padding:8px 10px;transition:background .1s;display:flex;position:relative}.brieflist-item:hover{background:var(--surface-active)}.brieflist-item.active{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.brieflist-item.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:2px;height:18px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.brieflist-item-headline{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.brieflist-item-meta{color:var(--text-dim);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11px;display:flex}.brieflist-item-status{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.brieflist-item-status.ok{background:#22c55e}.brieflist-item-status.err{background:#ef4444}.brieflist-item-status.empty{background:var(--border-strong)}.brieflist-empty{color:var(--text-muted);text-align:left;padding:24px 16px;font-size:12.5px;line-height:1.55}.brieflist-empty .link{color:var(--text);cursor:pointer;font-family:inherit;font-weight:500;font-size:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:2px;background:0 0;border:0;padding:0}.brieflist-empty .link:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.detail{max-width:620px;margin:0 auto;padding:28px 32px 48px}.detail-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:16px;display:flex}.detail-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:11px;font-weight:600}.detail-date{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11.5px;font-family:var(--mono)}.detail-headline{letter-spacing:-.015em;color:var(--text);margin-bottom:8px;font-size:23px;font-weight:600;line-height:1.25}.detail-subs{color:var(--text-muted);margin-bottom:26px;font-size:14.5px;line-height:1.5}.detail-subs p+p{margin-top:5px}.detail-meta{grid-template-columns:88px 1fr;gap:10px 18px;margin-bottom:28px;font-size:13px;display:grid}.detail-meta dt{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;padding-top:3px;font-size:11px;font-weight:500}.detail-meta dd{color:var(--text);word-break:break-word}.detail-meta dd .muted{color:var(--text-muted)}.detail-actions{border-top:1px solid var(--border-soft);background:var(--surface);align-items:center;gap:8px;margin-top:8px;padding:16px 0;display:flex;position:sticky;bottom:0}.detail-actions-meta{color:var(--text-dim);align-items:center;gap:4px;margin-left:auto;font-size:11px;display:inline-flex}.form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-row{grid-template-columns:1fr 160px;gap:12px;display:grid}@media (width<=520px){.field-row{grid-template-columns:1fr}}.field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);align-items:baseline;gap:6px;font-size:11.5px;font-weight:500;display:flex}.field-label .req{color:var(--err-text);font-weight:700}.field-label .hint{color:var(--text-dim);text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.input,.textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:9px 12px;font-family:inherit;font-size:13.5px;line-height:1.5;transition:border-color .12s,box-shadow .12s}.input:focus,.textarea:focus{border-color:var(--text);outline:none;box-shadow:0 0 0 3px #18181b0f}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.textarea{resize:vertical;min-height:90px}.sub-list{flex-direction:column;gap:6px;display:flex}.sub-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.sub-remove{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:0 2px;font-family:inherit;font-size:12px;transition:color .12s}.sub-remove:hover{color:var(--err-text)}.sub-add{color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:2px 0;font-family:inherit;font-size:12.5px;transition:color .12s}.sub-add:hover{color:var(--text)}.inline-status{border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--border);align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.inline-status .tag{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;font-size:10px;font-weight:600}.inline-status.ok{background:var(--ok-bg);border-color:var(--ok-bg)}.inline-status.ok .tag{color:var(--ok-text);background:0 0}.inline-status.err{background:var(--err-bg);border-color:var(--err-bg)}.inline-status.err .tag{color:var(--err-text);background:0 0}.inline-status.busy .tag{color:var(--busy-text);background:0 0}.detail-empty{text-align:center;max-width:520px;color:var(--text-muted);margin:0 auto;padding:64px 24px}.detail-empty h3{color:var(--text);letter-spacing:-.01em;margin-bottom:8px;font-size:16px;font-weight:500}.detail-empty p{max-width:340px;margin:0 auto;font-size:13.5px;line-height:1.55}.preview{flex-direction:column;flex:1;gap:14px;min-height:0;padding:20px 24px 28px;display:flex}.preview-head{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.preview-head .meta{font-family:var(--mono);color:var(--text-dim);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:400}.preview-stage{flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex;position:relative}.preview-frame{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:640px;box-shadow:var(--shadow-md);background:repeating-linear-gradient(45deg,#fafaf9 0 10px,#f4f4f5 10px 20px);transition:box-shadow .18s;position:relative;overflow:hidden}.preview-frame:hover{box-shadow:var(--shadow-lg)}.preview-iframe{transform-origin:0 0;width:1080px;height:1080px;transform:scale(var(--scale,.5));background:#fff;border:0;display:block}.preview-placeholder{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;max-width:640px;padding:32px;display:flex;position:relative;overflow:hidden}.preview-placeholder .ph-mark{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);font-size:10.5px}.preview-placeholder .ph-text{color:var(--text);letter-spacing:-.01em;max-width:280px;font-size:14.5px;font-weight:500;line-height:1.4}.preview-placeholder .ph-sub{color:var(--text-muted);max-width:340px;font-size:12.5px;line-height:1.5}.preview-placeholder.busy{border-color:var(--border-strong)}.ph-bar{align-items:center;gap:3px;height:10px;margin-top:2px;display:flex}.ph-bar span{background:var(--text-muted);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite phbar;display:inline-block}.ph-bar span:first-child{animation-delay:0s}.ph-bar span:nth-child(2){animation-delay:.15s}.ph-bar span:nth-child(3){animation-delay:.3s}@keyframes phbar{0%,80%,to{opacity:.5;transform:scale(1)}40%{opacity:1;transform:scale(1.6)}}.ph-timer{font-family:var(--mono);color:var(--text-dim);font-variant-numeric:tabular-nums;margin-top:8px;font-size:11px}.preview-placeholder.err{background:var(--err-surface);border-color:var(--err-border)}.preview-placeholder.err .ph-mark{color:var(--err-text)}.preview-placeholder.err .ph-text{color:var(--err-text);font-weight:500}.preview-placeholder.err .ph-sub{color:var(--text);text-align:left;white-space:pre-wrap;word-break:break-word;background:var(--surface);border:1px solid var(--err-border);border-radius:var(--radius);width:100%;max-width:460px;max-height:180px;font-size:12px;font-family:var(--mono);padding:10px 12px;line-height:1.5;overflow:auto}.history{border-top:1px solid var(--border-soft);margin-top:4px;padding-top:14px}.history-toggle{color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:11px;font-weight:600;transition:color .12s;display:inline-flex}.history-toggle:hover{color:var(--text)}.history-toggle .chev{width:8px;font-size:9px;transition:transform .15s;display:inline-block;transform:translateY(-1px)}.history-toggle.open .chev{transform:rotate(90deg)translate(-1px)}.history-list{flex-direction:column;margin-top:10px;display:flex}.history-row{color:var(--text-muted);font-variant-numeric:tabular-nums;border-top:1px solid var(--border-soft);grid-template-columns:14px 68px 38px 1fr;align-items:center;gap:10px;padding:7px 2px;font-size:12px;display:grid}.history-row:first-child{border-top:0}.history-row .status-dot{border-radius:50%;flex-shrink:0;justify-self:center;width:6px;height:6px}.history-row .status-dot.ok{background:#22c55e}.history-row .status-dot.err{background:#ef4444}.history-row .time{font-family:var(--mono);color:var(--text-dim);font-size:11px}.history-row .tag{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.history-row .msg{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.drawer-scrim{z-index:40;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#18181b29;transition:opacity .2s;position:fixed;inset:0}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer{background:var(--surface);border-left:1px solid var(--border);width:440px;max-width:calc(100vw - 40px);box-shadow:var(--shadow-lg);z-index:50;flex-direction:column;min-height:0;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 10px;display:flex}.drawer-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:4px;font-size:10.5px;font-weight:600}.drawer-title{letter-spacing:-.01em;color:var(--text);font-size:17px;font-weight:600;line-height:1.2}.drawer-close{color:var(--text-dim);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:inherit;font-size:22px;line-height:1;transition:background .12s,color .12s;display:inline-flex}.drawer-close:hover{background:var(--surface-active);color:var(--text)}.drawer-sub{color:var(--text-muted);padding:0 24px 18px;font-size:12.5px;line-height:1.55}.drawer-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:0 24px 24px;display:flex;overflow-y:auto}.drawer-files-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;margin-top:8px;padding-bottom:8px;display:flex}.drawer-files-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:11px;font-weight:600}.drawer-files-count{font-family:var(--mono);color:var(--text);font-variant-numeric:tabular-nums;font-size:11px}.drawer-empty{color:var(--text-muted);padding:4px 2px;font-size:12.5px;line-height:1.55}.drop{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;padding:18px 14px;transition:border-color .12s,background .12s;display:block;position:relative}.drop:hover{border-color:var(--text-muted);background:var(--surface)}.drop.drag{border-color:var(--accent);background:var(--surface)}.drop input[type=file]{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.drop-line{color:var(--text);font-size:13px;font-weight:500}.drop-sub{color:var(--text-dim);font-size:11px;font-family:var(--mono);letter-spacing:.02em;margin-top:3px}.ctx-status{font-size:11.5px;font-family:var(--mono);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;text-align:center;padding:6px 10px}.ctx-status.ok{color:var(--ok-text);background:var(--ok-bg)}.ctx-status.err{color:var(--err-text);background:var(--err-bg)}.ctx-status.busy{color:var(--text-muted);background:var(--surface-active)}.ctx-files{flex-direction:column;gap:1px;list-style:none;display:flex}.ctx-file{border-radius:var(--radius-sm);color:var(--text);grid-template-columns:1fr auto;align-items:baseline;gap:10px;min-width:0;padding:8px 10px;font-size:12.5px;text-decoration:none;transition:background .1s;display:grid}.ctx-file:hover{background:var(--surface-active)}.ctx-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ctx-file-size{font-family:var(--mono);color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px}@keyframes fadeup{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.col-left,.col-center,.col-right{animation:.24s cubic-bezier(.2,.8,.2,1) both fadeup}.col-center{animation-delay:40ms}.col-right{animation-delay:80ms}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}