/* 시안 5종은 동일한 공간을 쓰며 문서 iframe을 다시 열지 않는다. */
.ws-type-icon[data-vp-file-kind=hwp]{--ws-type:var(--ws-type-hwp)}
.ws-type-icon[data-vp-file-kind=docx]{--ws-type:var(--ws-type-docx)}
.ws-type-icon[data-vp-file-kind=pptx]{--ws-type:var(--ws-type-pptx)}
.ws-type-icon[data-vp-file-kind=xlsx]{--ws-type:var(--ws-type-xlsx)}
.ws-type-icon[data-vp-file-kind=txt]{--ws-type:var(--ws-type-txt)}
.ws-type-icon[data-vp-file-kind=html]{--ws-type:var(--ws-type-html)}
.ws-type-icon[data-vp-file-kind=md]{--ws-type:var(--ws-type-md)}
.ws-type-icon[data-vp-file-kind=pdf]{--ws-type:var(--ws-type-pdf)}
.ws-type-icon[data-vp-file-kind=image]{--ws-type:var(--ws-type-image)}
body.workspace[data-file-icons] #projects .ws-type-icon,body.workspace[data-file-icons] #wsDocumentTabs .ws-type-icon,#wsUIIconPreview .ws-type-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--ws-type,var(--ws-muted))}
body.workspace[data-file-icons] #projects summary .ws-type-icon,body.workspace[data-file-icons] #wsDocumentTabs .ws-type-icon{width:20px;height:24px}
body.workspace[data-file-icons] #projects .ws-type-icon svg,body.workspace[data-file-icons] #wsDocumentTabs .ws-type-icon svg,#wsUIIconPreview .ws-type-icon svg{width:16px;height:16px;flex:none}
body:is([data-file-icons=mono],[data-file-icons=document]) .ws-type-icon{--ws-type:var(--ws-muted)}
body.workspace[data-file-icons=tile] #projects .ws-type-icon,body.workspace[data-file-icons=tile] #wsDocumentTabs .ws-type-icon,body[data-file-icons=tile] #wsUIIconPreview .ws-type-icon{background:color-mix(in srgb,var(--ws-type) 13%,transparent)}
body.workspace[data-file-icons=context] #projects .lmeta .pjname{display:none}
body.workspace[data-file-icons=context] #projects .lmeta .ws-file-type{display:inline}
#wsUIIconCard .setrow{align-items:flex-start;gap:16px}
#wsUIIconCard .setlbl{min-width:100px;padding-top:8px}
#wsUIIconCard .setctl{display:block;min-width:0;flex:1;max-width:420px}
#wsUIIconCard .gh-select-button{width:100%;min-height:44px;font-size:calc(13px * var(--ws-font-scale,1))}
#wsUIIconDescription,#wsUIIconStatus{font-size:calc(12px * var(--ws-font-scale,1));line-height:1.7;color:var(--ws-muted);overflow-wrap:anywhere}
#wsUIIconDescription{margin:8px 0 0}
#wsUIIconStatus{min-height:24px;margin:12px 0 0}
#wsUIIconStatus[data-error=true]{color:var(--red-text)}
#wsUIIconPreview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;padding:16px;border:1px solid var(--ws-line);border-radius:6px;background:var(--ws-bg)}
.ws-icon-sample{display:flex;align-items:center;gap:8px;min-width:0;font-size:calc(12px * var(--ws-font-scale,1));line-height:1.6}
.ws-icon-sample>span:last-child{min-width:0;overflow-wrap:anywhere}
@media(max-width:640px){#wsUIIconCard .setrow{display:block}#wsUIIconCard .setlbl{display:block;padding:0 0 10px}#wsUIIconCard .setctl{max-width:none}#wsUIIconPreview{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:8px}.ws-icon-sample{gap:5px}}