#page-figures{width:min(1140px,96vw);height:min(850px,92dvh);max-width:96vw;max-height:92dvh;margin:auto;padding:0;border:1px solid #adb7ba;border-radius:6px;background:#fff;color:#303638;font:14px/1.5 'Noto Sans JP',sans-serif;letter-spacing:0}
#page-figures::backdrop{background:#0008}
#page-figures *{box-sizing:border-box;letter-spacing:0}
#page-figures .pf-shell{height:100%;display:flex;flex-direction:column;min-height:0}
#page-figures header,#page-figures .pf-toolbar,#page-figures .pf-nav{display:flex;gap:8px;align-items:center;padding:8px 12px;flex-wrap:wrap;border-bottom:1px solid #dce1e2}
#page-figures h2{font-size:17px;margin:0;flex:1}
#page-figures button,#page-figures select,#page-figures input[type=text]{font:inherit;color:inherit;min-height:32px;max-width:100%;border:1px solid #b9c3c6;border-radius:4px;background:#fff;padding:4px 8px}
#page-figures button{cursor:pointer}#page-figures button:hover{background:#eef4f3}#page-figures button:disabled{opacity:.45;cursor:default}
#page-figures .pf-primary{background:#176c61;color:white;border-color:#176c61}
#page-figures input[type=checkbox]{width:17px;height:17px;accent-color:#176c61;flex-shrink:0}
#page-figures label{display:flex;gap:6px;align-items:center}
#pf-status{margin:0;padding:6px 12px;font-size:12px;color:#455f60;min-height:30px;border-bottom:1px solid #dce1e2}
#pf-status[data-error=true]{color:#a72626;background:#fff1ef}
#page-figures .pf-body{display:grid;grid-template-columns:minmax(210px,30%) minmax(0,1fr);flex:1;min-height:0}
#pf-articles{overflow:auto;border-right:1px solid #dce1e2;padding:6px}
#page-figures .pf-row{display:flex;gap:6px;align-items:center;padding:6px;border-bottom:1px solid #e3e7e7}
#page-figures .pf-row.active{background:#e5f1ef}
#page-figures .pf-article{border:0;text-align:left;background:transparent;flex:1;min-width:0;overflow-wrap:anywhere;font-weight:700}
#page-figures .pf-article small{display:block;font-size:11px;font-weight:400;color:#526669}
#page-figures .pf-view{display:flex;flex-direction:column;min-height:0;overflow:auto}
#pf-preview{display:flex;align-items:center;justify-content:center;background:#f2f4f4;flex:1;min-height:180px;overflow:auto}
#pf-preview button{background:none;border:none;padding:0;width:100%;height:100%}
#pf-preview img{display:block;width:100%;height:100%;max-height:62dvh;object-fit:contain}
#pf-title{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:700}
#pf-theme{width:260px}
#pf-imports{padding:8px 12px;max-height:34dvh;overflow:auto;border-top:1px solid #c6d2d3}
#pf-imports:empty{display:none}
#page-figures .pf-import{display:grid;grid-template-columns:66px minmax(0,1fr) minmax(120px,1fr) 32px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #ddd}
#page-figures .pf-import img{width:66px;height:50px;object-fit:contain}
#page-figures .pf-import span{overflow-wrap:anywhere;font-size:12px}
#page-figures .pf-savebar{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:8px}
#pf-copy-target{padding:6px 12px;font-size:13px;color:#183b3b;max-height:70px;overflow:auto;overflow-wrap:anywhere;background:#edf5f4}
#pf-prompt-details{padding:4px 12px;font-size:13px}
#pf-cloud-settings{padding:4px 12px;font-size:13px;border-bottom:1px solid #c6d2d3}
#pf-cloud-settings summary{cursor:pointer}
#pf-cloud-settings input[type=password]{max-width:200px}
#pf-prompt-details summary{cursor:pointer}
#pf-fallback{box-sizing:border-box;width:100%;height:160px;max-height:24dvh;font-size:12px}
#pf-gemini-link{padding:4px 12px}
#pf-zoom{margin:auto;padding:8px;border:0;background:#fff;max-width:98vw;max-height:96dvh}
#pf-zoom::backdrop{background:#000b}#pf-zoom img{display:block;max-width:94vw;max-height:86dvh;object-fit:contain}
#pf-zoom button{float:right;font-size:20px;border:0;background:#eee;cursor:pointer}
@media(max-width:650px){#page-figures{width:98vw;max-width:98vw;height:96dvh;max-height:96dvh}#page-figures .pf-body{grid-template-columns:minmax(120px,36%) minmax(0,1fr)}#page-figures .pf-toolbar{gap:6px;padding:6px}#page-figures .pf-import{grid-template-columns:48px minmax(0,1fr) 32px}#page-figures .pf-import img{width:48px}#page-figures .pf-import select{grid-column:1/3}#page-figures .pf-import button{grid-column:3;grid-row:1/3}#pf-theme{width:180px}#page-figures .pf-article{font-size:12px}}