*{box-sizing:border-box}:root{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1e293b;background-color:#f1f5f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh;overflow-x:hidden}.appShell{min-height:100vh;display:flex;flex-direction:column;background:#f1f5f9;overflow-x:hidden}.topbar{display:flex;justify-content:flex-start;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:12px}@media(max-width:768px){.topbar{padding:12px 16px;flex-direction:column;align-items:stretch}.topbar .panelActions{flex-wrap:wrap;justify-content:flex-start}}.btnLogout{margin-left:auto;padding:8px 16px;font-size:14px;font-weight:500;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .15s}.btnLogout:hover{background:#f1f5f9;border-color:#cbd5e1}@media(max-width:768px){.btnLogout{margin-left:0;align-self:flex-end}}.brand{display:flex;flex-direction:column;gap:2px}.brandTitle{font-size:18px;font-weight:700;color:#0f172a}.brandSub{font-size:12px;color:#64748b}.layout{display:grid;grid-template-columns:320px 1fr 400px;gap:16px;padding:16px 24px;flex:1}@media(max-width:1200px){.layout{grid-template-columns:280px 1fr 360px}}@media(max-width:1000px){.layout{grid-template-columns:1fr}}@media(max-width:768px){.layout{padding:12px;gap:12px;max-width:100%;overflow-x:hidden}}.panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:visible;max-width:100%}@media(max-width:768px){.panel{overflow:hidden}}.panelHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.panelTitle{font-size:16px;font-weight:700;color:#0f172a}.panelActions{display:flex;gap:8px;align-items:center}@media(max-width:768px){.panelActions{gap:6px}}.btn{padding:8px 16px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;background:#2563eb;color:#fff;transition:background .15s}.btn:hover{background:#1d4ed8}.btn:disabled{background:#94a3b8;cursor:not-allowed}.btnSecondary{padding:8px 16px;font-size:14px;font-weight:600;border-radius:8px;border:1px solid #e2e8f0;cursor:pointer;background:#fff;color:#475569;transition:background .15s,border-color .15s}.btnSecondary:hover{background:#f8fafc;border-color:#cbd5e1}.btnDanger{padding:8px 16px;font-size:14px;font-weight:600;border-radius:8px;border:1px solid #ef4444;cursor:pointer;background:transparent;color:#ef4444;transition:all .15s}.btnDanger:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.btnDanger:disabled{border-color:#fca5a5;color:#fca5a5;cursor:not-allowed}.btnDangerFilled{padding:8px 16px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;background:#ef4444;color:#fff;transition:background .15s}.btnDangerFilled:hover{background:#dc2626}.btnDangerFilled:disabled{background:#fca5a5;cursor:not-allowed}.btnSmall{padding:6px 12px;font-size:13px}@media(max-width:768px){.btn,.btnSecondary,.btnDanger,.btnDangerFilled{padding:10px 14px;font-size:13px}.btnSmall{padding:8px 12px}}.dropdown{position:relative}.dropdownMenu{display:none;position:absolute;top:100%;left:0;margin-top:4px;min-width:220px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001f;z-index:100;flex-direction:column;padding:4px}.dropdown:hover .dropdownMenu,.dropdown:focus-within .dropdownMenu{display:flex}.menuItem{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;border:none;background:transparent;cursor:pointer;text-align:left;border-radius:6px;transition:background .15s}.menuItem:hover{background:#f1f5f9}.menuHint{font-size:11px;color:#94a3b8;margin-top:2px}.patternList{padding:12px;display:flex;flex-direction:column;gap:6px}.patternItem{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .15s}.patternItem:hover{border-color:#cbd5e1;background:#f8fafc}.patternItemActive{border-color:#2563eb;background:#eff6ff}.patternName{font-weight:600;color:#0f172a}.patternMeta{font-size:12px;color:#64748b}.editorBody{padding:16px 20px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;max-width:100%}@media(max-width:768px){.editorBody{padding:12px}}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.fieldLabel{font-size:12px;font-weight:600;color:#64748b}.fieldHint{font-size:11px;color:#94a3b8;margin-top:2px}.fieldInline{display:flex;gap:6px;align-items:center}.input{padding:8px 12px;font-size:14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#0f172a;transition:border-color .15s;width:100%;max-width:100%;box-sizing:border-box;min-width:0}.input:focus{outline:none;border-color:#2563eb}.input[type=time],.input[type=text],select.input{-webkit-appearance:none;appearance:none}@media(max-width:768px){.input{width:calc(100% - 2px)}}.input[type=color]{padding:2px;width:40px;height:36px}.colorPickerWrapper{display:flex;align-items:center;gap:8px}.colorPicker{width:40px;height:36px;padding:2px;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer}.colorHex{font-size:12px;color:#64748b;font-family:monospace}.segmentListHeader{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#0f172a;padding-top:8px;border-top:1px solid #e2e8f0}.segmentListWrapper{position:relative}.segmentListWrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.9));pointer-events:none;border-radius:0 0 8px 8px}.segmentList{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;max-width:100%;padding-bottom:20px}.segmentCount{font-size:13px;color:#64748b;margin-left:8px}.segmentCard{padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;max-width:100%}@media(max-width:768px){.segmentCard{padding:12px}}.segmentLabelField{margin-bottom:4px}.segmentLabelInput{font-size:16px;font-weight:600;padding:10px 12px;border:2px solid #cbd5e1}.segmentLabelInput:focus{border-color:#2563eb}.segmentTopRow,.segmentTimeRow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.segmentActions{display:flex;justify-content:flex-end;gap:8px}.timelinePanelBody{padding:16px 20px;overflow:visible}@media(max-width:768px){.timelinePanelBody{padding:12px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}}.timelineExport{width:100%;overflow:visible}@media(max-width:768px){.timelineExport{width:800px;min-width:800px;flex-shrink:0}}.timelineScrollHint{display:none}@media(max-width:768px){.timelineScrollHint{display:block;text-align:center;font-size:11px;color:#94a3b8;padding:8px 0 4px}}.timelineSheetItem{display:flex;flex-direction:column;gap:8px}.timelineHeader{display:flex;justify-content:space-between;align-items:center}.timelinePatternName{font-size:16px;font-weight:700;color:#0f172a}.timelineHeaderRight{font-size:12px;color:#64748b}.timelineScale{position:relative;height:24px;margin-left:1px;margin-right:1px}.timelineHour{position:absolute;transform:translate(-50%);font-size:11px;color:#64748b}.timelineTrack{position:relative;min-height:200px;border-radius:8px;background:repeating-linear-gradient(90deg,#e2e8f0 0,#e2e8f0 1px,transparent 1px,transparent calc(100% / 24)),repeating-linear-gradient(90deg,transparent 0,transparent 1px,transparent 1px,transparent calc(100% / 48)),linear-gradient(#f8fafc,#f8fafc);border:1px solid #e2e8f0;overflow:hidden}.timelineExportSheetItem .timelineTrack{overflow:visible}.timelineTrackResizeHandle{position:relative;width:100%;height:24px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-top:1px solid #e2e8f0;transition:background .15s}.timelineTrackResizeHandle:hover{background:#e2e8f0}.timelineTrackResizeBar{width:60px;height:4px;background:#94a3b8;border-radius:2px;transition:background .15s}.timelineTrackResizeHandle:hover .timelineTrackResizeBar{background:#64748b}@media(max-width:768px){.timelineTrackResizeHandle{height:32px}.timelineTrackResizeBar{width:80px;height:6px}}.timelineBlock{position:absolute;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .1s,box-shadow .1s}.timelineBlockInteractive{cursor:grab}.timelineBlockInteractive:hover{z-index:10}.timelineBlockHovered{box-shadow:0 4px 12px #0003;transform:scale(1.02);z-index:10}.timelineBlockDragging{cursor:grabbing;box-shadow:0 8px 24px #0000004d;transform:scale(1.03);z-index:20}.timelineBlockLabel{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px;line-height:1.3}.timelineBlockLabelHidden{opacity:0}.timelineBlockName{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.timelineBlockTime{font-size:12px;opacity:.9;white-space:nowrap}.timelineResizeHandle{position:absolute;top:0;bottom:0;width:12px;cursor:ew-resize;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.timelineResizeHandleLeft{left:0}.timelineResizeHandleRight{right:0}.timelineBlockInteractive:hover .timelineResizeHandle,.timelineBlockDragging .timelineResizeHandle{opacity:1}.timelineResizeHandle:after{content:"";display:block;width:3px;height:30px;background:#fff9;border-radius:2px;transition:background .15s,width .15s,height .15s}.timelineResizeHandle:hover:after{background:#fff;width:4px;height:40px}.timelineBlockDragging .timelineResizeHandle:after{background:#fff;width:4px;height:40px}@media(max-width:768px){.timelineResizeHandle{width:24px;opacity:.7}.timelineResizeHandleLeft{left:-4px}.timelineResizeHandleRight{right:-4px}.timelineResizeHandle:after{width:4px;height:50%;min-height:30px;background:#ffffffe6}}.timelineNarrowLabel{position:absolute;transform:translate(-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center}.timelineNarrowConnector{width:2px;min-height:8px;border-radius:1px;position:relative;z-index:1}.timelineNarrowBubble{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 8px;border-radius:6px;border:2px solid;color:#fff;font-size:10px;white-space:nowrap;line-height:1.2;box-shadow:0 2px 6px #00000040;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;z-index:10}.timelineNarrowName{font-weight:700}.timelineNarrowTime{opacity:.85}.timelineWrap{position:absolute;top:50%;width:18px;height:18px;transform:translateY(-50%);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.timelineWrapRight{right:4px}.timelineWrapRight:after{content:"›";font-size:14px;font-weight:700;color:#64748b}.timelineWrapLeft{left:4px}.timelineWrapLeft:after{content:"‹";font-size:14px;font-weight:700;color:#64748b}.exportStage{position:absolute;left:-9999px;top:-9999px;width:1200px}.exportSheet{background:#fff;padding:32px;width:1200px}.exportSheetTitle{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:24px}.exportSheetList{display:flex;flex-direction:column;gap:32px}.timelineExportSheetItem{background:#fff}.timelineExportSheetItem .timelineTrack{height:140px}.loginPage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.loginCard{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #0003}.loginTitle{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 8px;text-align:center}.loginSubtitle{font-size:14px;color:#64748b;text-align:center;margin-bottom:32px}.loginForm{display:flex;flex-direction:column;gap:20px}.loginField{display:flex;flex-direction:column;gap:8px}.loginLabel{font-size:14px;font-weight:600;color:#374151}.loginInput{padding:12px 16px;font-size:16px;border:2px solid #e2e8f0;border-radius:8px;transition:border-color .15s;outline:none}.loginInput:focus{border-color:#667eea}.loginInput::placeholder{color:#94a3b8}.loginError{padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.loginButton{padding:14px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s}.loginButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.loginButton:disabled{opacity:.7;cursor:not-allowed}.loadingScreen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;gap:16px}.loadingSpinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loadingText{font-size:16px;color:#64748b}.savingIndicator{color:#64748b;font-size:12px;font-weight:400}.exportHint{font-size:12px;color:#64748b}