.research-app .creation-main { width: min(1120px, calc(100% - 96px)); }
.research-app .research-home-heading { display: block; text-align: center; }
.research-app .research-home-heading h1 { font-size: 40px; }
.research-app .research-home-heading p { margin-top: 13px; }
.research-app .research-tabs { width: max-content; min-width: 310px; margin: 31px auto 0; display: flex; justify-content: center; gap: 48px; border-bottom: 1px solid var(--creation-line); }
.research-app .research-tabs a, .research-app .research-tabs button { min-height: 47px; padding: 0 17px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #657791; font-size: 16px; text-decoration: none; cursor: pointer; }
.research-app .research-tabs .active, .research-app .research-tabs a:hover, .research-app .research-tabs button:hover { color: var(--creation-blue); border-bottom-color: var(--creation-blue); }
.research-tool-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 21px; margin-top: 36px; }
.research-tool-card { min-height: 226px; padding: 22px 20px 20px; display: flex; flex-direction: column; align-items: center; text-align: center; border: 1px solid #d9e4f1; border-radius: 16px; background: #fff; transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease; }
.research-tool-card:hover { border-color: #9fc4fc; box-shadow: 0 11px 28px rgba(50, 104, 180, .09); transform: translateY(-1px); }
.research-tool-art { width: 247px; max-width: 100%; height: 104px; display: block; object-fit: cover; }
.research-tool-card h2 { margin: 15px 0 7px; color: var(--creation-ink); font-size: 20px; }
.research-tool-card p { margin: 0; color: var(--creation-muted); font-size: 15px; line-height: 1.5; }
.research-app .research-ai-disclaimer {
    gap: 10px;
    border-top: 1px solid var(--creation-line);
    color: #7b8ba3;
    font-size: 13px;
}
.research-app .research-ai-disclaimer a {
    color: var(--creation-blue) !important;
    font-weight: 600;
    text-decoration: none !important;
}
.research-app .research-ai-disclaimer-legal { gap: 10px; }

.research-subheading { align-items: baseline; justify-content: flex-start; gap: 24px; }
.research-subheading h1 { font-size: 36px; }
.research-subheading p { margin: 0; }
.research-breadcrumb { margin-bottom: 24px; }
.research-breadcrumb > a:first-child,
.research-detail-breadcrumb > a:first-child {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: inherit;
    white-space: nowrap;
}
.research-breadcrumb > a:first-child::before,
.research-detail-breadcrumb > a:first-child::before {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border: solid currentColor;
    border-width: 0 0 1.8px 1.8px;
    content: "";
    transform: rotate(45deg);
}
.research-breadcrumb > a:first-child:hover,
.research-detail-breadcrumb > a:first-child:hover { color: var(--creation-blue); }
.research-work-grid { display: grid; grid-template-columns: minmax(0, 1fr) 365px; gap: 17px; margin-top: 27px; }
.research-panel { padding: 25px 26px 21px; border: 1px solid #d9e4f1; border-radius: 15px; background: #fff; }
.research-panel h2 { margin: 0 0 17px; color: var(--creation-ink); font-size: 18px; }
.research-panel h3 { margin: 24px 0 10px; color: var(--creation-ink); font-size: 16px; }
.research-field { width: 100%; min-height: 63px; padding: 13px 15px; border: 1px solid #cbd7e7; border-radius: 9px; outline: none; color: var(--creation-ink); font-size: 15px; line-height: 1.55; }
.research-field:focus { border-color: var(--creation-blue); box-shadow: 0 0 0 3px #edf5ff; }
textarea.research-field { min-height: 85px; resize: vertical; }
.research-field-wrap { position: relative; }
.research-counter { position: absolute; right: 13px; bottom: 8px; color: #73839a; font-size: 12px; }
.research-select-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.research-select-label { display: block; margin-bottom: 8px; color: #70809a; font-size: 14px; }
.research-select { width: 100%; min-height: 47px; padding: 0 12px; border: 1px solid #cbd7e7; border-radius: 8px; background: #fff; color: var(--creation-ink); font-size: 14px; }
.research-source-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.research-source { min-height: 56px; padding: 0 16px; display: flex; align-items: center; gap: 11px; border: 1px solid #d4deec; border-radius: 9px; color: var(--creation-ink); font-size: 15px; cursor: pointer; }
.research-source.active { border-color: var(--creation-blue); box-shadow: inset 0 0 0 1px var(--creation-blue); }
.research-radio { width: 21px; height: 21px; border: 1px solid #becbdc; border-radius: 50%; }
.research-source.active .research-radio { border: 6px solid var(--creation-blue); }
.research-source img { width: 22px; height: 22px; margin-left: auto; object-fit: contain; }
.research-variant-row { display: flex; flex-wrap: wrap; gap: 10px; }
.research-variant { min-height: 40px; padding: 0 17px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid #d4deec; border-radius: 22px; background: #fff; color: #526681; font-size: 14px; cursor: pointer; }
.research-variant.active, .research-variant:hover { border-color: var(--creation-blue); color: var(--creation-blue); }
.research-settings-list { display: grid; gap: 0; }
.research-setting-block { padding: 0 0 21px; border-bottom: 1px solid var(--creation-line); }
.research-setting-block + .research-setting-block { padding-top: 21px; }
.research-setting-block:last-child { border-bottom: 0; padding-bottom: 0; }
.research-setting-head { display: flex; align-items: center; gap: 11px; color: var(--creation-blue); font-size: 16px; font-weight: 700; }
.research-setting-head img { width: 22px; height: 22px; object-fit: contain; }
.research-bullets { margin: 13px 0 0; padding-left: 21px; color: #5d6e88; font-size: 14px; line-height: 1.8; }
.research-steps { display: grid; gap: 10px; margin-top: 13px; }
.research-step { display: flex; align-items: center; gap: 10px; color: #596b85; font-size: 14px; }
.research-step-number { width: 21px; height: 21px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--creation-blue); color: #fff; font-size: 12px; font-weight: 700; }
.research-work-grid .creation-primary { width: 100%; margin-top: 24px; }
.research-bottom-note { margin-top: 24px; text-align: center; color: #8392a7; font-size: 14px; }

.learning-layout { display: grid; grid-template-columns: minmax(0, 1fr) 475px; gap: 24px; margin-top: 24px; }
.learning-panel { padding: 23px 26px; border: 1px solid #d9e4f1; border-radius: 15px; background: #fff; }
.learning-panel h2 { margin: 0 0 20px; font-size: 18px; }
.learning-upload { min-height: 184px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; border: 1px dashed #9fc3fd; border-radius: 10px; color: #5e7290; font-size: 15px; cursor: pointer; }
.learning-upload img { width: 115px; height: 84px; object-fit: cover; }
.learning-question-row { display: flex; align-items: center; gap: 22px; margin-top: 19px; }
.learning-question-preview { min-height: 73px; flex: 1; padding: 12px 15px; display: flex; align-items: center; border: 1px solid #cbd7e7; border-radius: 9px; color: var(--creation-ink); font-size: 14px; }
.learning-question-row .creation-outline { min-width: 112px; }
.learning-help-card { padding: 24px 20px 19px; border: 1px solid #d9e4f1; border-radius: 15px; background: #fff; }
.learning-help-card h2 { margin: 0 0 18px; font-size: 18px; }
.learning-step-card { padding: 13px 15px; border: 1px solid #dde6f1; border-radius: 10px; color: var(--creation-ink); }
.learning-step-card + .learning-step-card { margin-top: 8px; }
.learning-step-head { display: flex; align-items: center; gap: 11px; font-size: 14px; font-weight: 700; }
.learning-step-head img { width: 23px; height: 23px; object-fit: contain; }
.learning-step-body { margin: 11px 0 0 34px; color: #536681; font-size: 14px; line-height: 1.7; }
.learning-step-card.collapsed .learning-step-body { display: none; }
.learning-step-card .chevron { float: right; color: #5c6f8b; }
.learning-tools { margin-top: 24px; padding: 22px 20px; border-radius: 15px; background: #f4f8ff; }
.learning-tools h2 { margin: 0 0 16px; font-size: 18px; }
.learning-tool-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.learning-tool { min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid #cfe0fb; border-radius: 9px; background: #fff; color: var(--creation-blue); font-size: 14px; font-weight: 700; cursor: pointer; }
.learning-tool img { width: 22px; height: 22px; object-fit: contain; }
.learning-mode-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.learning-mode { min-height: 43px; padding: 0 15px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid #d4deec; border-radius: 9px; background: #fff; color: #596b85; font-size: 14px; cursor: pointer; }
.learning-mode img { width: 21px; height: 21px; flex: 0 0 21px; object-fit: contain; }
.learning-mode.active { border-color: var(--creation-blue); color: var(--creation-blue); box-shadow: inset 0 0 0 1px var(--creation-blue); }

.analysis-layout { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 22px; margin-top: 24px; }
.analysis-panel { padding: 18px 14px 20px; border: 1px solid #d9e4f1; border-radius: 15px; background: #fff; }
.analysis-tabs { display: flex; gap: 35px; margin: 0 0 18px; padding: 0 14px; border-bottom: 1px solid var(--creation-line); }
.analysis-tabs button { min-height: 44px; padding: 0; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #657791; cursor: pointer; font-size: 15px; }
.analysis-tabs button.active { border-bottom-color: var(--creation-blue); color: var(--creation-blue); }
.analysis-drop { min-height: 199px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; border: 1px dashed #9fc3fd; border-radius: 10px; color: #647792; font-size: 15px; cursor: pointer; }
.analysis-drop img { width: 90px; height: 93px; object-fit: cover; }
.analysis-drop strong { color: var(--creation-blue); }
.analysis-file-list { display: grid; gap: 8px; margin-top: 17px; }
.analysis-file { min-height: 58px; padding: 9px 14px; display: flex; align-items: center; gap: 12px; border: 1px solid #dce5f0; border-radius: 10px; }
.file-ext { width: 32px; height: 34px; flex: 0 0 32px; display: inline-flex; align-items: center; justify-content: center; background: transparent; }
.file-ext.pdf, .file-ext.docx, .file-ext.xlsx { background: transparent; }
.file-ext img { width: 32px; height: 34px; display: block; object-fit: contain; }
.analysis-file-copy { min-width: 0; flex: 1; }.analysis-file-copy strong { display: block; overflow: hidden; color: var(--creation-ink); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }.analysis-file-copy span { display: block; margin-top: 3px; color: #8291a5; font-size: 12px; }
.analysis-remove { border: 0; background: transparent; color: #657791; font-size: 21px; cursor: pointer; }
.analysis-input-title { margin: 20px 0 9px; color: var(--creation-ink); font-size: 16px; }
.analysis-pills { margin-top: 12px; padding: 0 0 0 0; }
.analysis-pills .creation-pill { gap: 8px; border-color: #b9d4fb; color: var(--creation-blue); font-weight: 600; }
.analysis-pills .creation-pill:hover { border-color: var(--creation-blue); background: #f4f8ff; color: var(--creation-blue); }
.analysis-pill-icon { width: 21px; height: 21px; flex: 0 0 21px; display: inline-flex; align-items: center; justify-content: center; color: var(--creation-blue); }
.analysis-pill-icon svg, .analysis-pill-icon img { width: 21px; height: 21px; display: block; object-fit: contain; }
.analysis-side { padding: 22px 22px 18px; border: 1px solid #d9e4f1; border-radius: 15px; background: #fff; }
.analysis-side h2 { margin: 0 0 19px; font-size: 18px; }
.analysis-methods { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.analysis-method { min-height: 47px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #cbd7e7; border-radius: 9px; color: #536681; background: #fff; cursor: pointer; font-size: 14px; }
.analysis-method.active { border-color: var(--creation-blue); color: var(--creation-blue); box-shadow: inset 0 0 0 1px var(--creation-blue); }
.analysis-preview { margin: 21px 0 13px; padding-top: 19px; border-top: 1px solid var(--creation-line); }.analysis-preview h3 { margin: 0 0 11px; font-size: 14px; }.analysis-preview > img { width: 100%; height: 193px; display: block; object-fit: cover; border: 1px solid #dce5f0; border-radius: 8px; }
.analysis-findings { display: grid; gap: 8px; margin-top: 12px; }.analysis-finding { min-height: 49px; padding: 8px 11px; display: flex; align-items: center; gap: 10px; border: 1px solid #dce5f0; border-radius: 8px; color: #536681; font-size: 13px; }.analysis-finding strong { display:block; color:var(--creation-ink); font-size:14px; }.finding-icon { width: 24px; height: 24px; flex: 0 0 24px; display: inline-flex; align-items: center; justify-content: center; }.finding-icon img { width: 24px; height: 24px; display: block; object-fit: contain; border: 0; border-radius: 0; }.analysis-side .creation-primary { width: 100%; margin-top: 15px; }
.analysis-note { margin-top: 15px; text-align: center; color: #8291a5; font-size: 13px; }
.analysis-side .creation-primary:disabled { cursor: not-allowed; opacity: .56; }
.analysis-side .creation-primary.is-loading { cursor: wait; }
.research-analysis-status { min-height: 20px; margin: 9px 2px 0; color: #71809a; font-size: 12px; line-height: 1.55; text-align: center; }
.research-analysis-status.is-error { color: #c2413c; }

.result-research-layout { display: grid; grid-template-columns: minmax(0, 1fr) 335px; gap: 24px; margin-top: 26px; }
.result-research-main { min-width: 0; }
.conclusion-panel { padding: 20px 23px; border: 1px solid #d9e4f1; border-radius: 14px; background: #fff; }.conclusion-panel h2 { margin: 0 0 17px; font-size: 19px; }.conclusion-list { display: grid; gap: 13px; }.conclusion-item { display: flex; gap: 12px; color: #536681; font-size: 14px; line-height: 1.6; }.conclusion-number { width: 22px; height: 22px; flex: 0 0 22px; display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--creation-blue);color:#fff;font-size:12px;font-weight:700; }
.research-result-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-top:15px; }.research-result-card { min-height:190px; padding:17px 18px; border:1px solid #b9d4fb; border-radius:13px; background:#f7fbff; }.research-result-card.inference{border-color:#cec4f9;background:#fbfaff}.research-result-card.verify{border-color:#ffd09e;background:#fffaf4}.research-result-card h3{margin:0 0 11px;font-size:16px}.research-result-card p{margin:0;color:#5d6e88;font-size:13px;line-height:1.8}.research-result-card ul{margin:0;padding-left:17px;color:#5d6e88;font-size:13px;line-height:1.8}.research-next{margin-top:15px}.research-result-side{display:grid;align-content:start;gap:17px}.source-panel,.operation-panel{padding:20px 18px;border:1px solid #d9e4f1;border-radius:14px;background:#fff}.source-panel h2,.operation-panel h2{margin:0 0 16px;font-size:18px}.source-list{display:grid;gap:10px}.source-item{min-height:64px;padding:9px 11px;display:flex;align-items:center;gap:10px;border:1px solid #dce5f0;border-radius:9px}.source-item img{width:30px;height:30px;object-fit:contain}.source-copy{min-width:0;flex:1}.source-copy strong{display:block;color:var(--creation-ink);font-size:14px}.source-copy span{display:block;margin-top:3px;color:#8291a5;font-size:12px}.source-date{color:#71809a;font-size:12px}.operation-panel .creation-outline,.operation-panel .creation-primary{width:100%;margin-top:10px}.research-result-footer{margin-top:27px;padding-top:21px;border-top:1px solid var(--creation-line);text-align:center;color:#7f8fa6;font-size:14px}

@media (max-width: 1000px){.research-app .creation-main{width:min(100% - 56px,1100px)}.research-tool-grid{gap:14px}.research-tool-card{padding-left:13px;padding-right:13px}.research-work-grid,.learning-layout,.analysis-layout,.result-research-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.research-panel{padding-left:18px;padding-right:18px}.research-result-cards{grid-template-columns:1fr}.research-result-card{min-height:0}}
@media (max-width: 900px){.research-app .creation-main{width:calc(100% - 28px)}.research-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.research-work-grid,.learning-layout,.analysis-layout,.result-research-layout{display:block}.research-side,.research-work-grid > aside,.learning-layout > aside,.analysis-layout > aside,.result-research-side{margin-top:18px}.research-subheading{display:block}.research-subheading p{margin-top:9px}.research-home-heading h1{font-size:31px}}
@media (max-width: 560px){.research-tool-grid{grid-template-columns:1fr}.research-app .research-tabs{min-width:0;width:100%;gap:10px}.research-app .research-tabs a,.research-app .research-tabs button{padding:0 8px;font-size:14px}.research-select-row,.research-source-row{grid-template-columns:1fr;gap:10px}.research-panel{padding:18px 14px}.learning-question-row{display:block}.learning-question-row .creation-outline{margin-top:10px}.learning-tool-row{grid-template-columns:1fr}.research-result-cards{grid-template-columns:1fr}.research-result-card{min-height:0}}
