:root{color-scheme:dark;--bg:#081115;--bg-texture:radial-gradient(circle at 18% 12%,rgba(39,177,212,.18),transparent 32%),radial-gradient(circle at 80% 4%,rgba(90,208,64,.14),transparent 28%),linear-gradient(135deg,#081115,#10171f 48%,#111412);--panel:rgba(255,255,255,.08);--panel-strong:rgba(255,255,255,.12);--border:rgba(255,255,255,.14);--text:#f4f8fb;--muted:#aebbc4;--soft:#d8e6ec;--cyan:#26b1d4;--green:#59d040;--orange:#ff953f;--yellow:#ffcc66;--red:#ff5b5b;--shadow:0 18px 60px rgba(0,0,0,.32);--radius:8px}body.light{color-scheme:light;--bg:#f5f8fb;--bg-texture:radial-gradient(circle at 18% 12%,rgba(38,177,212,.14),transparent 32%),radial-gradient(circle at 80% 4%,rgba(89,208,64,.12),transparent 28%),linear-gradient(135deg,#f5f8fb,#edf3f7 48%,#f7f8f2);--panel:rgba(255,255,255,.78);--panel-strong:rgba(255,255,255,.95);--border:rgba(20,40,50,.14);--text:#10202a;--muted:#637380;--soft:#263743;--shadow:0 18px 50px rgba(35,55,70,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);background-image:var(--bg-texture)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{width:min(1440px,100%);margin:0 auto;padding:18px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(8,17,21,.82);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}body.light .topbar{background:rgba(255,255,255,.82)}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;color:#061015;background:linear-gradient(135deg,var(--cyan),var(--green));box-shadow:0 8px 28px rgba(38,177,212,.25)}.brand small,.brand strong{display:block}.brand strong{font-size:16px}.brand small{margin-top:2px;color:var(--muted);font-size:12px}.nav-links{display:flex;justify-content:center;gap:6px}.nav-links a{min-width:88px;padding:10px 12px;border-radius:6px;color:var(--soft);text-align:center;font-size:14px}.nav-links a:hover{background:var(--panel-strong)}.ai-row,.command-row,.top-actions{display:flex;align-items:center;gap:10px}.icon-btn,.primary-btn,.secondary-btn,.text-btn{border:0;border-radius:7px;white-space:nowrap}.icon-btn{display:grid;width:42px;height:42px;place-items:center;color:var(--text);background:var(--panel-strong)}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;font-weight:700}.primary-btn{color:#071115;background:linear-gradient(135deg,var(--green),var(--cyan))}.secondary-btn{color:var(--text);border:1px solid var(--border);background:var(--panel)}.text-btn{padding:6px 8px;color:var(--cyan);background:transparent;font-weight:700}main{padding-top:18px}.advanced-layout,.preview-layout,.workbench,main{display:grid;grid-gap:18px;gap:18px}.workbench{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)}.advanced-layout,.preview-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)}.api-panel,.builder-zone,.debug-panel,.input-zone,.preview-panel,.templates-section,.timeline-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.timeline-panel{min-width:0;overflow:hidden}.api-panel,.builder-zone,.debug-panel,.input-zone,.preview-panel,.templates-section,.timeline-panel{padding:18px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:16px}.section-heading span{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section-heading strong{color:var(--soft);font-size:clamp(15px,2vw,19px);text-align:right}.cron-input-wrap{display:block;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(0,0,0,.18)}body.light .cron-input-wrap{background:rgba(255,255,255,.72)}.ai-panel label,.control-block label,.explanation-panel span,.input-label,.timezone-row label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.cron-input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-family:JetBrains Mono,monospace;font-size:clamp(31px,5.5vw,68px);font-weight:700;letter-spacing:0}.debug-grid,.field-strip{display:grid;grid-gap:10px;gap:10px}.field-strip{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px}.calendar-day,.debug-item,.field-chip,.run-list li,.template-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-strong)}.field-chip{display:block;min-height:74px;padding:10px;color:var(--text);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.field-chip:focus-visible,.field-chip:hover{transform:translateY(-1px);border-color:rgba(38,177,212,.7);background:rgba(38,177,212,.14);outline:0}.field-chip span,.field-chip strong{display:block}.field-chip strong{overflow-wrap:anywhere;font-family:JetBrains Mono,monospace;font-size:19px}.field-chip span{margin-top:6px;color:var(--muted);font-size:12px}.field-chip.invalid{border-color:rgba(255,91,91,.75);background:rgba(255,91,91,.12)}.status-line{display:flex;align-items:center;gap:9px;margin:14px 0;min-height:38px;color:var(--green);font-weight:800}.status-line.invalid{color:var(--red)}.explanation-panel{min-height:112px;padding:16px;border:1px solid rgba(38,177,212,.35);border-radius:var(--radius);background:linear-gradient(135deg,rgba(38,177,212,.18),rgba(89,208,64,.12))}.explanation-panel strong{display:block;color:var(--text);font-size:clamp(24px,4vw,42px);line-height:1.12}.command-row{flex-wrap:wrap;margin-top:16px}.builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.ai-panel,.control-block,.timezone-row,.weekday-panel{padding:13px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(0,0,0,.12)}body.light .ai-panel,body.light .control-block,body.light .timezone-row,body.light .weekday-panel{background:rgba(255,255,255,.58)}.ai-panel input,.timezone-row select,input[type=number],select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:6px;outline:0;color:var(--text);background:rgba(0,0,0,.22);padding:0 12px}input[type=number]:disabled{opacity:.48;cursor:not-allowed;color:var(--muted);background:rgba(0,0,0,.12)}body.light .ai-panel input,body.light .timezone-row select,body.light input[type=number],body.light select{background:rgba(255,255,255,.9)}body.light input[type=number]:disabled{background:rgba(220,228,234,.72)}.control-block input{margin-top:8px}.ai-panel,.weekday-panel{margin-top:12px}.panel-title,.timezone-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title span{color:var(--soft);font-weight:800}.weekday-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:10px}.weekday{min-height:42px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--panel);font-weight:800}.weekday.active{color:#061015;border-color:transparent;background:var(--yellow)}.ai-row{align-items:stretch}.ai-row input{flex:1 1}.ai-panel p{margin:10px 0 0;color:var(--muted);font-size:13px}.template-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:10px;gap:10px}.template-card{min-height:108px;padding:12px;color:var(--text);text-align:left}.template-card:hover{transform:translateY(-2px);border-color:rgba(38,177,212,.6)}.template-card code,.template-card span,.template-card strong{display:block}.template-card strong{font-size:14px}.template-card code{margin:12px 0 8px;color:var(--green);font-family:JetBrains Mono,monospace;overflow-wrap:anywhere}.template-card span{color:var(--muted);font-size:12px}.timezone-row{margin-bottom:12px}.timezone-row label{margin:0}.timezone-row select{max-width:260px}.run-list{display:grid;grid-gap:9px;gap:9px;margin:0;padding:0;list-style:none}.run-list li{display:grid;grid-template-columns:36px 1fr auto;align-items:center;grid-gap:12px;gap:12px;min-height:54px;padding:10px}.run-list b{display:grid;width:28px;height:28px;place-items:center;border-radius:6px;color:#061015;background:var(--cyan);font-size:13px}.run-list span{color:var(--muted);font-size:13px}.run-list time{font-weight:800}.timeline-track{grid-template-columns:repeat(10,minmax(0,1fr));min-height:114px;padding:18px 0;max-width:100%}.timeline-dot,.timeline-track{position:relative;display:grid;grid-gap:8px;gap:8px}.timeline-dot{align-content:center;justify-items:center;min-width:0}.timeline-dot:before{content:"";width:18px;height:18px;border:4px solid rgba(38,177,212,.28);border-radius:50%;background:var(--cyan)}.timeline-dot small{max-width:100%;color:var(--muted);font-size:11px;text-align:center;overflow-wrap:anywhere}.mini-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:10px}.calendar-day{display:grid;min-height:54px;place-items:center;color:var(--muted);font-weight:800}.calendar-day small,.calendar-day span{display:block}.calendar-day small{margin-top:-6px;font-size:10px;text-transform:uppercase}.calendar-day.hit{color:#071115;background:var(--green)}.debug-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.debug-item{min-height:118px;padding:12px}.debug-item code,.debug-item span,.debug-item strong{display:block}.debug-item code{margin:10px 0;color:var(--yellow);font-family:JetBrains Mono,monospace;overflow-wrap:anywhere}.debug-item span{color:var(--muted);font-size:12px;line-height:1.45}.debug-item.invalid{border-color:rgba(255,91,91,.72)}.api-panel pre{margin:0;overflow:auto;border-radius:var(--radius);background:rgba(0,0,0,.32);padding:16px}.api-panel code{color:var(--soft);font-family:JetBrains Mono,monospace;font-size:13px}.toast{position:fixed;right:18px;bottom:18px;z-index:30;transform:translateY(24px);opacity:0;padding:12px 14px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:var(--panel-strong);box-shadow:var(--shadow);transition:transform .2s ease,opacity .2s ease}.toast.show{transform:translateY(0);opacity:1}@media (max-width:1120px){.advanced-layout,.preview-layout,.workbench{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.app-shell{padding:10px}.topbar{align-items:stretch;flex-wrap:wrap}.brand{flex:1 1}.nav-links{order:3;width:100%;overflow-x:auto;justify-content:flex-start}.nav-links a{min-width:96px}.builder-grid,.debug-grid,.field-strip,.template-grid{grid-template-columns:1fr}.weekday-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-calendar{grid-template-columns:repeat(7,minmax(32px,1fr));gap:5px}.calendar-day{min-height:38px;border-radius:6px;font-size:12px}.ai-row,.panel-title,.timezone-row{align-items:stretch;flex-direction:column}.timezone-row select{max-width:none}.timeline-track{overflow-x:auto;grid-template-columns:repeat(10,minmax(72px,1fr));min-height:92px;padding:12px 2px 16px;overscroll-behavior-inline:contain;scrollbar-width:thin}.timeline-dot:before{width:14px;height:14px;border-width:3px}.timeline-dot small{font-size:10px}.run-list li{grid-template-columns:32px 1fr}.run-list time{grid-column:2}}