*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#1c1c1c;background:#f7f7f5;font:15px/1.4 Segoe UI,PingFang SC,sans-serif}button,input{font:inherit}button{padding:6px 12px;border:1px solid #b9b9b4;border-radius:4px;background:#fff;cursor:pointer}button:disabled{cursor:default;opacity:.6}.page{height:100%;display:flex;flex-direction:column;min-height:0}.bar{display:flex;gap:8px;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e4e4e0}.bar h1{margin:0;font-size:18px;font-weight:600}.who{color:#555;white-space:nowrap}.search,.name{flex:1;min-width:0;padding:6px 8px;border:1px solid #b9b9b4;border-radius:4px}.empty,.error{margin:16px}.error{margin-bottom:0;color:#9b1c1c}table{width:calc(100% - 32px);margin:16px;border-collapse:collapse;background:#fff;table-layout:fixed}th,td{padding:8px 10px;border-bottom:1px solid #eee;text-align:left;vertical-align:middle}.clip{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb{display:block;width:96px;height:72px;object-fit:contain}.actions{white-space:nowrap}.actions button+button{margin-left:6px}.editor-page{background:#fff}.canvas{flex:1;min-height:0}.canvas>*{height:100%}