:root{--bg: #f4f0e8;--bg-2: #ede6da;--surface: #fffdf8;--surface-2: #faf5ec;--surface-3: #f1eadc;--ink: #211c15;--ink-2: #5b5346;--ink-3: #8c8472;--line: rgba(33, 28, 21, .12);--line-2: rgba(33, 28, 21, .065);--accent: #3a55c4;--accent-ink: #ffffff;--accent-deep: #2c43a6;--accent-soft: color-mix(in srgb, var(--accent) 10%, transparent);--accent-line: color-mix(in srgb, var(--accent) 50%, var(--line));--hl: #f0b429;--hl-bg: color-mix(in srgb, var(--hl) 30%, transparent);--hl-line: color-mix(in srgb, var(--hl) 70%, var(--line));--grp: #16876b;--grp-soft: color-mix(in srgb, var(--grp) 14%, transparent);--warn: #c07d1a;--danger: #c0432c;--danger-soft: color-mix(in srgb, var(--danger) 11%, transparent);--ok: #2f9d6a;--radius: 14px;--radius-sm: 9px;--maxw: 1480px;--font: "IBM Plex Sans JP", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--shadow-1: 0 1px 2px rgba(40, 30, 14, .05);--shadow-2: 0 16px 40px -24px rgba(40, 30, 14, .42)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14110c;--bg-2:#1a160f;--surface:#1e1913;--surface-2:#241e16;--surface-3:#2b231a;--ink:#f1eadd;--ink-2:#b4a991;--ink-3:#7d7464;--line:rgba(255,244,226,.13);--line-2:rgba(255,244,226,.06);--accent:#6f86ec;--accent-deep:#5b72de;--accent-soft:color-mix(in srgb,var(--accent) 22%,transparent);--accent-line:color-mix(in srgb,var(--accent) 56%,var(--line));--hl:#f2b53a;--hl-bg:color-mix(in srgb,var(--hl) 26%,transparent);--hl-line:color-mix(in srgb,var(--hl) 54%,var(--line));--grp:#45c49a;--grp-soft:color-mix(in srgb,var(--grp) 20%,transparent);--warn:#dba23f;--danger:#e0685a;--danger-soft:color-mix(in srgb,var(--danger) 18%,transparent);--ok:#4fb27e;--shadow-1:0 1px 2px rgba(0,0,0,.4);--shadow-2:0 18px 46px -24px rgba(0,0,0,.7)}}[data-theme=dark]{--bg:#14110c;--bg-2:#1a160f;--surface:#1e1913;--surface-2:#241e16;--surface-3:#2b231a;--ink:#f1eadd;--ink-2:#b4a991;--ink-3:#7d7464;--line:rgba(255,244,226,.13);--line-2:rgba(255,244,226,.06);--accent:#6f86ec;--accent-deep:#5b72de;--accent-soft:color-mix(in srgb,var(--accent) 22%,transparent);--accent-line:color-mix(in srgb,var(--accent) 56%,var(--line));--hl:#f2b53a;--hl-bg:color-mix(in srgb,var(--hl) 26%,transparent);--hl-line:color-mix(in srgb,var(--hl) 54%,var(--line));--grp:#45c49a;--grp-soft:color-mix(in srgb,var(--grp) 20%,transparent);--warn:#dba23f;--danger:#e0685a;--danger-soft:color-mix(in srgb,var(--danger) 18%,transparent);--ok:#4fb27e;--shadow-1:0 1px 2px rgba(0,0,0,.4);--shadow-2:0 18px 46px -24px rgba(0,0,0,.7)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.55;overflow:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:color-mix(in srgb,var(--accent) 26%,transparent)}.app{position:relative;height:100dvh;display:flex;flex-direction:column}.topbar{flex:none;display:flex;align-items:center;gap:16px;padding:12px clamp(14px,2.6vw,26px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand__mark{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--surface);border:1px solid var(--line);color:var(--accent);transition:border-color .16s,transform .16s}.brand:hover .brand__mark{border-color:var(--accent-line);transform:translateY(-1px)}.brand__mark svg{width:21px;height:21px}.brand__txt{min-width:0}.brand__name{font-size:15.5px;font-weight:600;line-height:1.15;white-space:nowrap}.brand__sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}.badges{display:flex;align-items:center;gap:8px;margin-left:4px}.badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:11px;font-weight:600;color:var(--ink-2);white-space:nowrap}.badge svg{width:13px;height:13px;color:var(--ok)}.badge.badge--lock svg{color:var(--accent)}.topspring{flex:1 1 12px}.actions{display:flex;align-items:center;gap:7px}.iconbtn{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;position:relative;transition:color .16s,border-color .16s,background .16s,transform .12s}.iconbtn:hover{color:var(--ink);border-color:var(--ink-3)}.iconbtn:active{transform:translateY(1px)}.iconbtn svg{width:19px;height:19px}.iconbtn.is-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.iconbtn--label{width:auto;padding:0 13px;gap:8px;font-size:12.5px;font-weight:600;white-space:nowrap;display:flex;align-items:center}.iconbtn .tip{position:absolute;top:46px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:10.5px;white-space:nowrap;background:var(--ink);color:var(--bg);padding:4px 8px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:40}.iconbtn:hover .tip{opacity:.95}.subbar{flex:none;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:12px clamp(14px,2.6vw,26px);border-bottom:1px solid var(--line);background:var(--surface-2)}.cronbox{display:flex;align-items:center;gap:10px;flex:1 1 440px;min-width:min(440px,100%);height:50px;padding:0 6px 0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1);transition:border-color .15s,box-shadow .15s}.cronbox.focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cronbox.invalid{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.cronbox__lab{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);flex:none;border-right:1px solid var(--line);padding-right:11px}.cronbox__input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:none;font-family:var(--mono);font-size:clamp(18px,2.4vw,23px);font-weight:600;letter-spacing:.08em;color:var(--ink);caret-color:var(--accent)}.cronbox__input::placeholder{color:var(--ink-3);font-weight:400;letter-spacing:.04em}.cronbox__copy{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-3);cursor:pointer;transition:color .14s,border-color .14s,background .14s}.cronbox__copy:hover{color:var(--accent);border-color:var(--accent-line)}.cronbox__copy.copied{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 46%,transparent)}.cronbox__copy svg{width:16px;height:16px}.validity{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--grp-soft);background:var(--grp-soft);font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;flex:none}.validity .dot{width:8px;height:8px;border-radius:50%;background:var(--grp);flex:none}.validity.bad{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.validity.bad .dot{background:var(--danger)}.expr-error{flex-basis:100%;display:none;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;color:var(--danger);padding:0 2px}.expr-error.show{display:flex}.presetbar{flex:none;display:flex;align-items:center;gap:12px;padding:9px clamp(14px,2.6vw,26px);border-bottom:1px solid var(--line);background:var(--surface)}.presetbar__lab{display:inline-flex;align-items:center;gap:7px;flex:none;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--ink-2)}.presetbar__lab svg{width:14px;height:14px;color:var(--hl)}.preset-row{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.preset-row::-webkit-scrollbar{display:none}.preset{display:inline-flex;flex-direction:column;gap:1px;flex:none;text-align:left;padding:6px 13px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer;transition:border-color .14s,background .14s,transform .12s}.preset:hover{border-color:var(--accent-line);background:var(--surface);transform:translateY(-1px)}.preset:active{transform:translateY(0)}.preset.is-on{border-color:var(--accent);background:var(--accent-soft)}.preset__name{font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap}.preset__expr{font-family:var(--mono);font-size:10px;color:var(--ink-3);white-space:nowrap}.preset.is-on .preset__expr{color:var(--accent)}.main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(12px,1.8vw,20px);padding:clamp(12px,1.8vw,20px) clamp(14px,2.6vw,26px);overflow:hidden}.rightcol{display:flex;flex-direction:column;gap:clamp(12px,1.8vw,20px);min-height:0}.panel{position:relative;display:flex;flex-direction:column;min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);overflow:hidden}.panel--builder{min-height:0}.panel--preview{flex:none}.panel--export{flex:1 1 240px;min-height:220px}.panel__head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line-2)}.panel__title{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;white-space:nowrap}.panel__title .tag{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.panel__title .en{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.panel__note{font-size:11px;color:var(--ink-3)}.builder{flex:1;min-height:0;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:6px}.builder::-webkit-scrollbar{width:10px}.builder::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink-3) 40%,transparent);border-radius:6px;border:3px solid transparent;background-clip:content-box}.fld{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface-2);padding:11px 13px;display:flex;flex-direction:column;gap:10px}.fld__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.fld__name{display:flex;align-items:baseline;gap:9px}.fld__jp{font-size:15px;font-weight:700;color:var(--ink)}.fld__en{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.fld__rng{font-family:var(--mono);font-size:10px;color:var(--ink-3)}.fld__token{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:7px;padding:2px 9px;min-width:34px;text-align:center;white-space:nowrap}.seg{display:inline-flex;align-items:center;padding:3px;border-radius:9px;background:var(--surface-3);border:1px solid var(--line);gap:2px;align-self:flex-start}.fld__modes{display:flex}.seg button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border:none;background:transparent;color:var(--ink-2);font-size:11.5px;font-weight:600;border-radius:6px;cursor:pointer;transition:color .14s,background .14s;white-space:nowrap}.seg button.is-on{color:var(--accent);background:var(--surface);box-shadow:var(--shadow-1);border:1px solid var(--accent-line)}.fld__ctl{min-height:4px}.ctl-note{font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:8px;padding:4px 2px}.ctl-note code{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:1px 7px;font-weight:600}.valgrid{display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}.valgrid.wd{grid-template-columns:repeat(7,1fr)}.valgrid.mon{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.valchip{height:30px;display:grid;place-items:center;border-radius:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-family:var(--mono);font-size:12px;font-weight:600;cursor:pointer;transition:color .12s,border-color .12s,background .12s;user-select:none}.valchip:hover{border-color:var(--ink-3);color:var(--ink)}.valchip.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.valchip.wd0.on{background:var(--danger);border-color:var(--danger)}.valchip.wd6.on{background:var(--accent);border-color:var(--accent)}.rangepick,.steppick{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pick-field{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-2)}.pick-sel{height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--mono);font-size:13px;outline:none;cursor:pointer;transition:border-color .14s,box-shadow .14s}.pick-sel:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pick-arrow{color:var(--ink-3);font-size:13px}.pick-num{width:64px;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--mono);font-size:14px;font-weight:600;outline:none;text-align:center;-moz-appearance:textfield}.pick-num::-webkit-inner-spin-button{opacity:1}.pick-num:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.steppick .pick-hint{font-size:12px;color:var(--ink-3)}.steppick .pick-hint b{color:var(--ink-2)}.preview-body{padding:12px 16px 14px;display:flex;flex-direction:column;gap:11px}.xlate{font-size:clamp(18px,2.3vw,21px);font-weight:700;line-height:1.4;color:var(--ink);letter-spacing:.01em;text-wrap:pretty;border-left:3px solid var(--hl);padding:1px 0 1px 13px}.xlate.bad{color:var(--danger);border-left-color:var(--danger);font-weight:600;font-size:16px}.runs{display:flex;flex-direction:column;gap:7px}.runs__head{display:flex;align-items:baseline;gap:9px;font-size:12px;font-weight:700;color:var(--ink-2)}.runs__head .en{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.runs__head .now{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--ink-3);font-weight:500}.runs__list{list-style:none;display:flex;flex-direction:column;gap:4px}.run{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:7px 12px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface-2)}.run:first-child{border-color:var(--accent-line);background:var(--accent-soft)}.run__no{font-family:var(--mono);font-size:10px;color:var(--ink-3);font-weight:600;width:18px;text-align:center}.run:first-child .run__no{color:var(--accent)}.run__date{font-family:var(--mono);font-size:13.5px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.run__wd{font-size:11px;font-weight:600;color:var(--ink-2);background:var(--surface-3);border:1px solid var(--line-2);border-radius:6px;padding:1px 7px}.run__time{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.run:first-child .run__time{color:var(--accent-deep)}.run__rel{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);white-space:nowrap}.runs__empty{font-size:12.5px;color:var(--ink-3);padding:10px 2px}.extabs{flex:none;display:flex;align-items:center;gap:3px;overflow-x:auto;padding:9px 12px 0;scrollbar-width:none}.extabs::-webkit-scrollbar{display:none}.extab{display:inline-flex;align-items:center;gap:7px;height:33px;padding:0 13px;flex:none;border-radius:8px 8px 0 0;border:1px solid transparent;border-bottom:0;background:transparent;color:var(--ink-3);font-size:12.5px;font-weight:600;cursor:pointer;transition:color .14s,background .14s;white-space:nowrap}.extab svg{width:15px;height:15px}.extab:hover{color:var(--ink-2)}.extab.is-on{color:var(--accent);background:var(--surface-2);border-color:var(--line-2)}.expane{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--line-2);background:var(--surface-2);overflow:hidden}.code{flex:1;min-height:0;overflow:auto;margin:12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface)}.code__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 8px 12px;border-bottom:1px solid var(--line-2);background:var(--surface-2);position:sticky;top:0;z-index:1}.code__file{font-family:var(--mono);font-size:11.5px;font-weight:600;color:var(--ink-2);display:flex;align-items:center;gap:8px;min-width:0}.code__file svg{width:14px;height:14px;color:var(--accent);flex:none}.code__file .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copybtn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 13px;flex:none;border-radius:8px;border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,transform .12s}.copybtn:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.copybtn:active{transform:translateY(1px)}.copybtn.copied{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 46%,transparent);background:color-mix(in srgb,var(--ok) 13%,transparent)}.copybtn svg{width:14px;height:14px}.code__body{padding:12px 14px;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--ink);white-space:pre;overflow-x:auto;-webkit-user-select:text;user-select:text;tab-size:2}.code__body.wrap{white-space:pre-wrap;word-break:break-all}.code__body .cron-tok{background:var(--hl-bg);border-radius:4px;padding:0 4px;box-shadow:inset 0 0 0 1px var(--hl-line);font-weight:600}.code__body .cmt{color:var(--ink-3)}.code__body::-webkit-scrollbar,.code::-webkit-scrollbar{width:9px;height:9px}.code__body::-webkit-scrollbar-thumb,.code::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink-3) 40%,transparent);border-radius:6px;border:3px solid transparent;background-clip:content-box}.ex-note{flex:none;display:flex;gap:8px;align-items:flex-start;font-size:11.5px;line-height:1.6;color:var(--ink-3);padding:0 14px 12px}.ex-note svg{width:15px;height:15px;flex:none;margin-top:1px;color:var(--accent)}.statusbar{flex:none;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:9px clamp(14px,2.6vw,26px);border-top:1px solid var(--line);background:var(--surface-2)}.foot__brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;color:var(--ink-3);white-space:nowrap}.foot__brand svg{width:14px;height:14px;color:var(--accent)}.foot__note{font-size:11.5px;color:var(--ink-3)}.foot__spring{flex:1 1 14px}.foot__keys{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.kbdhint{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11.5px;color:var(--ink-3)}kbd{font-family:var(--mono);font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:6px;border:1px solid var(--line);border-bottom-width:2px;background:var(--surface);color:var(--ink-2)}.toast{position:fixed;left:50%;bottom:60px;transform:translate(-50%,16px);z-index:320;display:flex;align-items:center;gap:9px;background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:999px;font-size:13px;box-shadow:0 16px 36px -14px #0000008c;opacity:0;pointer-events:none;transition:opacity .24s,transform .24s}.toast.show{opacity:1;transform:translate(-50%)}.toast svg{width:16px;height:16px;flex:none;color:var(--ok)}@media(max-width:1020px){body{overflow:auto}.app{height:auto;min-height:100dvh}.main{grid-template-columns:1fr;overflow:visible}.panel{overflow:visible}.builder{max-height:none}.panel--export{min-height:460px}.code{min-height:300px}}@media(max-width:620px){.brand__sub,.badges,.foot__keys,.iconbtn--label span{display:none}.iconbtn--label{width:38px;padding:0}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}