@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap";.header-disclosure-container{position:relative}.header-disclosure-button{display:flex;align-items:center;gap:6px;background-color:#ffffff1a;color:var(--color-text-primary);padding:6px;cursor:pointer;font-size:14px;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;border-radius:4px;position:relative;overflow:hidden}.header-disclosure-button:hover{background-color:var(--color-background-secondary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.header-disclosure-button svg{margin-top:3px}.header-disclosure-button svg path{fill:var(--color-text-tertiary)}.header-disclosure-container.open .header-disclosure-button,.header-disclosure-button.open{background-color:var(--color-background-secondary);box-shadow:0 2px 8px #00000026}.header-disclosure-dropdown{position:absolute;top:100%;right:0;background-color:var(--color-background-primary);border-radius:8px;box-shadow:0 8px 32px #0000001f;width:260px;z-index:1001;margin-top:8px;overflow:hidden;opacity:0;transform:translateY(-10px) scale(.95);visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:top right}.header-disclosure-container.open .header-disclosure-dropdown{opacity:1;transform:translateY(0) scale(1);visibility:visible}.header-disclosure-list{list-style:none;margin:0;padding:0}.header-disclosure-list li{padding:0;border-bottom:1px solid var(--color-border-gray);opacity:0;transform:translate(-10px);animation:slideInItem .3s cubic-bezier(.4,0,.2,1) forwards}.header-disclosure-list li:nth-child(1){animation-delay:.05s}.header-disclosure-list li:nth-child(2){animation-delay:.1s}.header-disclosure-list li:nth-child(3){animation-delay:.15s}.header-disclosure-list li:nth-child(4){animation-delay:.2s}.header-disclosure-list li:nth-child(5){animation-delay:.25s}.header-disclosure-list li:last-child{border-bottom:none}.header-disclosure-icon{display:flex;align-items:center}.header-disclosure-icon svg{margin-top:0}.header-disclosure-title{flex:1}.header-disclosure-list a,.header-disclosure-menu-button{display:block;padding:12px 20px;color:var(--color-text-primary);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;position:relative;width:100%;text-align:left;background:none;border:none;cursor:pointer}.header-disclosure-list a:hover,.header-disclosure-menu-button:hover{background-color:var(--color-background-light-blue);padding-left:24px}.header-disclosure-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.header-disclosure-button:active:before{width:300px;height:300px}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:var(--color-background-primary);border-bottom:1px solid var(--color-border-gray);color:var(--color-text-primary);box-sizing:border-box}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:8px}.brand{color:var(--color-text-primary);text-decoration:none;display:flex;align-items:center}.service-logo{height:20px;margin-right:12px;vertical-align:middle}.product-name{font-size:14px;font-weight:700}.beta-version{font-size:12px;font-weight:300;color:var(--color-text-secondary);margin-left:4px}.user-menu-container{position:relative}.user-menu-button{display:flex;align-items:center;gap:6px;padding:.5rem .75rem;background:none;border:none;color:var(--color-text-primary);cursor:pointer;font-size:14px;border-radius:.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.user-menu-button:hover{background-color:var(--color-background-secondary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.user-name{font-weight:400;display:flex;align-items:center;gap:4px}.user-menu-button .user-name svg path{fill:var(--color-text-primary)}.user-menu-button>svg{margin-top:3px}.user-menu-button>svg path{fill:var(--color-text-tertiary)}.user-menu-dropdown{position:absolute;top:100%;right:0;background-color:var(--color-background-primary);border-radius:8px;box-shadow:0 8px 32px #0000001f;min-width:8rem;z-index:1001;margin-top:8px;overflow:hidden;opacity:0;transform:translateY(-10px) scale(.95);visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:top right}.user-menu-container.open .user-menu-dropdown{opacity:1;transform:translateY(0) scale(1);visibility:visible}.user-menu-item{display:block;width:100%;padding:12px 20px;background:none;border:none;color:var(--color-text-primary);cursor:pointer;font-size:14px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;opacity:0;transform:translate(-10px);animation:slideInItem .3s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.05s;width:260px}.user-menu-item:hover{background-color:var(--color-background-secondary);transform:translate(4px);padding-left:24px}.logout-item{min-width:140px;color:var(--color-danger)}.logout-item:hover{background-color:#e834211a}@keyframes slideInItem{to{opacity:1;transform:translate(0)}}.new-conversation-button{display:inline-flex;align-items:center;justify-content:flex-start;padding:4px;width:100%;border:none;border-radius:8px;background-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease-in-out,width .2s ease-in-out;text-decoration:none;box-sizing:border-box;gap:8px}.new-conversation-icon{flex-shrink:0}.new-conversation-text{flex-shrink:0;font-size:14px;font-weight:400;color:var(--color-text-primary);line-height:1.2;opacity:1;transition:opacity .2s ease-in-out}.new-conversation-button:hover:not(:disabled){background-color:var(--color-background-hover)}.new-conversation-button:active:not(:disabled){background-color:var(--color-background-hover)}.new-conversation-button--collapsed{width:32px;transition:width 0s ease-in-out .2s}.new-conversation-button--collapsed .new-conversation-text{opacity:0;pointer-events:none}.sidebar-toggle-button{display:inline-flex;align-items:center;justify-content:center;padding:3px;border:1px solid var(--color-border-primary);border-radius:8px;background-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease-in-out;box-sizing:border-box}.sidebar-toggle-button:hover:not(:disabled){background-color:var(--color-background-hover)}.sidebar-toggle-button:active:not(:disabled){background-color:var(--color-background-hover)}.sidebar{--sidebar-width-open: 270px;--sidebar-width-closed: 52px;min-width:var(--sidebar-width-closed);height:100%;background-color:var(--color-background-light-blue);display:flex;flex-direction:column;overflow:hidden}.sidebar-inner{display:flex;flex-direction:column;width:var(--sidebar-width-open);flex-shrink:0;height:100%}.sidebar-header{flex-shrink:0;padding:10px}.sidebar-new-planning-section{padding:0 10px 24px;flex-shrink:0}.sidebar-content,.sidebar-history-section{flex:1;display:flex;flex-direction:column;min-height:0}.sidebar-history-header{padding:0 10px;display:flex;flex-direction:column;margin-bottom:12px}.sidebar-history-header h4{margin:0 0 8px;padding-left:6px;display:flex;align-items:center;font-size:14px;font-weight:400;color:var(--color-text-gray)}.sidebar-search-box{display:flex;border-radius:8px;overflow:hidden}.sidebar-search-box input{flex:1;padding:4px 10px;font-size:14px;background-color:var(--color-background-primary);color:var(--color-text-primary);border:solid 1px var(--color-border-dark-blue);border-right:none;box-sizing:border-box;border-radius:8px 0 0 8px}.sidebar-search-box input::placeholder{color:var(--color-text-gray)}.sidebar-search-box button{padding:10px;background-color:var(--color-primary);color:var(--color-text-light);border:none;cursor:pointer;min-width:32px;transition:background-color .2s ease}.sidebar-search-box button:hover{opacity:.8}.search-box-icon{display:block;stroke:#fff}.history-list{padding:0 10px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-track{background:transparent}.history-list::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:4px;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box}.history-list::-webkit-scrollbar-thumb:hover{background-color:#0003}.history-item{padding:8px 10px;margin-bottom:4px;cursor:pointer;transition:background-color .2s;border-radius:4px}.history-item:hover{background-color:color-mix(in srgb,var(--color-background-dark-blue) 50%,transparent 50%)}.history-item.active{background-color:var(--color-background-dark-blue)}.history-title{margin-bottom:4px;color:var(--color-text-primary);font-size:14px}.history-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-gray)}.no-history{padding:1.25rem;text-align:center;color:var(--color-text-gray);font-size:14px}.loading-indicator{padding:1rem;text-align:center;color:var(--color-text-gray);font-size:14px}.page-layout-main-header{background-color:var(--color-background-primary);border-bottom:1px solid #eef4f7}.page-layout-main-header-content{padding:14px 20px;font-size:14px;font-weight:400;color:var(--color-text-primary)}.page-layout{display:grid;grid-template-rows:auto 1fr;height:100dvh}.page-layout-with-sidebar{display:grid;grid-template-columns:auto 1fr;min-height:0}.page-layout-main-content{display:grid;grid-template-rows:auto 1fr;min-height:0}.page-layout-main-content-body{display:grid;min-height:0}.page-layout>.page-layout-main-content .page-layout-content-body{overflow:auto}.error-container{padding:20px;text-align:center}.error-container-message{color:var(--color-danger);font-weight:700;font-size:24px;margin-bottom:36px}.error-message a{margin-top:10px;display:inline-block;color:var(--color-primary);text-decoration:underline;font-size:14px;transition:color .2s ease}.error-message a:hover{opacity:.5}.send-button{width:32px;height:32px;border-radius:8px;padding:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);border:none;cursor:pointer;transition:all .2s ease-in-out}.send-button:hover:not(:disabled){opacity:.7;transform:translateY(-1px);box-shadow:0 4px 12px #1fb6ff4d}.send-button:active:not(:disabled){opacity:.7;transform:translateY(0);box-shadow:0 2px 6px #1fb6ff33}.send-button:disabled{background-color:var(--color-button-disabled);cursor:not-allowed;opacity:.6}.send-button svg{color:#fff}.send-button.abort-mode{background-color:var(--color-danger)}.send-button.abort-mode:hover:not(:disabled){opacity:.7;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.send-button.abort-mode:active:not(:disabled){opacity:.7;transform:translateY(0);box-shadow:0 2px 6px #dc262633}.user-message{align-self:flex-end;padding:12px 16px;background-color:var(--color-background-light-blue);border-radius:8px 8px 0;margin-left:auto;max-width:64%;font-size:16px;line-height:1.5}.ai-message{align-self:flex-start;padding:12px 0;margin-right:auto;max-width:100%;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.ai-message p{margin:0}.error-message{align-self:flex-start;background-color:#ffebee;border-left:4px solid var(--color-danger);margin-right:auto;padding:10px 15px;border-radius:4px;position:relative;overflow-wrap:anywhere;line-break:strict;color:var(--color-danger);font-size:16px;line-height:1.5}.error-content{font-size:16px;line-height:1.5;color:var(--color-danger)}.error-details pre{background-color:var(--color-background-secondary);padding:8px;border-radius:4px;font-size:12px;overflow-x:auto}.notification-message{align-self:center;max-width:90%;text-align:center;padding:6px 15px;border-radius:10px;position:relative;overflow-wrap:break-word;font-size:14px;line-height:1.5}.notification-message.abort{color:var(--color-danger)}.notification-message.warning{color:var(--color-warning)}.notification-message.info{color:var(--color-primary)}.planning-update-message{align-self:flex-start;background-color:#e6eff7;margin-right:auto;border-left:4px solid var(--color-primary);padding:10px 15px;border-radius:4px;position:relative;overflow-wrap:anywhere;cursor:pointer;max-width:80%}.planning-update-message .message-content{font-size:16px;line-height:1.5;color:var(--color-primary)}.planning-update-content pre{background-color:var(--color-background-secondary);padding:8px;border-radius:4px;font-size:12px;overflow-x:auto}.catchphrase-update-message{align-self:flex-start;background-color:#e6eff7;margin-right:auto;border-left:4px solid var(--color-primary);padding:10px 15px;border-radius:4px;position:relative;overflow-wrap:anywhere;cursor:pointer;max-width:80%}.catchphrase-update-message .message-content{font-size:16px;line-height:1.5;color:var(--color-primary)}.catchphrase-update-content pre{background-color:var(--color-background-secondary);padding:8px;border-radius:4px;font-size:12px;overflow-x:auto}.choice-suggestions-message{align-self:flex-start;margin-right:auto;max-width:100%;padding:10px 15px;position:relative;overflow-wrap:anywhere;line-break:strict}.choice-suggestions-message .message-content{font-size:14px;line-height:1.5}.choices-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px}.choice-button{background-color:var(--color-background-primary);border:1px solid var(--color-primary);border-radius:8px;padding:10px;font-size:16px;cursor:pointer;transition:all .2s ease;color:var(--color-primary);text-align:left}.choice-button:hover{background-color:var(--color-background-light-blue)}.choice-button:active{transform:translateY(0);background-color:var(--color-background-dark-blue)}.choice-button.inactive-choice{background-color:var(--color-background-secondary);border-color:var(--color-border-gray);color:var(--color-text-tertiary);cursor:default;opacity:.7}.choice-button.inactive-choice:hover{background-color:var(--color-background-secondary);transform:none;box-shadow:none}.inactive-choices-details{margin-top:8px}.inactive-choices-details summary{cursor:pointer;color:var(--color-primary);font-size:14px;margin-bottom:8px;-webkit-user-select:none;user-select:none}.inactive-choices-details summary:hover{color:var(--color-primary);text-decoration:underline}.inactive-choices-details .choices-container{margin-top:8px}.status-message{align-self:center;background-color:#f0f0f0;max-width:90%;text-align:center;border:1px solid var(--color-border-gray);padding:6px 16px;border-radius:10px;position:relative;overflow-wrap:break-word}.status-message .message-content{font-size:14px;line-height:1.5;color:var(--color-text-primary)}.status-message-content{color:var(--color-text-secondary)}.status-text{font-style:italic;font-size:14px;animation:blink 3s infinite;opacity:.5}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.knowledge-message{align-self:flex-start;padding:12px 16px;background-color:#f0f2f5;border-radius:8px 8px 8px 0;margin-right:auto;max-width:64%;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.knowledge-message p{margin:0}.knowledge-link{margin-top:8px}.knowledge-link a{color:#007bff;text-decoration:none}.knowledge-link a:hover{text-decoration:underline}.message{max-width:80%;padding:10px 15px;border-radius:10px;position:relative}.toast{margin-right:8px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background-color:#e6eff7;font-size:13px;line-height:1.4;max-width:320px;opacity:0;transform:translateY(100%);transition:all .3s ease-in-out;position:relative;color:var(--color-primary)}.toast-visible{opacity:1;transform:translateY(0)}.toast-leaving{opacity:0;transform:translateY(100%)}.toast-message{flex:1}.chat-pane-content{display:grid;grid-template-rows:1fr auto;height:100%;background-color:var(--color-background-primary);overflow-y:scroll}.messages-container{padding:20px;display:flex;flex-direction:column;gap:15px;background-color:var(--color-background-primary);box-sizing:border-box;min-width:0;width:100%}.chat-pane-content-foot{position:sticky;bottom:0;padding:0 20px}.toast-container{position:absolute;bottom:100%;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-bottom:8px;pointer-events:none;z-index:1000;overflow:hidden;width:100%}.status-area{display:flex;padding:0 16px;gap:16px;align-items:center;box-sizing:border-box}.progress-text{font-size:12px;font-weight:700;color:var(--color-primary)}.status-container{flex:1;text-align:right;position:relative}.receive-status{padding:9px 20px;background:var(--color-background-light-blue);border-radius:12px 12px 0 0;font-size:12px;min-height:1em;transition:transform .2s 0s ease}.receive-status:empty{transform:translateY(100%)}.receive-status.waiting{color:var(--color-danger)}.receive-status.receiving{color:var(--color-warning)}.receive-status.completed{color:var(--color-secondary)}.message-input-form{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.textarea-wrapper{flex:1;border:1px solid var(--color-background-dark-blue);border-radius:8px;background-color:var(--color-background-primary);overflow:hidden;position:relative}.textarea-wrapper textarea{width:100%;padding:10px 12px 0;border:none;color:var(--color-text-primary);box-sizing:border-box;resize:none;line-height:1.5;min-height:41px;max-height:146px;font-size:14px;font-family:inherit;overflow-y:auto;outline:none}.bottom-controls{display:flex;justify-content:space-between;align-items:center;padding:6px 12px 10px}.mode-area{display:flex;align-items:center;gap:8px}.mode-button{padding:4px 8px;cursor:pointer;border:solid 1px color-mix(in srgb,var(--color-text-gray) 15%,transparent 85%);border-radius:8px;color:color-mix(in srgb,var(--color-text-gray) 70%,transparent 30%);font-size:14px;font-weight:400;transition:all .2s ease;display:flex;align-items:center;column-gap:8px;background-color:#fff}.mode-button.active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-background-hover)}.mode-button:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-background-hover)}.mode-button .search-icon{stroke:var(--color-text-light-gray)}.mode-button:hover .search-icon,.mode-button.active .search-icon{stroke:var(--color-primary)}.message-input-form-button-container{display:flex;align-items:center}.message-note{margin:0;padding:8px 0;font-size:12px;text-align:right;color:var(--color-text-gray);background-color:var(--color-background-primary)}.secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;min-height:32px;width:100%;border:1px solid var(--color-border-primary);border-radius:8px;font-size:14px;font-weight:400;line-height:1.2;text-align:center;white-space:nowrap;background-color:var(--color-background-primary);color:var(--color-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease-in-out;text-decoration:none;box-sizing:border-box}.button-icon{display:inline-flex;align-items:center;justify-content:center}.button-icon-left{margin-right:4px}.button-icon-right{margin-left:4px}.button-text{display:inline-flex;align-items:center}.secondary-button:hover:not(:disabled){background-color:var(--color-background-light-blue);transform:translateY(-1px);box-shadow:0 2px 8px #0099cc26}.secondary-button:active:not(:disabled){background-color:var(--color-background-tertiary);transform:translateY(0);box-shadow:0 1px 4px #0099cc1a}.secondary-button:disabled{background-color:var(--color-background-secondary);color:var(--color-text-tertiary);border-color:var(--color-border-gray);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.primary-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;min-height:32px;border:none;border-radius:8px;font-size:14px;font-weight:400;line-height:1.2;text-align:center;white-space:nowrap;background-color:var(--color-primary);color:var(--color-text-light);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease-in-out;text-decoration:none;box-sizing:border-box;width:100%}.primary-button:hover:not(:disabled){opacity:.7;transform:translateY(-1px);box-shadow:0 4px 12px #1fb6ff4d}.primary-button:active:not(:disabled){opacity:.7;transform:translateY(0);box-shadow:0 2px 6px #1fb6ff33}.primary-button:disabled{background-color:var(--color-text-light);color:var(--color-text-tertiary);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.primary-button .button-icon{display:inline-flex;align-items:center;justify-content:center}.primary-button .button-icon-left{margin-right:.5rem}.primary-button .button-icon-right{margin-left:.5rem}.primary-button .button-text{display:inline-flex;align-items:center}.planning-pane-content{display:flex;flex-direction:column;height:100%;color:var(--color-text-primary)}.close-button:hover{background-color:var(--color-background-tertiary)}.tabs-header{padding:0 10px;display:flex;border-bottom:solid 3px var(--color-border-light-blue);align-items:center;gap:10px}.tabs{width:94%;display:flex;background-color:var(--color-background-primary)}.tab{padding:14px 16px;background:none;border:none;box-shadow:0 3px 0 0 transparent;cursor:pointer;font-size:16px;font-weight:400;color:var(--color-text-secondary);background-color:var(--color-background-primary);transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:4px}.tab:hover{color:var(--color-text-primary);background-color:var(--color-background-secondary)}.tab.active{color:var(--color-text-primary);box-shadow:0 3px 0 0 var(--color-shadow-active)}.tab-content{flex:1;padding:20px;background-color:var(--color-background-primary);overflow-y:auto}.export-section{display:flex;justify-content:flex-end;margin:0 0 10px auto;width:118px}.content-placeholder{padding:16px;display:flex;justify-content:center;align-items:center;min-height:10%;background-color:var(--color-background-secondary);border-radius:8px;color:var(--color-text-secondary);font-size:14px;overflow-wrap:anywhere;word-break:normal;line-break:strict}.research-results{color:var(--color-text-primary)}.content-item{margin-bottom:24px;position:relative}.content-item h4{font-size:14px;color:var(--color-text-primary);margin:0 0 8px;font-weight:400}.content-item p{font-size:14px;line-height:1.6;color:var(--color-text-primary)}.field-content{display:flex;flex-direction:column;width:100%;position:relative;font-size:16px}.edit-input{width:100%;padding:8px 16px;background-color:var(--color-background-primary);border:1px solid var(--color-border-dark-blue);border-radius:6px;font-size:16px;color:var(--color-text-primary);margin-bottom:10px;font-family:inherit;transition:border-color .2s ease;box-sizing:border-box}.edit-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #0099cc1a}.editable-buttons{display:flex;gap:12px;align-self:flex-start}.editable-buttons-save-container{width:44px}.editable-buttons-detailed-container{width:86px}.editable-field{padding:8px 16px;border-radius:6px;background-color:var(--color-background-light-blue);border:1px solid var(--color-border-dark-blue);cursor:pointer;transition:all .2s ease;min-height:20px;color:var(--color-text-primary);display:flex;justify-content:space-between;align-items:center}.editable-field:hover{background-color:var(--color-background-hover);box-shadow:0 2px 4px #0000000d}.field-value{flex:1}.edit-icon{flex-shrink:0;margin-left:8px}.tab-with-indicator:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--color-primary);animation:progressBlink 1.2s ease-in-out infinite;margin-right:8px}@keyframes progressBlink{0%,50%{opacity:1}51%,to{opacity:.3}}.editable-field.disabled{cursor:default;opacity:.6;background-color:var(--color-background-light-blue)}.editable-field.disabled:hover{background-color:var(--color-background-light-blue);border-color:transparent;box-shadow:none}.editable-field.disabled .edit-icon{display:none}.content-item.disabled h4{color:var(--color-text-secondary)}.pane-toggle-button{border:1px solid var(--color-primary);background-color:var(--color-background-primary);color:var(--color-primary)}.pane-toggle-button:hover{background-color:var(--color-background-hover)}.three-pane-layout{display:flex;width:100%;position:relative;justify-content:flex-start;min-height:0}.pane{height:100%;position:relative;transition:width .3s ease,transform .3s ease;border-right:1px solid var(--color-border-gray)}.pane-content{height:100%;position:relative}.left-pane{width:50%;background-color:var(--color-background-primary)}.right-pane{width:50%;background-color:var(--color-background-primary);border-right:none;transform-origin:right center;transition:transform .3s ease,width .3s ease,opacity .3s ease;margin-left:auto;order:2}.left-pane{order:1}.three-pane-layout:not(:has(.right-pane)) .left-pane,.three-pane-layout:not(:has(.left-pane)) .right-pane{width:100%}.toggle-button{display:inline-flex;align-items:center;justify-content:center;padding:3px;border-radius:8px;cursor:pointer;box-sizing:border-box}.left-toggle{position:absolute;top:9px;right:10px;z-index:20;background-color:var(--color-background-primary);border:1px solid var(--color-primary)}.right-toggle{background-color:var(--color-background-primary);border:1px solid var(--color-primary)}.contents-planning-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.contents-planning-page.initial-screen{height:auto;min-height:100vh;overflow:auto;background-color:var(--color-background-secondary)}.main-content-area{display:flex;flex:1;overflow:hidden}.main-content-area .three-pane-layout{flex:1;overflow:hidden}.service-selection-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background-secondary)}.service-selection-container{flex:1;max-width:1000px;margin:0 auto;padding:4rem 2rem;width:100%}.service-selection-title{font-size:32px;color:var(--color-text-primary);letter-spacing:.05em;margin-top:1rem;text-align:center}.service-selection-subtitle{font-size:16px;color:var(--color-text-secondary);margin-bottom:32px;text-align:center}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.service-card{background-color:var(--color-background-primary);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;border:1px solid var(--color-border-gray);box-shadow:0 2px 4px #0000000d;text-align:center;height:100%;min-height:180px;justify-content:center}.service-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a;border-color:var(--color-border-primary)}.service-card.selected{border-color:var(--color-border-primary);box-shadow:0 0 0 2px var(--color-primary)}.service-icon{width:60px;height:60px;border-radius:50%;background-color:var(--color-primary);color:var(--color-background-primary);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin-bottom:16px}.service-display-name{font-size:19px;font-weight:500;color:var(--color-text-primary);margin:0}.no-services{text-align:center;padding:2rem;background-color:var(--color-background-primary);border-radius:8px;box-shadow:0 2px 4px #0000000d}.no-services p{margin:.5rem 0;color:var(--color-text-secondary);font-size:14px}.no-services p:first-child{font-weight:700;color:var(--color-text-primary);font-size:16px}.admin-actions{margin-top:3rem;padding:1.5rem;background-color:var(--color-background-primary);border-radius:8px;box-shadow:0 2px 4px #0000000d}.admin-actions h2{font-size:15px;color:var(--color-text-primary);margin-bottom:1rem;text-align:center}.admin-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.admin-button{padding:.8rem 1.5rem;background-color:var(--color-primary);color:var(--color-background-primary);border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.admin-button:hover{background-color:#007aa3}@media (max-width: 768px){.service-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.service-selection-container{padding:1rem}.service-selection-title{font-size:18px}.service-selection-subtitle{font-size:16px}.admin-buttons{flex-direction:column}.admin-button{width:100%;font-size:14px}}@media (max-width: 480px){.service-grid{grid-template-columns:1fr}.service-selection-title{font-size:16px}.service-selection-subtitle{font-size:12px}.admin-button{font-size:13px}}.edit-page{padding-bottom:40px;background-color:var(--color-background-secondary);min-height:calc(100vh - var(--header-height));width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start}.edit-container{width:1000px;margin:0 auto}.edit-container-loading{text-align:center}.edit-title{margin:40px 0;font-size:28px;font-weight:700;color:var(--color-text-primary)}.edit-description{margin:0 0 40px;font-size:16px}.edit-block{margin-bottom:25px;border-radius:16px;padding:36px 40px;width:100%;background-color:var(--color-background-primary);box-sizing:border-box;box-shadow:0 4px 10px #00000026}.edit-block .form-group:not(:last-child){margin-bottom:40px}.edit-block .form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--color-text-primary);font-size:15px}.edit-block input,textarea{width:100%}.edit-block input[type=text],.edit-block textarea{padding:16px;font-size:16px;border:1px solid var(--color-border-gray);border-radius:8px;background-color:var(--color-background-primary);color:var(--color-text-primary);box-sizing:border-box}.input-action-group{display:flex;align-items:center;gap:10px;margin-bottom:8px}.input-action-group input[type=text]{flex-grow:1;transition:border-color .2s,box-shadow .2s}.input-action-group input[type=text]:focus{box-shadow:0 0 0 3px #1976d21a}.button.secondary.small.add-directory-button{margin-top:15px;display:inline-flex;align-items:center;padding:8px 10px;font-size:16px;gap:6px;white-space:nowrap;background-color:var(--color-background-secondary);color:var(--color-text-primary);border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 2px #0000000d;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.button.secondary.small.add-directory-button:hover{opacity:.7}.button.secondary.small.add-directory-button svg{display:block;width:20px;height:20px;fill:var(--color-text-primary)}.remove-item-button{border:none;padding:0;background-color:transparent;cursor:pointer;flex-shrink:0}.remove-item-button:hover{opacity:.7}.remove-item-button svg{display:block;width:20px;height:20px;fill:var(--color-text-primary)}.help-text{margin-bottom:18px;font-size:16px;color:#61758a;line-height:1.5}.edit-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:30px}.edit-buttons-submit-container{width:56px}.secondary-button-wrapper{width:auto;display:inline-block}.success-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}.success-popup{background-color:var(--color-background-primary);border-radius:12px;padding:24px;box-shadow:0 8px 32px #0003;max-width:400px;width:90%;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;animation:slideIn .3s ease-out}.success-popup-icon{margin-bottom:16px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#e8f5e8;border-radius:50%}.success-popup-message{font-size:16px;font-weight:500;color:var(--color-text-primary);margin-bottom:8px;line-height:1.4}.success-popup-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;color:var(--color-text-tertiary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.success-popup-close:hover{background-color:var(--color-background-secondary);color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.success-popup{margin:20px;padding:20px}.success-popup-message{font-size:14px}}.prompt-list-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background-secondary)}.prompt-list-container{flex:1;max-width:1000px;margin:0 auto;padding:2rem;width:100%}.prompt-list-title{font-size:28px;color:var(--color-text-primary);letter-spacing:.05em;margin-bottom:2rem;padding-bottom:1rem}.prompt-list-buttons{margin-bottom:2rem;width:160px;display:flex;justify-content:flex-start}.prompt-table-container{background-color:var(--color-background-primary);border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.prompt-table{width:100%;border-collapse:collapse}.prompt-table th,.prompt-table td{padding:1.2rem 1.5rem;text-align:left;border-bottom:1px solid var(--color-border-gray);font-size:14px}.prompt-table th{background-color:var(--color-background-tertiary);font-weight:700;color:var(--color-text-primary);font-size:14px}.prompt-table td{color:var(--color-text-primary)}.prompt-table tr:hover{background-color:var(--color-background-light-blue)}.prompt-table a{color:var(--color-primary);text-decoration:none;font-weight:700;font-size:14px}.prompt-table a:hover{text-decoration:underline}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-container p{font-size:16px;color:var(--color-text-secondary)}.error{color:var(--color-danger);background-color:var(--color-background-secondary);padding:1rem;border-radius:8px;margin-bottom:2rem;text-align:center;font-size:14px;border:1px solid var(--color-danger)}.no-templates{text-align:center;padding:2rem;background-color:var(--color-background-primary);border-radius:8px;box-shadow:0 2px 4px #0000000d}.no-templates p{margin:.5rem 0;color:var(--color-text-secondary);font-size:14px}.no-templates p:first-child{font-weight:700;color:var(--color-text-primary);font-size:16px}:root{--color-primary: #0099CC;--color-secondary: #0083C1;--color-success: #6BA427;--color-warning: #F68C0E;--color-danger: #E83421;--color-text-primary: #333333;--color-text-secondary: #717171;--color-text-tertiary: #949494;--color-text-light: #FFFFFF;--color-text-gray: #73797C;--color-text-light-gray: rgba(115,121,124,.7);--color-text-link: var(--color-primary);--color-background-primary: #FFFFFF;--color-background-secondary: #F5F5F5;--color-background-tertiary: #EAEAEA;--color-background-dark-blue: #CDDFEF;--color-background-light-blue: #EEF4F7;--color-background-dark: #30363A;--color-background-hover: color-mix(in srgb, var(--color-background-dark-blue) 80%, transparent 20%);--color-border-primary: var(--color-primary);--color-border-light-blue:#EEF4F7;--color-border-dark-blue: #CDDFEF;--color-border-gray: #CACACA;--color-shadow-active: var(--color-primary)}:root{--header-height: 69px}:root{font-family:Noto Sans JP,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-background-primary);font-size:16px}h1{font-size:32px;line-height:1.1}button{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:focus{outline:none}button:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:2px}