:root{--primary-color: #3f51b5;--secondary-color: #f50057;--background-color: #f5f5f5;--white: #ffffff;--dark-text: #333333;--light-text: #757575;--border-color: #e0e0e0;--success-color: #4caf50;--warning-color: #ff9800;--left-panel-width: 400px;--right-panel-width: 600px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,Noto Sans JP,sans-serif;background-color:var(--background-color);color:var(--dark-text);display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;width:100vw}header{background-color:var(--primary-color);color:var(--white);padding:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;right:0;z-index:100}.logo{font-size:24px;font-weight:700}.user-menu{display:flex;align-items:center;gap:16px}.avatar{width:40px;height:40px;border-radius:50%;background-color:var(--secondary-color);display:flex;justify-content:center;align-items:center;color:var(--white);font-weight:700}.username{font-weight:700}.main-container{display:flex;margin-top:72px;height:calc(100vh - 72px);width:100vw;position:relative;overflow:hidden}.panel-root{display:contents}.left-panel{width:var(--left-panel-width);background-color:var(--white);box-shadow:2px 0 4px #0000001a;padding:16px;overflow-y:auto;position:fixed;top:72px;bottom:0;left:0;z-index:90;transition:transform .3s ease}.panel-toggle{position:fixed;top:300px;z-index:100;background-color:var(--primary-color);color:var(--white);border:none;border-radius:0 4px 4px 0;padding:0;cursor:pointer;display:none}.left-panel-toggle{left:0;border-radius:0 4px 4px 0}.right-panel-toggle{right:0;border-radius:4px 0 0 4px}.btn-primary{background-color:var(--primary-color);color:var(--white);border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:700;transition:background-color .3s;display:flex;align-items:center;gap:8px}.btn-primary:hover{background-color:#303f9f}.storage-notice{margin-top:16px;padding:12px;border-radius:4px;background-color:#3f51b514;color:var(--dark-text);font-size:14px;line-height:1.5}.storage-notice+.btn-primary{margin-top:12px;width:100%;justify-content:center}.storage-location{display:flex;align-items:center;gap:6px;margin-bottom:16px;padding:8px 12px;border-radius:4px;background-color:#3f51b514;font-size:13px;color:var(--light-text)}.storage-location .material-icons{font-size:18px}.storage-location span:nth-child(2){flex:1}.storage-location-change{background:none;border:none;color:var(--primary-color);font-size:13px;font-weight:700;cursor:pointer;padding:2px 4px}.storage-location-change:hover{text-decoration:underline}.project-list{margin-top:24px}.project-item{padding:12px;margin-bottom:8px;border-radius:4px;border:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.project-item:hover{background-color:#3f51b51a}.project-item.active{background-color:#3f51b533;border-color:var(--primary-color)}.project-item-closed{opacity:.6}.project-name{font-weight:700}.project-closed-badge{font-weight:400;font-size:12px;color:var(--light-text);margin-left:4px}.project-action{opacity:.6;cursor:pointer}.project-action:hover{opacity:1}.menu-dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:120px;box-shadow:0 2px 8px #0003;z-index:1}.dropdown-content.show{display:block}.dropdown-content a{color:#000;padding:8px 12px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{background-color:#f1f1f1}.project-action{cursor:pointer;padding:4px;border-radius:50%}.project-action:hover{background-color:#0000001a}.content-panel{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;width:calc(100vw - var(--left-panel-width) - var(--right-panel-width));position:absolute;left:var(--left-panel-width);top:0;bottom:0}.output-container{width:100%;max-width:840px;background-color:var(--white);border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:24px;overflow:hidden}.output-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.output-header-info{display:flex;flex-direction:column}.output-title{font-size:18px;font-weight:700}.output-theme{color:var(--light-text);font-size:14px;margin-top:4px}.output-actions{display:flex;gap:16px}.tab-container{border-bottom:1px solid var(--border-color)}.tabs{display:flex;list-style:none}.tab{padding:12px;cursor:pointer;position:relative;font-weight:700}.tab.active{color:var(--primary-color)}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:var(--primary-color)}.tab-content{padding:12px 0;min-height:400px;width:100%;max-width:800px;margin:0 auto;overflow:hidden}.report-section{padding:16px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.spec-panel{padding:4px 16px 16px}.spec-panel-empty{padding:40px 16px;text-align:center;color:var(--light-text)}.spec-panel-notice{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;padding:12px;margin-bottom:16px;color:var(--light-text)}.spec-panel-actions{display:flex;justify-content:flex-end}.right-panel{width:var(--right-panel-width);background-color:var(--white);box-shadow:-2px 0 4px #0000001a;transition:transform .3s ease;position:fixed;top:72px;bottom:0;right:0;z-index:90;display:flex;flex-direction:column}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.chat-title{font-weight:700;font-size:16px}.chat-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.message{max-width:80%;padding:12px;border-radius:16px;position:relative;word-break:break-word}.message-user{align-self:flex-end;background-color:var(--primary-color);color:var(--white);border-bottom-right-radius:4px}.message-ai{align-self:flex-start;background-color:#f1f1f1;color:var(--dark-text);border-bottom-left-radius:4px}.chat-input-container{padding:16px;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:8px}.chat-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.chat-input{width:100%;padding:12px 40px 12px 12px;border:1px solid var(--border-color);border-radius:24px;resize:none;font-family:inherit;height:48px;max-height:120px;overflow-y:auto}.input-actions{display:flex;gap:8px}.input-action{color:var(--primary-color);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.input-action:hover{background-color:#3f51b51a}.input-action-mic{position:absolute;right:5px;top:50%;transform:translateY(-50%)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--white);margin:10% auto;padding:24px;border-radius:8px;width:80%;max-width:600px;box-shadow:0 5px 15px #0000004d;animation:slideDown .3s}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:20px;font-weight:700}.close-modal{background:none;border:none;font-size:24px;cursor:pointer;color:var(--light-text)}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-weight:700}.form-input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:4px;font-family:inherit}.form-textarea{min-height:120px;resize:vertical}.form-select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.modal-footer{display:flex;justify-content:flex-end;gap:16px;margin-top:24px}.btn-secondary{background-color:var(--light-text);color:var(--white);border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:700;transition:background-color .3s}.btn-secondary:hover{background-color:#616161}.main-container{justify-content:flex-start}.left-panel,.right-panel{z-index:95}@media (max-width: 1200px){.left-panel{transform:translate(-100%)}.right-panel{transform:translate(100%)}.panel-toggle{display:block}.left-panel.open,.right-panel.open{transform:translate(0)}.content-panel{margin-left:0;margin-right:0;width:100%;left:0}.left-panel.open+.left-panel-toggle{left:var(--left-panel-width)}.right-panel.open~.right-panel-toggle{right:var(--right-panel-width)}}.fullscreen-hidden{display:none!important}.output-container:-webkit-full-screen{width:100%;height:100%;background-color:#fff;padding:20px;box-sizing:border-box}.output-container:-moz-full-screen{width:100%;height:100%;background-color:#fff;padding:20px;box-sizing:border-box}.output-container:-ms-fullscreen{width:100%;height:100%;background-color:#fff;padding:20px;box-sizing:border-box}.output-container:fullscreen{width:100%;height:100%;background-color:#fff;padding:20px;box-sizing:border-box}@media (max-width: 840px){.tab-content{width:100%}}@media (max-width: 600px){.tabs{flex-direction:column}.tab{padding:12px}.tab.active:after{height:100%;width:3px;top:0;bottom:0;right:auto}.output-header{flex-direction:column;align-items:flex-start}.output-actions{margin-top:12px}.modal-content{width:95%;margin:5% auto}}