.font-picker{position:fixed;bottom:12px;left:12px;z-index:400;width:min(340px,calc(100vw - 24px));font-family:system-ui,sans-serif;font-size:12px;color:#1a1a1a;background:#fffffff7;border:1px solid rgba(0,0,0,.2);border-radius:10px;box-shadow:0 10px 30px -8px #00000073;overflow:hidden}.font-picker__bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f2f2f2;border-bottom:1px solid rgba(0,0,0,.12)}.font-picker__hint{color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.font-picker__bar button{margin-left:auto;background:none;border:none;cursor:pointer;font-size:14px;line-height:1;padding:2px 6px;color:#333}.font-picker__body{padding:10px;display:grid;gap:10px;max-height:60vh;overflow-y:auto}.font-picker.collapsed .font-picker__body{display:none}.font-picker__row{display:grid;gap:3px}.font-picker__label{display:flex;align-items:baseline;gap:6px;font-weight:600;font-size:11px;color:#444}.font-picker__current{margin-left:auto;font-size:10px;font-weight:400;color:#0a7}.font-picker__list{max-height:118px;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(0,0,0,.2);border-radius:5px;background:#fff}.font-picker__opt{display:flex;align-items:baseline;gap:6px;width:100%;font-family:inherit;font-size:11.5px;text-align:left;cursor:pointer;padding:4px 7px;border:none;border-bottom:1px solid #f0f0f0;background:none;color:#222}.font-picker__opt:last-child{border-bottom:none}.font-picker__opt b{font-weight:600;white-space:nowrap}.font-picker__opt i{font-style:normal;font-size:10px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker__opt:hover{background:#eafaf4}.font-picker__opt:focus-visible{outline:2px solid #0a7;outline-offset:-2px}.font-picker__opt.is-on{background:#0a7;color:#fff}.font-picker__opt.is-on i{color:#ffffffbf}.font-picker__actions{display:flex;gap:6px;padding-top:2px}.font-picker__actions button{flex:1;font-family:inherit;font-size:11px;cursor:pointer;padding:6px 8px;border:1px solid rgba(0,0,0,.25);border-radius:5px;background:#fff}.font-picker__actions button:hover{background:#f0f0f0}.font-picker__sep{border:none;border-top:1px solid rgba(0,0,0,.12);margin:2px 0}.font-picker__section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#666;margin:0}.font-picker__row--size{gap:2px}.font-picker__slider{display:flex;align-items:center;gap:8px}.font-picker__slider input[type=range]{flex:1;accent-color:#0a7;min-width:0}.font-picker__slider output{font-variant-numeric:tabular-nums;font-size:10px;color:#0a7;min-width:38px;text-align:right}.photo-picker{position:fixed;bottom:12px;right:12px;z-index:400;width:min(320px,calc(100vw - 24px));font-family:system-ui,sans-serif;font-size:12px;color:#1a1a1a;background:#fffffff7;border:1px solid rgba(0,0,0,.2);border-radius:10px;box-shadow:0 10px 30px -8px #00000073;overflow:hidden}.photo-picker__bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f2f2f2;border-bottom:1px solid rgba(0,0,0,.12)}.photo-picker__hint{color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.photo-picker__bar button{margin-left:auto;background:none;border:none;cursor:pointer;font-size:14px;line-height:1;padding:2px 6px;color:#333}.photo-picker__body{padding:10px;display:grid;gap:12px;max-height:62vh;overflow-y:auto}.photo-picker.collapsed .photo-picker__body{display:none}.photo-picker__lead{margin:0;font-size:11px;line-height:1.5;color:#666}.photo-picker__empty{margin:0;font-size:11px;color:#888}.photo-picker__row{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid #eee}.photo-picker__row:last-child{border-bottom:none;padding-bottom:0}.photo-picker__head{display:flex;align-items:center;gap:8px}.photo-picker__thumb{width:46px;height:34px;object-fit:cover;border:1px solid rgba(0,0,0,.18);border-radius:3px;background:#eee;flex:none}.photo-picker__label{font-weight:600;font-size:11px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-picker__reset{margin-left:auto;flex:none;background:none;border:1px solid rgba(0,0,0,.2);border-radius:4px;cursor:pointer;font-size:11px;line-height:1;padding:3px 6px;color:#444}.photo-picker__reset:hover{background:#f0f0f0}.photo-picker__axis{display:flex;align-items:center;gap:8px}.photo-picker__axis>span{width:10px;font-size:10px;font-weight:700;color:#888;text-align:center}.photo-picker__axis input[type=range]{flex:1;accent-color:#0a7;min-width:0}.photo-picker__axis output{font-variant-numeric:tabular-nums;font-size:10px;color:#0a7;min-width:34px;text-align:right}.photo-picker__actions{display:flex;gap:6px}.photo-picker__actions button{flex:1;font-family:inherit;font-size:11px;cursor:pointer;padding:6px 8px;border:1px solid rgba(0,0,0,.25);border-radius:5px;background:#fff}.photo-picker__actions button:hover{background:#f0f0f0}@media (max-width: 700px){.photo-picker{bottom:auto;top:12px;right:12px;max-height:50vh}.photo-picker__body{max-height:38vh}}