.main:has(#view-shared-html.on){max-width:none;min-width:0;width:100%;padding:0}
.sh-page{height:var(--sh-available-height,100dvh);min-height:600px;max-width:1700px;margin:auto;padding:26px 28px 22px;color:var(--ink,#161620);display:flex;flex-direction:column;box-sizing:border-box}
.sh-categories{display:flex;gap:8px;flex-wrap:wrap;flex:none;margin:0 0 14px}.sh-categories button{min-height:44px;display:flex;align-items:center;gap:10px}.sh-categories button[aria-pressed=true]{background:var(--brand-soft,#fff2f6);border-color:var(--brand,#c7406d);color:var(--brand-ink,#a8365c);font-weight:600}.sh-categories span{font-size:12px;min-width:20px;text-align:center}.sh-chip-category{color:var(--brand-ink,#a8365c);background:var(--brand-soft,#fff2f6);border-color:var(--brand-line,#f7d4e1)}.sh-dialog select[data-sh-edit-category]{width:100%;min-height:44px;border:1px solid #d9d9df;border-radius:8px;padding:11px;font:inherit;background:#fff;color:#161620}
.sh-page *,.sh-dialog *{box-sizing:border-box}.sh-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;flex:none}.sh-header h1{font-size:25px;line-height:1.4;margin:0 0 7px}.sh-header p{color:var(--sub,#6f6f7b);font-size:13px;margin:0;line-height:1.7}.sh-page button,.sh-dialog button,.sh-button{border:1px solid #d9d9df;background:#fff;border-radius:9px;padding:10px 14px;font:inherit;font-size:13px;line-height:1.4;color:#161620;cursor:pointer;text-decoration:none}.sh-page button:hover,.sh-dialog button:hover,.sh-button:hover{background:#f5f2f4;border-color:#c9b0ba}.sh-page .sh-primary,.sh-dialog .sh-primary{background:#c7406d;border-color:#c7406d;color:#fff;font-weight:600}.sh-page .sh-primary:hover,.sh-dialog .sh-primary:hover{background:#a8365c;color:#fff;border-color:#a8365c}.sh-page button:disabled,.sh-dialog button:disabled{opacity:.5;cursor:wait}.sh-page :focus-visible,.sh-dialog :focus-visible{outline:2px solid #c7406d;outline-offset:3px}.sh-page svg,.sh-dialog svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.sh-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.sh-page .sh-icon-only,.sh-dialog .sh-icon-only{display:inline-flex;align-items:center;justify-content:center;padding:9px;flex:none}.sh-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;flex:1;min-height:0}.sh-list-panel,.sh-detail{background:#fff;border:1px solid #e6e6ec;border-radius:14px;min-width:0;overflow:hidden}.sh-list-panel{display:flex;flex-direction:column}.sh-filters{padding:15px;display:grid;gap:12px;border-bottom:1px solid #e6e6ec;flex:none}.sh-list-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px}.sh-list-heading .sh-icon-only{padding:5px;border:0;color:#6f6f7b}.sh-list-heading svg{width:15px;height:15px}.sh-search{position:relative;display:block}.sh-search>svg{position:absolute;left:11px;top:12px;width:15px;height:15px;color:#6f6f7b}.sh-page input:not([type=radio]):not([type=checkbox]),.sh-page select,.sh-dialog input:not([type=radio]):not([type=checkbox]),.sh-dialog textarea{border:1px solid #d9d9df;border-radius:8px;padding:11px;font:inherit;font-size:14px;background:#fff;color:#161620;max-width:100%;width:100%;min-width:0;box-sizing:border-box}.sh-page .sh-search input[type=search]{padding-left:33px;font-size:12px;background:#fafafa}.sh-page .sh-filters select{font-size:12px;border:0;padding:0;background:white;color:#6f6f7b;min-height:25px}.sh-list{overflow:auto;padding:7px;min-height:0}.sh-page .sh-row{display:block;width:100%;border:1px solid transparent;border-radius:9px;text-align:left;padding:15px 11px;margin-bottom:5px;background:white}.sh-row.selected{background:#fbf0f4!important;border-color:#efcddb!important}.sh-row.selected .sh-row-title{color:#a8365c}.sh-row-title{display:block;font-weight:600;font-size:13px;line-height:1.65;overflow-wrap:anywhere;margin-bottom:10px}.sh-row-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:#6f6f7b;font-size:11px}.sh-row time{display:block;font-size:10px;color:#6f6f7b;margin-top:8px}.sh-chip{display:inline-block;font-size:10px;line-height:1.5;color:#4f4f59;border:1px solid #dddde3;border-radius:20px;padding:2px 7px;background:#f8f8fa;white-space:nowrap}.sh-chip-public{color:#1b7a53;border-color:#b7d9c9;background:#eff8f3}.sh-detail{display:flex;flex-direction:column;box-shadow:0 3px 10px #16162003}.sh-reader-toolbar{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid #e6e6ec;flex:none}.sh-reader-title{flex:1;min-width:0}.sh-reader-title h2{font-size:16px;line-height:1.6;margin:0 0 7px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sh-reader-title p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#6f6f7b;margin:0;line-height:1.8}.sh-reader-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;flex:none}.sh-reader-actions button{font-size:12px;padding:8px 10px}.sh-preview{flex:1;min-height:0;background:#f8f8fa}.sh-preview iframe{width:100%;height:100%;border:0;background:#fff;display:block}.sh-reader-footer{border-top:1px solid #e6e6ec;display:flex;align-items:center;justify-content:space-between;padding:9px 17px;color:#6f6f7b;font-size:10px;flex:none;gap:10px}.sh-reader-footer button{border:0;background:transparent;padding:3px 5px;font-size:11px;color:#6f6f7b}.sh-empty{padding:30px 18px;color:#6f6f7b;line-height:1.9;font-size:13px}.sh-empty h2{font-size:18px;color:#161620;margin:0 0 10px}.sh-empty button{margin-top:12px}.sh-status{font-size:13px;line-height:1.7;overflow-wrap:anywhere;flex:none}.sh-status:not(:empty){margin:0 0 12px;padding:9px 12px;background:#f8f8fa;border:1px solid #e6e6ec;border-radius:8px}.sh-error{color:#a8365c}.sh-page>.sh-status:not(:empty){background:#fff}.sh-page [hidden],.sh-dialog [hidden]{display:none!important}.sh-page .sh-library-toggle{display:none}.sh-detail.sh-expanded{position:fixed;inset:16px;z-index:1500;box-shadow:0 0 0 100vmax #16162066;max-width:none}.sh-dialog{border:1px solid #dddde3;border-radius:15px;padding:24px;max-width:480px;width:calc(100% - 32px);font:14px/1.8 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;color:#161620;background:#fff;box-shadow:0 16px 70px #16162026}.sh-dialog::backdrop{background:#16162044}.sh-dialog.sh-panel{padding:0;max-width:550px;max-height:calc(100dvh - 40px)}.sh-panel[open]{display:flex;flex-direction:column}.sh-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e6e6ec;flex:none}.sh-panel-header h2{font-size:18px;margin:0;line-height:1.6}.sh-panel-header .sh-icon-only{border-color:transparent}.sh-panel-body{padding:7px 24px 20px;overflow:auto;min-height:0}.sh-panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:17px 24px;border-top:1px solid #e6e6ec;background:#fcfcfd;flex:none}.sh-dialog.sh-drawer{margin:0 0 0 auto;inset:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(490px,calc(100% - 24px));max-width:none;border-radius:15px 0 0 15px}.sh-drawer .sh-panel-body{flex:1}.sh-field{display:grid;gap:9px;font-size:13px;font-weight:600;margin:19px 0}.sh-dialog textarea{resize:vertical}.sh-upload{border:1px dashed #cfc6d1;border-radius:9px;background:#fcfafb;padding:16px}.sh-dialog .sh-upload input{font-size:12px;padding:7px}.sh-help{font-size:12px;font-weight:400;color:#6f6f7b;line-height:1.8;margin:12px 0}.sh-code summary{cursor:pointer;font-size:13px;padding:14px 0}.sh-dialog .sh-code textarea{min-height:230px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.7;white-space:pre;overflow:auto}.sh-scopes{border:0;padding:0;margin:16px 0;display:grid;grid-template-columns:1fr;gap:10px}.sh-scopes legend{font-size:13px;font-weight:600;margin-bottom:12px}.sh-scopes label{border:1px solid #d9d9df;border-radius:9px;padding:13px 15px;display:flex;align-items:flex-start;gap:10px;cursor:pointer}.sh-scopes strong{font-size:13px;display:block;font-weight:600}.sh-scopes small{font-size:11px;color:#6f6f7b;line-height:1.8;display:block;margin-top:3px}.sh-scopes label:has(input:checked){border-color:#c7406d;background:#fbf0f4}.sh-scopes input{margin:6px 0 0}.sh-dialog input[type=radio],.sh-dialog input[type=checkbox]{accent-color:#c7406d;width:auto;flex:none}.sh-scope-help{font-size:13px;color:#4f4f59;line-height:1.8;margin:16px 0}.sh-confirm{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.8;background:#fbf0f4;color:#a8365c;border-radius:8px;padding:13px;margin:16px 0}.sh-confirm input{margin-top:4px}.sh-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0}.sh-share{border-top:1px solid #e6e6ec;margin-top:20px;padding-top:4px}.sh-share .sh-actions{margin-bottom:0}.sh-share .sh-field input{font-size:12px;font-weight:400}.sh-history{font-size:13px;line-height:1.9;color:#6f6f7b;padding-left:22px;margin:20px 0}.sh-history li{padding-bottom:17px}.sh-history strong{color:#161620}.sh-dialog.sh-draft-preview{width:calc(100% - 48px);height:calc(100dvh - 48px);max-width:1200px;max-height:calc(100dvh - 48px);padding:0}.sh-draft-preview[open]{display:flex;flex-direction:column}.sh-draft-preview iframe{width:100%;border:0;flex:1;min-height:0;background:#fff}
@media(max-width:1120px){.sh-page{padding:20px}.sh-layout{grid-template-columns:220px minmax(0,1fr);gap:15px}.sh-reader-toolbar{flex-wrap:wrap;padding:14px 16px}.sh-reader-title{min-width:180px}.sh-reader-actions{margin-left:auto}.sh-reader-actions button{font-size:11px}.sh-header p{font-size:12px}}
@media(max-width:700px){.sh-page{padding:16px 12px 12px;min-height:560px}.sh-header{gap:10px;margin-bottom:14px}.sh-header h1{font-size:21px;margin-bottom:4px}.sh-header p{font-size:11px}.sh-header button{font-size:11px;padding:9px 10px;flex:none}.sh-header svg{width:14px;height:14px}.sh-layout{display:flex;flex-direction:column;gap:10px}.sh-page .sh-library-toggle{display:flex;align-items:center;gap:9px;width:100%;text-align:left;margin-bottom:10px;font-size:12px;padding:10px 12px}.sh-library-toggle span{margin-left:auto;color:#6f6f7b;font-size:11px}.sh-list-panel{display:none;max-height:260px;flex:none}.sh-library-open .sh-list-panel{display:flex}.sh-filters{padding:11px;gap:9px}.sh-list-heading{display:none}.sh-list{padding:5px}.sh-page .sh-row{padding:10px}.sh-row-title{font-size:12px;margin-bottom:6px}.sh-row time{display:none}.sh-detail{flex:1;min-height:230px}.sh-reader-toolbar{padding:12px;gap:12px}.sh-reader-title{min-width:0;width:100%;flex:auto}.sh-reader-title h2{font-size:13px;line-height:1.6;-webkit-line-clamp:2}.sh-reader-title p{font-size:10px}.sh-reader-actions{width:100%;gap:5px}.sh-reader-actions button{font-size:11px;padding:7px 9px}.sh-reader-actions svg{width:14px;height:14px}.sh-reader-footer{padding:8px 11px;font-size:9px}.sh-reader-footer button{font-size:10px}.sh-panel-header{padding:16px}.sh-panel-body{padding:4px 16px 16px}.sh-panel-footer{padding:13px 16px;flex-wrap:wrap}.sh-panel-footer button{font-size:12px}.sh-dialog.sh-panel{max-height:calc(100dvh - 24px)}.sh-dialog.sh-drawer{max-height:100dvh}.sh-panel-header h2{font-size:17px}.sh-detail.sh-expanded{inset:8px}.sh-dialog.sh-draft-preview{width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.sh-scopes label{padding:11px}.sh-share .sh-actions>*{font-size:11px}.sh-dialog .sh-code textarea{min-height:200px}}

/* Account-linked author identity; names remain visible when photos fail. */
.sh-creator{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;vertical-align:middle}.sh-creator-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;overflow:hidden;border-radius:50%;background:#f5e8ee;color:#a93660;font-size:12px;font-weight:600}.sh-creator-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sh-creator-text{display:flex;align-items:baseline;gap:6px;min-width:0}.sh-creator-label{font-size:10px;font-weight:400;color:#747481;flex:none}.sh-creator-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;color:#4f4f59}.sh-row>.sh-creator{display:flex;margin:9px 0 6px}.sh-reader-title p{flex-wrap:wrap;row-gap:8px}.sh-reader-title .sh-creator-avatar{width:26px;height:26px;flex-basis:26px}@media(max-width:700px){.sh-creator-name{font-size:11px}.sh-row>.sh-creator{margin:7px 0 0}.sh-creator-avatar{width:24px;height:24px;flex-basis:24px}}