.reference-studio,.reference-library,.reference-detail{max-width:1180px;margin:0 auto;padding:44px 24px 96px;overflow-wrap:anywhere}.reference-detail{max-width:820px}.reference-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin:20px 0 36px}.reference-heading h1,.reference-detail h1{font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.08;letter-spacing:-.045em;margin:.25em 0}.reference-heading .standfirst{max-width:660px}.reference-trail,.reference-hint,.reference-credit{font-size:.9rem;color:var(--ink2)}.reference-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reference-row h2{margin-right:auto}.reference-workspace{display:grid;grid-template-columns:minmax(230px,290px) minmax(0,1fr);gap:36px;align-items:start}.reference-sidebar{min-width:0}.reference-sidebar h2{font-size:1.1rem}.reference-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reference-studio input:not([type=checkbox]),.reference-studio textarea,.reference-studio select,.reference-library input,.reference-library select{box-sizing:border-box;width:100%;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--ink);font:inherit;line-height:1.5}.reference-studio textarea{resize:vertical;min-height:100px}.reference-studio label:not(.reference-check){display:block;font-weight:600;margin:20px 0 8px}.reference-studio button,.reference-button,.reference-detail button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--ink);padding:10px 16px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.reference-studio button.primary,.reference-button.primary,.reference-detail button.primary{background:var(--cta-bg);border-color:var(--accent);color:var(--cta-ink)}.reference-studio button:disabled{opacity:.45;cursor:default}.reference-studio :focus-visible,.reference-detail :focus-visible,.reference-library :focus-visible{outline:2px solid var(--accent);outline-offset:4px}.reference-studio [hidden],.reference-detail [hidden]{display:none!important}.reference-panel,.reference-card,.reference-permission{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--bg2);margin-bottom:20px}.reference-panel h2{font-size:1.2rem;letter-spacing:-.015em}.reference-panel>h2{margin-top:36px}.reference-panel>h2:first-child{margin-top:0}.reference-panel p{color:var(--ink2)}.reference-list{padding:0;list-style:none;margin:18px 0 28px}.reference-list li{margin:0 0 10px}.reference-list button{display:block;text-align:left;width:100%;font-weight:500;line-height:1.5}.reference-list small{display:block;color:var(--ink2);margin-top:4px}.reference-studio summary{cursor:pointer;font-weight:600;min-height:32px}.reference-state{font-size:.86rem;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--bg2)}.reference-dock{position:sticky;bottom:12px;display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--line);background:var(--bg2);border-radius:16px;box-shadow:0 8px 32px #0004;z-index:2}.reference-preview-note{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}.reference-dialog{box-sizing:border-box;width:min(680px,calc(100% - 32px));max-height:85vh;padding:28px;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:var(--bg2)}.reference-dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.reference-dialog h2{font-size:1.45rem}.reference-dialog .reference-check{display:flex;gap:12px;align-items:flex-start;margin:22px 0;line-height:1.55}.reference-check input{margin-top:5px;width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}.reference-dialog #shared-confirm-body{max-height:35vh;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:12px}.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.reference-card{margin:0}.reference-card h2{font-size:1.5rem;line-height:1.2}.reference-card h2 a{text-decoration:none}.reference-section{border-top:1px solid var(--line);padding:24px 0}.reference-section h2{font-size:1.15rem}.reference-section p{white-space:pre-wrap;line-height:1.75}.reference-permission{margin:28px 0}.reference-actions{display:flex;gap:16px;flex-wrap:wrap}.reference-gate{padding:32px 0}.reference-empty{padding:44px;border:1px dashed var(--line);border-radius:18px;text-align:center}.reference-filter{display:flex;gap:16px;margin:24px 0}.reference-detail [data-reference-status],#shared-message{min-height:24px;line-height:1.55}#shared-review-note:empty{display:none}#shared-review-note{border-left:3px solid var(--accent);padding:12px 18px;background:var(--bg2);white-space:pre-wrap}#shared-preview-body h3,#shared-compare-body h3,#shared-approved-body h3{margin-top:24px}.reference-studio pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
@media(max-width:760px){.reference-studio,.reference-library,.reference-detail{padding:28px 18px 80px}.reference-heading{display:block;margin-bottom:28px}.reference-heading>a{display:inline-block;margin-top:12px}.reference-workspace{grid-template-columns:1fr;gap:20px}.reference-sidebar{padding-bottom:20px;border-bottom:1px solid var(--line)}.reference-two{grid-template-columns:1fr;gap:0}.reference-panel{padding:20px}.reference-dock{position:static;padding:0;border:0;background:none;box-shadow:none}.reference-dock button{flex:1 1 45%}.reference-dialog{padding:22px}.reference-filter{flex-direction:column}.reference-empty{padding:28px}}

.reference-studio h1,.reference-library h1,.reference-detail h1,.reference-panel h2,.reference-card h2{font-family:var(--sans)}.reference-panel,.reference-card,.reference-permission,.reference-state{color:var(--ink)}.reference-check{display:flex;align-items:flex-start;gap:12px;line-height:1.6;margin:22px 0}.reference-detail input[type=search]{width:min(100%,480px);box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;background:var(--bg2);color:var(--ink)}[data-import-list]{display:grid;gap:10px;margin:20px 0}[data-reference-import]>div>button,[data-reference-import]>div>a{margin:8px 12px 8px 0}

.reference-detail textarea[readonly]{box-sizing:border-box;width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--ink);font:inherit;line-height:1.5;resize:vertical}

.reference-keywords{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.reference-keywords span{padding:4px 9px;border:1px solid var(--line);border-radius:7px;font-size:12px;color:var(--ink2)}.reference-entry-mode{font-size:13px;color:var(--ink2)}

.reference-entry-editor{border:1px solid var(--line);border-radius:12px;padding:16px;margin:14px 0;background:var(--bg)}.reference-entry-editor>summary{display:flex;flex-direction:column;gap:5px}.reference-entry-editor>summary span:last-child{font-size:12px;font-weight:400;color:var(--ink2)}.reference-entry-editor p{font-size:13px;line-height:1.5;color:var(--ink2)}[data-entry-editor]>details{margin-top:20px}[data-entry-editor]>details textarea{min-height:100px}